9个你应该知道的顶级JavaScript库
JavaScript 站稳之后，前端工作往往不再是「再手写一遍」，而是找到能开箱即用的库。 下面 9 个库覆盖地址补全、浏览器里的机器学习、动画、图表、输入格式化、字符串、轮播、实时通信和数学公式，都是作者实际会优先考虑的工具。 英文原文：https://medium.com/better-prog…
JavaScript 站稳之后，前端工作往往不再是「再手写一遍」，而是找到能开箱即用的库。 下面 9 个库覆盖地址补全、浏览器里的机器学习、动画、图表、输入格式化、字符串、轮播、实时通信和数学公式，都是作者实际会优先考虑的工具。 英文原文：https://medium.com/better-prog…
CSS Grid 是二维布局：父容器 17 个属性、子元素 10 个，加上取值方式，一共 27 项。把它拆成「布局之道 / 构建之法 / 取值之术」更好记。 构建套路是父容器三步（定框架、设间隔、找对齐）加子元素两步（摆位置、找对齐），也就是「32 构建之法」。原文 23 张图和示例代码全部保留。 …
这是一个下午写完的纯 JS 中国象棋：用 HTML5 Canvas 画棋盘、棋子和选中动画，主要走子逻辑都在一份脚本里。 棋盘是 10 行 9 列共 90 个坐标；棋子带颜色、走法（马走日、相走田）、选中态和当前坐标。完整代码和效果图都保留。 部分 做什么 棋盘 10 行 9 列、90 个点、点击定…
当微软宣布 Edge 将支持 CSS 变量时，这项能力在主要浏览器里已经齐了。原生 CSS 从此可以声明可复用的自定义属性，再用 var() 读出来。变量名用两根连词线 --，因为 $foo 被 Sass 占用，@foo 被 Less 占用。 CSS 变量又叫 CSS 自定义属性（CSS custo…
闭包不只是面试名词，它会在定时器传参、事件回调、私有变量、循环绑定和 ES6 偏函数里反复出现。下面按原文五个场景把例子摊开。记住一条：返回的函数不要随手去引用循环变量。 参考：CSDN 原文；廖雪峰：闭包。 一、setTimeout 传参 原生 setTimeout 传的第一个函数不能带参数，用闭…
居中是 CSS 布局里最常被问到的一块：水平、垂直、水平垂直三套，方案从 text-align、margin: 0 auto 到定位 transform 再到 Flex。下面按效果把能用的写法收齐，并标出继承性和脱离文档流时的坑。 选方案时先问三件事：子元素是否块级、是否已脱离文档流、要不要兼容老浏…
这篇从 JS 基础、面向对象和 V8 三个方向收前端进阶：ES5 模拟 let/const，手写 call/apply/bind、防抖节流、扁平化、Promise，再写 new 与四种继承。 配图和表格按原文保留。最后用引用计数、标记清除和 V8 的编译优化解释 JS 为什么比 C++ 慢、引擎做了…
前端要掌握的 CSS 可以收成一张清单：盒模型差异、选择器与 at 规则、伪类伪元素、定位、水平垂直居中、BFC、函数、预处理器和模块化。 后半段对比 OOCSS / SMACSS / BEM，再补上按需加载、防阻塞、动画、兼容写法和响应式方案。配图按原地址保留。 主题 要点 盒模型 标准 widt…
浏览器兼容性问题，指不同浏览器对同一段代码解析不一致，页面显示效果不统一。多数产品要求：用户用什么浏览器看，都该是同一套效果。所以兼容是前端必须面对的事。 前端大致能分成两类。第一类按设计图精确到 1px，很少踩兼容坑，踩到的多半是浏览器 bug，页面后期好维护。第二类间距、行高、图片位置常差几像素…
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院决定 2020 年 4 月 4 日举行全国性哀悼活动。期间全国和驻外使领馆下半旗致哀，停止公共娱乐活动；4 月 4 日 10 点起默哀 3 分钟，汽车、火车、舰船鸣笛，防空警报鸣响。 默哀日访问网站时，整站常常变成全灰。若临…
