07 2018 档案
摘要:前端性能与异常上报概述 window.onerror = function(errorMessage, scriptURI, lineNo, columNo, error){ console.log('errorMessage:'+errorMessage); console.log('script
阅读全文
摘要:从零配置webpack4.0 搭建React工程。 基本环境:Node(v8.1.2)+ webpack(v4.16.2) 1.在项目目录 命令窗口 执行 npm init 初始化项目,执行完后项目根目录会生成package.json文件。 2.安装项目依赖 react react-dom reac
阅读全文
摘要:详细解说——webpack增量打包多页应用
阅读全文
摘要:每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染,基本都能一一列举出来。这些性能优化原则大概是在7年前提出的,
阅读全文
摘要:精心收集的 95 个超实用的 JavaScript 代码片段( ES6+ 编写)
阅读全文
摘要:describe和it是什么? describe:"测试组",也称测试块,表示我要进行一系列测试,相当于一个group it:"测试项",也称测试用例,表示这是"一系列测试"中的一项,相当于item,如何测试?测试逻辑?都是在it的回调函数中实现的
阅读全文
摘要:1.js 中 NaN NaN 值为false; 2.parseInt("abc") NaN;(不是数字) 3.tab 纯js 实现。可以给当前循环的元素添加.index 属性。当前序号。 4.操作元素时,不要混合操作 style 或者className,交替操纵容易出现费预知情况,因为js 操作改变
阅读全文
摘要:HTML部分 1.Doctype作用?标准模式与兼容模式如何区分? (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;(3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题; 5.浏览器内核的理解?
阅读全文
摘要:什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面 早期的路由都是后端直接根据 url 来 reload 页面实现的,即后端控制路由。 后来页面越来越复杂,服务器压力越来越大,随着 ajax(异步刷新技术) 的出现,页面实现非 reload 就能刷新数据,让前端也可以控制 url 自行
阅读全文
摘要:1.最大缓存容量为 5M. 2.manifest文件需要配置正确的MIME-type,即“text/cache-manifest”,这个是在web服务器上进行配置。 3.控制台里可以找到离线缓存的文件 二,离线缓存的有点 1.减少服务器的负载,提高资源加载速率。 2.离线浏览,方便用户在离线时使用。
阅读全文
摘要:Chrome DevTools 中文文档
阅读全文
摘要:JSONP(JSON with Padding)(json 数据填充)只支持GET请求 是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。 跨域产生原因是浏览器的同源策略。(为了安全) 不同源: 1.协议不同:http 和 https 2.主域不同 www.domain001.
阅读全文