Web前端知识体系精简
Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。
关于 js mvvm的实现：简易mvvm库的设计实现
mvvm模式即model-view-viewmodel模式简称,单项/双向数据绑定的实现，让前端开发者们从繁杂的dom事件中解脱出来，很方便的处理数据和ui之间的联动。本文将从vue的双向数据绑定入手,剖析mvvm库设计的核心代码与思路。
web网页性能测试工具都有哪些
作为前端开发，我们不仅需要满足产品需求功能的实现，同时也需要对自己做的网站进行安全、易用性、性能等方面的考虑。随着目前技术不断进步，web页面的性能测试工具也在不断完善，通过这些工具，我们可以客观的评价web网站的质量水平。
ES6的7个实用技巧
ES6的7个实用技巧包括：1交换元素，2 调试，3 单条语句，4 数组拼接，5 制作副本，6 命名参数，7 Async/Await结合数组解构
js词法作用域和作用域的理解_什么是javascript词法作用域?
JavaScript引擎在代码执行前会对其进行编译:第一步编译阶段,第二步运行阶段。词法作用域：定义在词法阶段的作用域，即书写代码时函数声明的位置决定的。词法分析器处理代码时会保持作用域不变
h5手机摇一摇功能实现：基于html5重力感应DeviceMotionEvent事件监听手机摇晃
DeviceMotionEven是html5提供的一个用来获取设备物理方向及运动的信息(比如陀螺仪、罗盘及加速计)的Dom事件，利用devicemotion实现手机h5页面摇一摇功能
前端性能优化_css加载会造成哪些阻塞现象？
css的加载是不会阻塞DOM的解析,但是会阻塞DOM的渲染，会阻塞link后面js语句的执行。这是由于浏览器为了防止html页面的重复渲染而降低性能，所以浏览器只会在加载的时候去解析dom树，然后等在css加载完成之后才进行dom的渲染以及执行后面的js语句。
js变量引用（指针）
基本类型:Number,Boolen,null,String,Underfined 存放在栈内存中，数据长度是固定的。引用类型：Object存在堆内存中，数据长度是变化的（同时有栈内存中有一个指针指向这个Object的）。
前端设计模式：从js原始模式开始，去理解Js工厂模式和构造函数模式
工厂模式下的对象我们不能识别它的类型，由于typeof返回的都是object类型，不知道它是那个对象的实例。另外每次造人时都要创建一个独立的person的对象，会造成代码臃肿的情况。