首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 原生面经从初级到高级【1.5W字】

    前言 是时候撸一波 JS 基础啦,撸熟了,银十速拿 offer; 本文不从传统的问答方式梳理,而是从知识维度梳理,以便形成知识网络 包括函数,数组,对象,数据结构,算法,设计模式和 http. 1....1.7 继承的方式 JS是一门弱类型动态语言,封装和继承是他的两大特性 1.7.1 原型链继承 将父类的实例作为子类的原型 1.代码实现 定义父类: // 定义一个动物类 function Animal...1,2,3,4].sort((a, b) => a - b); // [1, 2,3,4],默认是升序 [1,2,3,4].sort((a, b) => b - a); // [4,3,2,1] 降序 sort是js...cache-control 设置,属性值是时间,所以在时间内不用请求 协商缓存 通过 If-none-match(etag)设置,etag 属性是哈希值,所以要请求和服务器值对比 8.总结 这只是 JS

    1.1K20

    Vue打包优化之code spliting

    前言 在http1的时代,比较常见的一种性能优化就是合并http的请求数量,通常我们会把许多js代码合并在一起,但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。...CommonChunkPlugin ventor入口这里我们发现并没有筛选出所有引用的node_module下的模块 ,比如axios ,所以导致打包到了app.js里了,这里我们做下分离 entry:...中了,这样各个单页面大小也有所下降,平均小了10k左右 可是,这里我们发现vuetify.js和vuetify.css实在太庞大了,导致我们的打包的代码很大,这里,我们考虑把它提取出来,这里为了避免重复打包...比较大了,app.js缩小了200kb。.../component/MCode.vue') }, 重新打包下,可以看到 codemirror被抽离了,首屏代码进一步得到了减少,used-twice-app.js代码缩小了150k。

    2.1K20

    一文学会RCA根因分析法,变身质控能手!

    RCA根因分析法是一种结构化的分析问题的过程:通过列举端原因,从而筛选出根本原因,最后采取有效的纠正和预防手段加以解决,从而达到彻底解决问题的目的。本文总结方法如下:图片第一步:成立RCA小组。...第六步:找出端原因,即指造成事件发生较明显或较易联想到的原因,再收集对应的相关资料支持找到的端原因。第七步:针对端原因实施即时的改进措施。...即使分析过程未完成,若已先找出端原因,便可针对端原因快速或马上实施改进,减少事件造成的影响。第八步:将之前列举的端原因,进一步提问“为什么”,找到端原因的原因--即从近因中筛选出根本原因。...第九步:利用问题树、鱼骨图、推移图、头脑风暴法等工具,从系统因子中筛选出根本原因,并确认根本原因之间的关系。第十步:制定解决方案并利用PDCA来实施行动计划。

    80730

    Vue的生命周期和前端路由使用

    前言 半年来,我一直从事一个报表管理系统的开发。管理系统是给人用的,但我们团队并没有前端,所以我就兼任了大部分前端开发工作。...这个时候问题来了,当用户噼里啪啦做了一堆查询筛选后,我们的确也给用户展示了相关数据。可用户想把这个网页收藏起来供下次直接访问,或者发送给别人看。...问题就出现了,由于一个url对应着一个前端单页,每次用户打开这个url,看到的都是最初的页面,而不是经过噼里啪啦筛选后的页面。 怎么办呢?...所以做前端的同学就开始利用这个锚,把用户的筛选项保存在这个锚上,每当用户打开带有锚的url,js就能根据锚来还原最初用户所做的筛选。...已上整个流程,将实现2.1节中所说的用户打开带有锚的页面、自动填充筛选项、查询并渲染数据,同时当用户筛选发生变化时,可以及时调整路由(锚)。 以下是一个简单的实现: 在线演示 <!

    1.6K51

    Expedia 使用 WebSocket 和 Kafka 实现实时的数据流查询

    作者 | Rafal Gancarz 译者 | 明知山 策划 | 丁晓昀 Expedia 实现了从他们的平台实时地查询点击流数据的解决方案,这让他们的产品和工程团队可以在开发新的和增强现有数据驱动的特性时能够进行实时的数据探索...Expedia Group 的数据工程师(目前在 Personio)Ryan Lacerna 解释了实时查询的优势: 为了确保数据质量,我们面临的一个挑战是在数据注入管道后可以立即查看数据。...实时查询解决方案的架构(来源:Expedia 工程博客) 该解决方案包含了 UI 应用程序、WebSocket Handler 和 Filter Worker,并使用了 Apache Kafka 主题和...Handler 从 Apache Kafka 主题读取经过筛选的点击流事件。...将筛选事件路由给用户(来源:Expedia 工程博客) 与源主题相比,Filter Worker 服务显著减少了发布到筛选主题的事件的数量。

    13410

    数据透视表:动态计算N天数据变化

    初始的数据源和数据模型如下图所示: 在这个模型中,我们新建一个日期表,用来筛选订单表中的下单日期。这个例子是简化过来的。...salestotal:=VAR maxdte = IF ( HASONEVALUE ( '日期表'[Date] ), VALUES ( '日期表'[Date] ) )//获取切片器中筛选的日期的值...VAR t = IF ( HASONEVALUE ( 'N天'[N天] ), VALUES ( 'N天'[N天值] ) )//获取切片器中选择的N天的值VAR sv = CALCULATE...建立拟关系的作用是因为表中我们使用的是物理关系的日期表来做切片器来控制多个透视表或者透视图,所以需要一个虚拟关系来搭接日期表与切片日期表,用于筛选。...插入一个用于选择N天的切片器,切片器的值来自于N天表中N天列。 插入一个数据透视表,日期列来自于切片日期表中的日期列,放入度量值salestotal。

    1.7K30

    手把手教你如何在报表中查询数据

    而数据筛选,正是一种可以帮助我们在众多信息中快速找到所需的内容的方法。通过使用数据筛选工具,可以轻松地筛选出特定条件下的数据,对数据进行过滤和排序以便更好地分析和认识数据。...数据筛选不仅是一种有效管理大量信息的手段,也是现代数据处理技术的核心。在大数据时代,了解和熟练掌握数据筛选技巧将有助于帮助更好地理解并使用所拥有的数据资源。...至此已经完成了创建工程并引入资源的步骤,下面介绍JS的编写。 2.2引入JS文件 第一步在JS文件夹中新建一个.JS文件,名称任意起即可。.../js/gc.spread.sheets.all.15.1.0.min.js"> 第三步编写表格和筛选栏的格式。

    29720

    如何系统维护好网站?这款错误监控平台不可缺少

    FrontJS 为开发人员提供了包含错误收集、页面流向、性能分析、资源及请求监控等用户体验改进所需的信息,最主要的功能当然还是 JS 错误监控:我们会收集精细到 console.log 级别的任何...1、图形界面配置,自动生成集成代码,即加即用; 2、JS 异常监控,包含 console 中的 log/warn/error 的收集; 3、提供 API,可以对上报行为进行定制化的调整; 4、具有包装后的...XSS 或被植入病毒; 8、页面性能监控,包含 DNS 时间, DOM 渲染时间等信息,可以组合计算出首屏时间以及白屏时间; 9、事件流,可以了解异常发生时的上下文环境,帮助测试部门快速复现错误; 10、实时的分析结果...概览页面 接下来是「 12 小时异常」汇总,分别从脚本、资源、XHR 方面收集展现,每一条信息都包含时间、反馈设备的详情、屏幕信息、IP 地址,并且汇总了该异常的出现总数。...「页面访问」提供了可筛选的页面统计,从访问量、加载时间、停留时间等排列展示,帮助大家了解并进行维护。 「日报」和「趋势」是就整体统计的分类查看。

    1.1K60

    读取上一行数据好卡啊!怎样能快一点儿? | Power Query案例实战

    其中,比较常规的一种方法,即通过Table.SelectRows函数,加上索引的标识对表进行筛选,从而进行数据的提取——在此简称“索引筛选法”。...同时,这个方法还避免了要进行首行错误处理(try…otherwise…)的复杂性,并且,可以按需要一次性提取多个列(展开查询结果是筛选多列)。...这两个查询如果放在Power BI中运行,你会发现,索引筛选法会不断地读取excel文件中的数据,显示接入的数据不断增大!...经测试: 当数据为4000行时,合并查询法,一次性完成数据的接入和合并,接入数据仅241 KB;而索引筛选法接入数据会增长到200多MB,才能完成刷新,是合并查询法接入数据的1000倍; 当数据为...10000行时,合并查询法接入数据仅518KB,而索引筛选法接入数据更是增长到1.1GB,是合并查询法接入数据的2000倍!

    2.7K22

    关于前端业务代码的一些见解

    + share + constants.js + utils.js + view.js...上方的是四个筛选项菜单,点开后里面包含了很多子类筛选项,比如筛选里面包括了双床、大床、三床,价格/星级里面包含了高档/豪华、¥150-¥300等等。...下方是快捷筛选项,对应了部分筛选项菜单里面的子类筛选项。...当我们选中筛选里面的双床后,下方的双床也会被默认选中,反之当我们选中下方的双床后,筛选类别里面的双床也会被选中,名称还会回显到原来的筛选上。...除此之外,我们点击搜索框后,输入'双床',联想词会出现双床,并表示这是个筛选项,如果用户选中了这个双床,我们依然需要筛选项和快捷筛选项默认选中。

    60820

    Get-WinEvent和Get-EventLog的区别及效率

    image.png 二、执行效率对比 这里我简单写了如下PowerShell脚本,用来测试Get-EventLog和Get-WinEvent加筛选条件下的执行效率。...########‎ ##方法1: Write-Host -ForegroundColor Green "测试Get-WinEvent,使用where-object过滤(条件:Eventid=4625、1...TotalSeconds ##方法2: Write-Host -ForegroundColor Green "测试Get-WinEvent,使用HashTable过滤(条件:Eventid=4625、1...XPath过滤效率会比XML和HashTable效率高;但实际应用中,Xpath案例和资料较少,反而HashTable资料较多,但庆幸的是可以通过Windows图形界面简单勾选,自动生成XML和XPath筛选内容...image.png 演示如何通过简单勾选,自动生成XML和XPath筛选内容: image.png 如下图,切换到XML选项卡,即可看到红色框中的为XML筛内容;绿色下划线部分则为XPath

    3K50
    领券