JS常用设计模式
设计模式的定义：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案，设计模式是前人解决某个特定场景下对而总结出来的一些解决方案。可能刚开始接触编程还没有什么经验的时候，会感觉设计模式没那么好理解，这个也很正常
vue中对于图片是否正常加载的思考
由于业务需要，我们需要判断图片能否正常的加载，如果未正常加载的话，需要显示一张默认图片；html会优先解析img元素会被创建，而此时imgurl还在请求中值不存在，此时就会触发onerror事件，如果加v-if，html不会解析img标签
vue axios 拦截器
项目中需要验证登录用户身份是否过期，是否有权限进行操作，所以需要根据后台返回不同的状态码进行判断。axios的拦截器分为请求拦截器和响应拦截器两种。我一般把拦截器写在main.js里。
图片自动压缩
团队开启了一个新项目，希望能在原来项目的工程化基础上再进一步，于是想到了图片自动压缩。这里的图片自动压缩并不是在webpack构建阶段压缩，而是在git commit的时候进行。
原生支持的懒加载已经到来！
现在你可能会想知道：“什么是原生懒加载，它是否值得添加到我的网站上？”好的，这正是我希望为你解答的问题，因为我会谈谈我使用它的经验。懒加载是指通过在用户需要时加载资源（例如图像资源）来提高性能。
Js作用链、作用域
函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[scope]]，由ECMA-262标准第三版定义，该内部属性包含了函数被创建的作用域中对象的集合
vuepress搭建静态网站
全局安装;新建一个文件夹 （例如 my-vuepress-test）;打开自动生成的package.json文件，默认创建的文件如下;然后在scripts属性中输入一下指令;然后在my-vuepress-test夹中创建docs文件夹，然后在创建README.md文件
js 实现 list转换成tree（数组到树）
JS 将有父子关系的平行数组转换成树形数据:方法一：双重遍历，一次遍历parentId,一次遍历id == parendId;该方法应该能很容易被想到，实现起来也一步一步可以摸索出来；
ES6 Promise的执行顺序和异步性
我们知道Promise用来处理异步操作，异步操作的执行顺序是相对比较复杂的，如果再涉及到链式调用，则情况会变得更复杂。这篇文章会通过一个相对简单的代码示例来让大家对Promise的执行顺序和异步性有正确的理解