12 2017 档案
摘要:注意四个对象: 主进程 执行栈 异步进程 任务队列 1.主进程读取js代码,形成对应的堆和执行栈(此时在同步环境) 2.当遇见异步任务,转交给异步进程进行处理 3.异步任务完成,将其推入任务队列 4.当主进程的执行栈执行完毕,查询任务队列,如果存在任务,推入主进程 5.重复2、3、4 ,称为事件循环
阅读全文
摘要:测试所用的配置文件: const path = require('path'); const HtmlWebpackPlugin= require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-pl
阅读全文
摘要:用法: Object.create(object, [,propertiesObject]) 创建一个新对象,继承object的属性,可添加propertiesObject添加属性,并对属性作出详细解释(此详细解释类似于defineProperty第二个参数的结构) 添加propertiesObje
阅读全文
摘要:1.验证Http的refer字段 http有一个refer字段,用以记录该http请求的来源地址 好处: 简单便捷,后台开发人员只需要设置一个拦截器 缺点: Referer 的值是由浏览器提供的,虽然 HTTP 协议上有明确的要求,但是每个浏览器对于 Referer 的具体实现可能有差别。比如 IE
阅读全文
摘要:圣杯布局 特点: 1、按照中间部分、左部分、右部分的顺序排列; 2、容器的子元素都是浮动布局 float: left; 3、容器设置padding为两侧腾出空间; 4、中间部分宽度为100%; 5、两侧都是相对定位,左部分margin: -100%, left: 负自身宽度, 右部分margin:
阅读全文
摘要:内存问题主要分为三种: 内存泄漏、内存膨胀及频繁地垃圾回收。 用户多是在以下几种情况下感知到内存问题: 1.网页的性能随着时间的推移越来越差 解释: 有可能是内存泄漏,导致页面内存逐渐增大 2.网页效果始终不佳 解释: 优肯是内存膨胀,即当前使用的内存比页面最佳速度所需的内存大许多 3.网页效果延迟
阅读全文
摘要:前期准备: const path = require('path'); const HtmlWebpackPlugin= require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin'
阅读全文
摘要:webpack-dev-server启动了一个使用express的Http服务器,这个服务器与客户端采用websocket通信协议,当原始文件发生改变,webpack-dev-server会实时编译。 这里注意两点: 1.webpack-dev-server伺服的是资源文件,不会对index.htm
阅读全文
摘要:png24无损压缩,支持透明,有8位布尔透明通道,支持半透明,生成的图片品质最高,也最大 png8支持透明,有1位布尔透明通道,要么透明、要么半透明,生成的图片很小,只支持256色 jpeg有损压缩,不支持透明,在图片不是特别锐利的情况下与png24差不多,但体积小许多 gif支持透明,有1位布尔透
阅读全文
摘要:js调试方法很多,今天总结一下最实用的的断点方法: debugger断点 这个很常见,但许多人不知道其实可以添加条件判断 source断点 这个最为常见,不做过多解释,具体说一下几个重要图标: 恢复脚本执行至下一个断点 跳到下一行 进入当前函数 跳出当前函数 开启/关闭断点 异常情况下自动断点 其中
阅读全文
摘要:1.设置多个入口起点 多用于提取公共类库 a、利用commonChunkPlugin 这样就能生成librarys.js,包含jquery与angular,但值得注意的是会连同公共类库一起打包 b.利用external提取公共类库(推荐方法) 注意这里使用的是使用全局变量的方式,所以得手动在inde
阅读全文
摘要:假设有main1、main2两个入口文件,main引入chunk1、chunk2,main2引入chunk1 改变chunk2 main1的chunkhash改变,main2不发生改变 main再引入chunk3,main1与main2的chunkhash都改变 因为module.id会根据默认的解
阅读全文
摘要:在使用webpack时,主要有三种代码类型: 1.你或你的团队写的源码 2.第三方library或vendor代码 3.管理模块交互的runtime和manifest 什么是manifest文件? 通常我们使用时不会生出manifest文件,manifest文件混杂在我们生成的代码中 它包含三个主要
阅读全文
摘要:本文总结自: https://www.zhihu.com/question/20790576 1.设置超长时间的本地缓存 通过设置超长的过期时间expire/cache-control,对于jquery、angular之类的无需每次重新请求的文件进行缓存 2.采用内容摘要作为缓存更新依据 当静态资源
阅读全文
摘要:webpack是一个插件架构,所有功能都以插件的形式集成在构建流程中,并通过发布订阅事件来触发各个插件的执行。 核心类是Tapable,用它来实现插件的实例化及挂载。 optimist是node的工具库,根据webpack.config.js及shell options生成option,option
阅读全文
摘要:loader将各类型的文件转为webpack能处理的有效模块(module) 插件处理范围更广的任务,例如打包优化、压缩等 module程序的离散功能块,一个文件对应一个module chunk若干module打成的包,对应入口文件,一般生成一个文件 compiler创建compilation,启动
阅读全文