2018-05-15

Js

哪些会导致重绘和回流

翻译自《What forces layout / reflow》

paulirish/what-forces-layout,gist.github.com/paulirish/5d52fb081b3570c81e3a

当调用以下所有属性/方法时，会触发浏览器重绘。重绘就是让让浏览器同步计算样式和布局，通常是浏览器性能瓶颈。

2018-03-09

javascript-number-range

JavaScript是弱类型语言，所以JavaScript中所有的数字，无论是整数还是小数，起类型均为Number。JavaScript所能表示的数值范围为[5e-324,1.7976931348623157e+308]，这两个边界值可以分别用Number.MAX_VALUE和Number.MIN_VALUE 获得。对于超出JavaScript数值范围的，将显示 Infinity 和 -Infinity。

2017-11-07

css3-transfrom

CSS transforms allows elements styled with CSS to be transformed in two-dimensional or three-dimensional space.

W3Ccss-transforms

以上是W3C官方解释，翻译过来大概意思就是：transforms 可以让元素的css在二维或者三维空间变化。

2017-11-06

css3-transition

CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.

W3Ccss3-transitions

以上是W3C官方解释，翻译过来大概意思就是在某段时间内，按照预定过程的来改变某个CSS属性。

2017-11-03

css3-animation

This CSS module describes a way for authors to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, number of repeats, and repeating behavior.

W3Ccss3-animations

以上是W3C官方解释，翻译过来大概意思就是：animation使用关键帧的方式，并且可以控制动画持续时间、循环次数，过渡类型。

2017-08-11

Css

css基础积累之 attr-content

Css越来越强大，最近看到attr，发现css都可以获取节点的data属性内容并放入content。有了这个属性，我们可以完全只使用css的情况下，写出一些需要JS的效果（譬如tips），而且还很优雅。

2017-08-04

Eslint 小结

一般团队内为了促进团队协作和降低维护成本，都会制定一套代码规范。而Eslin能帮我们辅助编码规范的执行，幼儿有效控制项目的质量。

2017-07-31

JavaScript

验证身份证号是否正确

在正则基础深入应用中，我们使用了正则去验证身份证号，虽然根据规律写的那个正则能满足多数情况，但是还是会有一些漏网之鱼。后来发现有一个计算方法可以去判定这个身份证号是否正确。

2017-07-24

JavaScript

正则基础深入应用

本文是一篇真这个表达式的高级教程，主要通过一些例子，深入探讨正则表达式的高级功能。

写好正则首先第一点得对正则的支持都烂熟于心，第二点就是找到我们要取的数据的唯一特点。接下来我们通过几个例子来加强训练。

2017-07-20

JavaScript

正则基础学习

正则表达式是一个威力巨大的处理字符串的工具，能够高效、神奇得完成对字符串的操作。相比较简单的字符串比较、查找、替换，正则表达式提供了更加强大的处理能力。正则表达式的价值就在于，不用正则来解决问题会让人疯掉，但是用了之后“纠结”的问题已不再是问题了。而且因为正则表达式用的不是一个固化的、具体的字符串来匹配字符串，而是抽象的模式的，所以只要正则写的规则没问题，一般都都能高效的完成任务。

虽然正则表达式看起来确实很像外星文，就像变魔术一样，魔术本身也不神奇，只是的观众不解其中奥妙。学会了其中的规则，我们再去使用，肯定会发出感慨：神奇、复杂、好用。