常见浏览器兼容性问题与解决方案
浏览器兼容性问题，指不同浏览器对同一段代码解析不一致，页面显示效果不统一。多数产品要求：用户用什么浏览器看，都该是同一套效果。所以兼容是前端必须面对的事。 前端大致能分成两类。第一类按设计图精确到 1px，很少踩兼容坑，踩到的多半是浏览器 bug，页面后期好维护。第二类间距、行高、图片位置常差几像素…
浏览器兼容性问题，指不同浏览器对同一段代码解析不一致，页面显示效果不统一。多数产品要求：用户用什么浏览器看，都该是同一套效果。所以兼容是前端必须面对的事。 前端大致能分成两类。第一类按设计图精确到 1px，很少踩兼容坑，踩到的多半是浏览器 bug，页面后期好维护。第二类间距、行高、图片位置常差几像素…
Angular 团队发布了 8.0.0 稳定版。NgConf 2019 上已经提到从工具到差分加载的许多内容。下面按新功能做一份速览，方便对照升级。 这一版里更值得先记住的是：差分加载（减小包体积）、loadChildren 改成动态 import、ViewChild / ContentChild …
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院决定 2020 年 4 月 4 日举行全国性哀悼活动。期间全国和驻外使领馆下半旗致哀，停止公共娱乐活动；4 月 4 日 10 点起默哀 3 分钟，汽车、火车、舰船鸣笛，防空警报鸣响。 默哀日访问网站时，整站常常变成全灰。若临…
编码效率不只看写了几小时，还看运行时间和内存。JavaScript 里有一批现成的 数据结构，用来组织数据、导航和访问。原文：https://dev.to/educative/7-javascript-data-structures-you-must-know-4k0m。 作者 Ryan Theli…
学 TypeScript 是不是就不用学 JavaScript 了？Vue 3.0 用 TS 重写之后是不是不用 TS 不行？它靠谱吗？这类犹豫往往来自误解：它不是 JS 的孪生兄弟，也不是新扶持的另一门语言，而是 JavaScript 的超集——加了装备的进化版 JS。 JS 有的它都有，而且类型…
前端是针对浏览器的开发，代码在浏览器里跑；后端针对服务器，代码在服务器跑。互联网早期二者并不分家：前端代码是后端的一部分。后来 Ajax、前端 MVC / MVVM、SPA 和 Node 把这件事拆开，又重新接到一起。 这条线可以记成：前后端不分 → 后端 MVC 里前端只是模板 → Ajax 让前…
JSONP 是一种跨域通信手段。原理很简单：利用 script 标签的 src 不受同源策略限制，把前端回调名传给服务器，服务器再返回一段「调用该函数」的脚本。 因为走的是 script 加载，所以 JSONP 只支持 GET。下面按流程、最小实现和更可靠的封装把这件事写清楚。来源：https://…
很早以前，浏览器标准之争让 JavaScript 的运行环境异常恶劣，语言本身也不成熟，功能几乎只限于简单的前端交互。后来 Ajax、类库、UI 框架、模块加载和 MVVM 陆续出现，JS 才真正把前端做成一门完整的工程。 今天的 JavaScript 已经不只是浏览器里的脚本：它可以跑在服务器上（…
单页应用（SPA）越来越成为前端主流。一大特点是使用前端路由：跳转逻辑由前端直接控制，不再完全交给后端，前端也因此更自由。 实现上主要有两种：hash 模式和history 模式。前者靠 URL 里 # 后面的片段，后者靠 HTML5 History API，看起来更像普通路径。 对比hashhis…
ES6 日常最常用的一批语法，核心就几件事：let/const、箭头函数、模板字符串、解构、默认参数、展开运算符、对象字面量简写和 class。它们不替代 JavaScript 原理，只是让写法更短，也更少踩 var 的坑。 编译到 ES5 之后，变量提升等老行为仍可能出现。真正要记住的是：块级作用…
