Yeoman4456

CSS Transforms可以对一个元素进行二维平面或三维空间的变换，如translate, rotate, scale和skew等变换。 下面是对W3C官网CSS Transforms模块的部分摘译，为了理解的连贯性，调整了W3C规范中相关章节的顺序。 用户浏览器（UAs）…

Chrome Devtools 的颜色提取器 EyeDropper，用惯了 Chrome 的前端开发者并不陌生。 但它并不支持在页面中使用，想在页面中使用只能自己实现一个。 那么接下来就介绍一下如何自己实现一个 EyeDropper。 要实现 EyeDropper，必须先学习一…

一个项目最终会经过快速迭代走向以维护为主的状态，在合理的时机以合理的方式引入自动化测试能有效减少人工维护成本。 另一方面，当我们需要对代码进行重构或者完善，在修改结束时我们如何确定项目仅仅是被重构了，而不是被改写了？此时测试将是一根救命稻草，它是一个衡量标准，告诉开发人员这么做…

本文主要涉及三种跨域方法：JSONP、CORS、postMessage。 通常，最常用的跨域方式有以下三种：JSONP、CORS、postMessage。 单纯地为了实现跨域请求而创造的一个 trick。 虽然因为同源策略的影响，不能通过XMLHttpRequest请求不同域上…

众所周知，Javascript是运行在单线程环境中，也就是说无法同时运行多个脚本。假设用户点击一个按钮，触发了一段用于计算的Javascript代码，那么在这段代码执行完毕之前，页面是无法响应用户操作的。但是，如果将这段代码交给Web Worker去运行的话，那么情况就不一样了…

本篇介绍的是JS模块化。 JS模块化是随着前端技术的发展，前端代码爆炸式增长后，工程化所采取的必然措施。目前模块化的思想分为CommonJS、AMD和CMD。有关三者的区别，大家基本都多少有所了解，而且资料很多，这里就不再赘述。 拆分。将js代码按功能逻辑拆分成多个可复用的js…

实际开发过程中我们遇到过的先发布后订阅的场景为：我们有一个展示用户信息的头部导航模块，这个模块依赖于获取用户信息的模块来显示用户头像，但是获取用户信息是异步的，在头部信息trigger之后，我们的头部模块才加载完并listen（我们的模块用了惰性加载）。 为了满足这个需求，我们…

SVG sprite其实就是svg的集合。SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称，是一种用来描述二维矢量图形的XML标记语言。SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.使用svg格式我们可以直接用代码来描…

Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…