Vue slot插槽
插槽用于内容分发，存在于子组件之中。插槽作用域：父级组件作用域为父级，子级组件作用域为子级，在哪定义的作用域就在哪。子组件之间的内容是在父级作用域的，无法直接访问子组件里面的数据。
ES6 字符串之模板字符串、标签模板、实用方法集
模板字符串：1.可写多行字符串 2.使用${}添加变量，模板字符串之中还能调用函数。标签模板的一个重要应用，就是过滤 HTML 字符串，防止用户输入恶意内容。
Js设计模式之状态模式
状态模式：对象行为是基于状态来改变的。内部的状态转化，导致了行为表现形式不同。所以，用户在外面看起来，好像是修改了行为。
再也不用担心 JavaScript 的数据类型转换了
JavaScript 是一种弱类型或者说动态类型语言。所以你不用提前声明变量的类型，在程序运行时，类型会被自动确定，你也可以使用同一个变量保存不同类型的数据。
剖析前端开发中的防抖和节流
节流是保证在一段时间内，代码只执行了一次。防抖其实和节流有些类似，毕竟它们的最终目的都是如出一辙。防抖是在一段时间结束之后，才触发一次事件。
Serverless 给前端带来了什么？
Serverless 是一种 “无服务器架构”，让用户无需关心程序运行环境、资源及数量，只要将精力 Focus 到业务逻辑上的技术。现在公司已经实现 DevOps 化，正在向 Serverless 迈进，而为什么前端要关注 Serverless？
使用 Webpack 与 Babel 配置 ES6 开发环境
在项目根目录下新建一个配置文件—— webpack.config.js 文件：执行编译打包命令，完成后打开 bundle.js 文件发现 isNull 和 unique 两个函数没有被编译，和 webpack 官方说法一致：webpack 默认支持 ES6 模块语法，要编译 ES6 代码依然需要 babel 编译器。
关于jquery中ready()方法的几种写法总结
ready()方法作用：在页面加载完成后，立即执行指定的函数。这么做的好处是可以减少页面渲染的时间，加快页面加载，提升用户体验。ready()相比onload事件绑定函数的优势：具有较高优先级，只需等到html结构加载完成后即可执行；
深入剖析z-index属性
层叠顺序的大小比较;层叠顺序级别高的元素覆盖级别低的元素。首先要注意，z-index:auto 虽然可以看作z-index:0 ，但是这仅仅是在层叠顺序的比较上；从层叠上下文上讲，二者有本质差别：auto 不会创建层叠上下文，z-index:0 会创建层叠上下文。