12 2016 档案
摘要：回顾 2016 iOS 和 Android 系统不约而同学习了对方的优点，长得越来越象：3D touch、权限控制、夜间模式、电话防骚扰... 原本属于桥的两侧的开放与封闭，越来越往一个中心靠；由此看来，真正在 OS 里的应用 App 才是系统的灵魂。 像「微信」，不论你用 iOS 还是 Andro
阅读全文
摘要：2016年马上过去了，像过去六年中的每一年一样，Web前端领域又产生了“面目全非”而又“耳目一新”的变化，不但旧事物持续不断地被淘汰，新事物也难保坐久江山，大有岌岌可危之势。开源界如群雄逐鹿，不断生产新的概念、新的框架、新的工具，去年中一些流行的技术今年大多得到了进一步的演进和升级，活跃度非常高，却
阅读全文
摘要：在开发环境下，往往需要一个工具来自动重启项目工程，之前接触过 python 的 supervisor，现在写 node 的时候发现 supervisior 在很多地方都有他的身影，node 也有一个 npm 模块 supervisior 也是用来监控进程的，不过除了 supervisior 外，还有
阅读全文
摘要：闭包的用途。事实上，通过使用闭包，我们可以做很多事情。比如模拟面向对象的代码风格；更优雅，更简洁的表达出代码；在某些方面提升代码的执行效率。 1 匿名自执行函数 我们知道所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误
阅读全文
摘要：何谓技术体系 技术体系指社会中各种技术之间相互作用、相互联系、按一定目的、一定结构方式组成的技术整体。技术体系是科技生产力的一种具体形式。 前端技术体系的范围和作用 随着科技的发展，终端种类越来越丰富，前端行业也在迅猛发展，目前前端早已成为连接用户终端、视觉体验、服务端的重要一环，相比十年前前端的边
阅读全文
摘要：注：以下所有例子均 只 在 iOS 的微信中测试过，但对于饿了么APP的内置浏览器同样适用（两者使用相同内核） 引题 工作中常常有需要显示大量信息的情况，列表超出一屏就涉及到滚动的问题。例如 在 iOS 中用微信打开，滚动非常顺滑，so far so good！但某天产品需求有变，要求加一个固定在头
阅读全文
摘要：作为一个前端，不能不考虑性能问题。对于大多数前端来说，性能优化的方法可能包括以下这些： 等等…… 有兴趣的同学，可以自行搜索雅虎关于前端优化的十四条规则。但这些规则当中，有多少是需要前端工程师付诸实践的？就我来说，CDN、缓存的设置，就是不需要我去关心的（作为一个苦逼外包，是没有权限去生产环境操作的
阅读全文
摘要：在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。 什么是虚拟DOM？ 虚拟DOM VS 直接操作原生DOM？ 虚拟DOM VS MVVM？ 对React
阅读全文
摘要：这两天比较闲，写了两篇关于JS性能缺陷与解决方案的文章（《JS特性性能缺陷及JIT的解决方案》，《Javascript垃圾回收浅析》），主要描述了untyped，GC带来的问题与JIT引擎的解决方案。但相对于Js引擎的问题，我认为DOM导致的性能问题更值得关注。 一.Dom的性能瓶颈及原因 1. 为
阅读全文
摘要：React组件性能优化 前言 众所周知，浏览器的重绘和重排版(reflows & repaints)（DOM操作都会引起）才是导致网页性能问题的关键。而React虚拟DOM的目的就是为了减少浏览器的重绘和重排版。 说到React优化问题，就必须提下虚拟DOM。虚拟DOM是React核心，通过高新的比
阅读全文
摘要：对于重绘和回流的概念不是很清晰，查看了许多博文，在这里说一下自己的理解！！欢迎同学们与我交流。 1、重绘概念 2、回流的概念 3、如何减少重绘和回流 重绘和回流也是为什么要减少dom操作的原因之一，在本博客文章《dom tree和render tree》中会有详解。
阅读全文
摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就
阅读全文
摘要：引入 mock（模拟）: 是在项目测试中，对项目外部或不容易获取的对象/接口，用一个虚拟的对象/接口来模拟，以便测试。 背景 前后端分离 前后端仅仅通过异步接口(AJAX/JSONP)来编程 前后端都各自有自己的开发流程，构建工具，测试集合 关注点分离，前后端变得相对独立并松耦合 开发流程 后台编写
阅读全文
摘要：什么是耦合？ 说白了，就是模块间的依赖性，就是耦合。 举个例子：5个人共同开发一个模块，应该尽量松耦合，就是联系越小越好，这样一个模块变动，另一个模块就不会变动。
阅读全文
摘要：MVC是一种设计模式，它将应用划分为3个部分：数据（模型）、展现层（视图）和用户交互（控制器）。其中： M - MODEL（模型） V - VIEW（视图） C - CONTROLLER（控制器） 一个事件的发生是这样的过程： 1. 用户和应用产生交互。 2. 控制器的事件处理器被触发。 3. 控制
阅读全文
摘要：这里讲了一个最最最简单的JS中基于原型链的继承和多态。 先看一下以下这段代码的实现（A是“父类”，B是“子类”）： 输出结果为： 1 2 1 2 结果看来实现了一个函数，不同对象的执行，出现不同的结果。 B.prototype = new A(); 这句将A“类”的构造方法，赋值给了B的构造原型，使
阅读全文
摘要：来源：https://segmentfault.com/a/1190000005863641 let和const命令 ES6新增let命令，用于声明变量，是块级作用域。 let声明的变量不会像var声明的变量发生“变量提升”现象，所以，变量一定要在声明后使用，不然就会报错。 暂时性死区：只要块级作用
阅读全文