01 2019 档案
摘要：1、插入排序 原理： 示例代码： 2、希尔排序 希尔排序是优化的插入排序，即先分组，再插入排序。 示例代码： 3、冒泡排序 说明：i指针从后往前。 4、选择排序 5、快速排序 http://www.ruanyifeng.com/blog/2011/04/quicksort_in_javascript
阅读全文
摘要：一、概述 1、Tree-shaking 2、公共资源分离 3、图片压缩 4、css压缩 5、html压缩 6、externals 7、js压缩 二、Tree-shaking Tree-shaking：1个模块可能有多个方法，只要其中的某个方法使用到了，则整个文件都会被打到bundle里面去，Tree
阅读全文
摘要：一、概述 1、使用高版本Webpack 2、多进程/多实例构建 3、分包 4、缓存 5、缩小构建目标 二、多进程/多实例构建 （1）happypack happypack：https://www.npmjs.com/package/happypack （2）uglifyjs-webpack-plug
阅读全文
摘要：1、Grunt处理Sass转换成CSS过程 2、Gulp处理Sass转换成CSS过程 3、Webpack执行原理 4、区别 （1）grunt和gulp都类似于webapck的中的scripts，属于任务处理。 （2）gulp优于grunt的是 流式处理文件，将中间文件放到内存中；而不是通过创建文件（
阅读全文
摘要：1、static和assets文件夹区别 相同点：都可以存放静态文件 不同：assets下的文件 webpack会处理；static文件夹下的文件不会处理。 2、middleware middleware中间件，用来做一些路由鉴权。 3、layouts layouts文件夹是布局文件，即页面的框架。
阅读全文
摘要：1、viewport.js 2、使用 页面中直接引用viewport.js即可。
阅读全文
摘要：有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。 它也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用： 完整地触发组件的生命周期钩子 触发过渡 当 text 发生改变时，<span> 会随时被更新，因此会触发过渡。 更新：2019.1.7 对于
阅读全文
摘要：说明： https://cn.vuejs.org/v2/api/#vm-options 用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处。 element-ui代码中经常定义组件的名字，如： 使用options获取： 应该为：
阅读全文
摘要：直接上结论：__dirname 表示当前文件所在的目录的绝对路径__filename 表示当前文件的绝对路径module.filename ==== __filename 等价process.cwd() 返回运行当前脚本的工作目录的路径例子，文件路径有如下结构：newapp > demo > hello.js在hello.js文件中编写如下代码： console.log(__dirname); ...
阅读全文
摘要：preserveWhitespace 说明参考:https://vue-loader.vuejs.org/zh/options.html#compiler
阅读全文
摘要：1、服务端设置 2、 3、所以一般设置css/js等静态文件加一个md5码。 4、优先级问题 如果服务器端同时设置了Etag和Expires 时，Etag原理同样，即与Last-Modified/Etag对应的HttpRequest Header:If-Modified-Since和If-None-
阅读全文
摘要：Generator 函数是 ES6 提供的一种异步编程解决方案 async 函数使得异步操作变得更加方便，是 Generator 函数的语法糖。 js单线程的原因是：避免DOM渲染冲突！ 更新：2019.1.4 异步的事件不是立即放到异步队列中。想setTimeout是到了设置的时间才放到异步队列中
阅读全文
摘要：1、instanceof实现原理 2、说明 示例： a instanceof B 检测a的原型链（__proto__）上是否有B.prototype，若有返回true，否则false。
阅读全文
摘要：其中第五种方法： Object.create这种方式实现了将父类和子类的的原型完美分隔 。双方不会互相影响，也就是说这是确实可行较好的继承实现方式。
阅读全文
摘要：1、HTTP 2.0将只用于https://网址，而 http://网址将继续使用HTTP/1。 查看http协议（chrome F12） 2、异步连接多路复用 HTTP2.0 把消息分解为独立帧，交错发送，然后在另一端按照每个包重新组装（有木有像坐地铁的感觉），就实现了一个连接上有多个请求和响应，
阅读全文
摘要：1、概要 在客户端表明自己只需要目标URL上的部分资源的时候返回的.这种情况经常发生在客户端继续请求一个未完成的下载的时候(通常是当客户端加载一个体积较大的嵌入文件,比如视屏或PDF文件)。 通常在展示音频或者视频。 2、设置 通过Range请求头辨认出一个部分内容请求.该请求头表明了客户端需要请求
阅读全文
摘要：1、RESTful API REST: Representational State Transfer url 对应服务器上的一种资源，e.g. 数据，图片等，所以url 中只含有名词，通过HTTP动词来描述对资源的操作方式。 HTTP 动词 GET: 获取资源 POST：创建或更新资源 PUT:
阅读全文
摘要：1、示例代码 2、区别 stopPropagation 和stopImmediatePropagation都能防止事件向父节点冒泡。 stopImmediatePropagation还能阻止该元素剩余的其他事件处理函数的执行。即加上dom1上绑定了2个click事件，在第一个click事件上执行了e
阅读全文
摘要：1.概述 事件流：页面中接受事件的顺序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流。 2、事件冒泡 IE 的事件流叫做事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。 也就是
阅读全文
摘要：1、示例代码 2、说明 （1）形成BFC的元素，会在垂直方向叠加margin （说明不形成BFC的话，父子元素和同级元素都会在垂直方向重叠margin） （2）形成BFC的元素，不会与浮动元素重叠 （3）形成BFC的元素，不会影响外面的布局；外面的布局也不会影响BFC内部布局 （4）形成BFC的元素
阅读全文
摘要：1、示例代码 （1）html （2）css 2、方法区别 （1）dom.style.width 只能获取内敛样式。因此是不准确的。 （2）dom.currentStyle.width https://developer.mozilla.org/zh-CN/docs/Web/API/Element/c
阅读全文
摘要：1、高度固定 三栏布局解决方案 效果： 2、以上6种方法区别 浮动：需要清除浮动 定位：脱离文档流 flex：移动端 table：操作繁琐、seo不友好 grid：比较新的技术。 3、若高度不是固定的，哪些方法不是适应了? 效果： 只有table和flex布局还可以。
阅读全文