单骑入西蜀

阮一峰(博客狂人)github个人网址微博推特尤雨溪(Vue作者)github个人网址微博推特知乎朴灵(田永强，Node.js布道者)github个人网址微博知乎张鑫旭(css大神)github个人网

说到优化是个很大话题，估计写本书也说不完。本文只针对前端动画的优化来浅述。 本文概念性的东西比较多(如：reflow、repaint)，理解概念是前提。其中重排和重绘是两个重要概念（因为它们是导致卡顿的重要原因，其中重排的成本比重绘高很多）。 概念：即reflow，当我们在某个…

表单元素的checked、selected或disabled状态，用attr()方法，无法得到想要的布尔值(true/false)。 property是HTML元素(标签)对应DOM对象的属性，响应用户操作。 当浏览器解析html代码时，相应的DOM节点对象会被创建，节点对象上…

事件循环即EventLoop，说到EventLoop就必须先了解几个概念：单线程、stack、queue、webapi、Macrotask、Microtask。 众所周知，js是单线程语言，即同一个时间只能做一件事，如果处理一件事情需要很久的话，后面的事情就会被阻塞。 这与它的…

使用jquery模拟a标签的click事件，无法触发其默认行为。即click()或trigger('click')无法触发href跳转。 jquery内部实现click或trigger方法时，并未真正模拟用户点击事件，只是模拟了事件对象及冒泡的触发。（最后附有jquery实现源…

HTML-CSS-JS Prettify：美化代码，而此插件依赖于node，需要先安装node。注意修改nodejs指向，右键Set Plugin Options OmniMarkupPreviewer：Markdown染为 HTML 并在浏览器上实时预览，同时支持导出 HTM…

时间/地点/人物：1946年2月14日世界第一台计算机“ENIAC”(埃尼阿克)在美国宾夕法尼亚大学诞生。电脑的发明是一群科研人员共同努力的成果，但其中数学家冯·诺依曼的设计思想在其中起到了关键作用，所以冯·诺依曼被称为现代计算机之父。 背景：二战中，美国国防部用它进行弹道计算…

早期在iPhone的Safari浏览器中，为了实现双击放大效果，当用户点击屏幕时会判断在300ms内(注意：300ms是在touchend之后)是否有第二次点击，如果有就是双击，如果没就是单击，触发click事件。此过程可拆解为：touchstart->touchmove->t…

本文主要讨论垂直居中，水平居中不做过多讨论。 使用绝对定位的，父元素要设置相对定位(position:relative)。 单行文本，设置line-height等于父元素高度即可。