前端必会黑科技之PWA
从 2018 年到写稿时，号称下一代 Web 应用模型的 PWA 成了各前端厂商争相布局的技术。它对标 Native App：原生在安全、性能、体验上确实领先，但开发贵，上架和版本更新都要过商店审核；低频 App 还得下一整包，隔一阵又得更新。 PWA 作为 Web 应用，天生能绕开安装包和审核链。…
从 2018 年到写稿时，号称下一代 Web 应用模型的 PWA 成了各前端厂商争相布局的技术。它对标 Native App：原生在安全、性能、体验上确实领先，但开发贵，上架和版本更新都要过商店审核；低频 App 还得下一整包，隔一阵又得更新。 PWA 作为 Web 应用，天生能绕开安装包和审核链。…
Create React App 是学习 React 的舒适环境，也是用 React 创建新的单页应用的常用方式。它会配好开发环境，让你用上较新的 JavaScript 特性，并给生产构建做优化。机器上需要 Node >= 8.10 和 npm >= 5.6。脚手架仓库：create-r…
VUE 3.0 学习探索入门系列计划用一个月把 Vue 3 摸一遍（当时也预期快 Release 了）。从 2019 年尤雨溪在会上反复讲 3.0 特性，到写稿时的 2020.3.21，等了一年多还没正式发布，热情容易耗尽。 写这组系列，是想趁还剩一点兴趣，快速、全面地看一眼 Vue 3.x。等完全…
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院决定 2020 年 4 月 4 日举行全国性哀悼活动。期间全国和驻外使领馆下半旗致哀，停止公共娱乐活动；4 月 4 日 10 点起默哀 3 分钟，汽车、火车、舰船鸣笛，防空警报鸣响。 默哀日访问网站时，整站常常变成全灰。若临…
编码效率不只看写了几小时，还看运行时间和内存。JavaScript 里有一批现成的 数据结构，用来组织数据、导航和访问。原文：https://dev.to/educative/7-javascript-data-structures-you-must-know-4k0m。 作者 Ryan Theli…
VS Code 是微软做的代码编辑器，官网的说法是它重新定义了编辑器。轻量编辑器常见的还有 Sublime、Notepad++、EditPlus、Atom。写前端时个人推荐编辑器用 VS Code，IDE 用 WebStorm。 装插件：点拓展按钮，搜索插件名安装，装完重新加载即可。不需要时进扩展，…
这篇是一万多字的 Vue 知识点整理：从与 Angular、React 的对比和 MVVM，讲到指令、实例、组件、生命周期、路由和 Vuex。 下文按原目录顺序保留全部说明、列表和代码示例，方便对照查阅。 1、Vue和其他两大框架的区别 Angular 学习成本太高 React 代码可读性差 Vue…
学 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://…
