- 博客(6)
- 收藏
- 关注
RSS订阅转载 虚拟DOM Diff算法解析
React中最神奇的部分莫过于虚拟DOM，以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面，由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明，在实际开发中我们基本无需关心虚拟DOM是如何运作的。然而，作为有态度的程序员，我们总是对技术背后的原理充满着好奇。理解其运行机制不仅有助于更好的理解React组件的...
2018-07-24 00:01:00
2623
原创 前端学习系列——（十一）JavaScript的模块化
早期前端没有模块化的概念，基本就是直接在HTML页面上写或者JSP/PHP等页面上写。后面出现了传统的模块化方法通过添加全局变量、命名空间方式、闭包封装的形式实现模块化，但是不能解决依赖困难问题。后来出现了commonJS（同步加载）和AMD（异步加载）两种模块化规范，其中AMD主要用于前端开发，流行库为RequireJS，而commonJS用于后台和Node.js，CMD是SeaJS在推广时形成...
2018-07-19 17:40:27
241
原创 前端学习系列——（十）JavaScript的继承
这里主要讲4种ES5继承以及ES6的class语法糖的继承。这里给出父类的定义：function SuperType(name) { this.name = name;}SuperType.prototype.sayName = function () { console.log(this.name);};1、原型链继承核心：将父类的实例作为子类的原型...
2018-07-19 17:02:31
223
转载 左边定宽，右边自适应布局的几种方法
实际的页面开发中经常会遇到左边定宽，右边自适应的需求，特别是一些管理系统，比如左边显示信息或操作列表，右边显示详情，如下所示： 针对这种布局，首先抽象出页面结构如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&am
2018-07-19 12:45:36
796
转载 高性能CSS3动画
在手机上使用CSS动画时很多时候会感到卡顿，然后网上很多教程说开启GPU加速 transform: translate3d(0,0,0); 可解决，但是为什么开启GPU加速就能让动画顺滑呢?我们从浏览器内部去理解下JS是单线程的，但是浏览器可以开启多个线程，渲染一个网页需要两个重要的线程来共同完成：Main Thread 主线程 Compositor Thread 绘制线程(我自己翻...
2018-07-18 16:45:51
503
原创 CSS3 transform探究
今天在使用这个样式属性的时候，发现了一些小问题，值得记录一下。一、transform属性的适用范围这是规范文档上写的，第一条说的就是：这个布局属性只用于块级元素或原子行内元素，或者display属性值为table-row, table-row-group, table-header-group, table-footer-group, table-cell, table-caption...
2018-07-18 14:00:26
706
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人