共计 1228 个字符，预计需要花费 4 分钟才能阅读完成。
写给初中级前端的高级进阶指南
我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，这篇文章，笔者想结合自己的一些成长经历整理出一些路线，帮助各位初中级前端工程师少走一些弯路。
平庸前端码农之蜕变 — AST
如果你查看目前任何主流的项目中的 devDependencies，会发现前些年的不计其数的插件诞生。我们归纳一下有：javascript 转译、代码压缩、css 预处理器、elint、pretiier，等。有很多 js 模块我们不会在生产环境用到，但是它们在我们的开发过程中充当着重要的角色。所有的上述工具，不管怎样，都建立在了 AST 这个巨人的肩膀上。
前端需要懂的 APP 容器原理
App 容器，简言之，App 承载某类应用（H5/RN/Weex/ 小程序 /Flutter …）的运行环境，可主动干预并进行功能扩展，达到丰富能力、优化性能、提升体验的目的，如页面数据预取（prefetch）缩短页面可用耗时、WebAR 将 AR 能力赋予 H5、Native 地图与 H5 复合渲染交互。
相见恨晚的 Git 命令动画演示，一看就懂！
虽然 Git 是一个强大的工具，但是我觉得大部分人都会同意我说的：它也可以是一个……噩梦！我一直觉得，使用 Git 的时候把操作过程在脑海里视觉化会非常有用：当我执行某个命令的时候，分支之间是如何交互的？又是如何影响提交历史的？当我在 master 分支执行 hard reset、force push 到 origin、在.git 文件夹执行 rimraf 的时候，为什么我的同事都哭了？
5 种延迟加载图像的方法以帮助你提升网站性能与用户体验
在本文中，你将了解 5 种延迟加载图像的方法，可以将它们添加到 Web 优化工具包中以改善网站上的用户体验。
前端性能优化：当页面渲染遇上边缘计算
对于 web 页面来说，首跳场景（例如 SEO、付费引流）的性能普遍比二跳场景下要差。原因有多种，主要是首跳用户在连接复用，和本地资源缓存利用方面，有很大的劣势。首跳场景下，很多在端上的优化手段（预加载，预执行，预渲染等）无法实施。
在客户端缓存能力无法利用的情况下，利用 cdn 距离用户近的特性，可以结合缓存做一些性能优化。
XSS 最全攻防之战！
在上世纪 90 年代，这种攻击主要是跨域攻击，而一个网站就是一个域名，所以叫“跨站脚本攻击”。但是发展到今天，是否跨域已经不重要了，由于这个历史原因，XSS 这个名字也一直延续至今。
读懂 TS 中联合类型和交叉类型的含义
联合类型在 TypeScript 中相当流行，你可能已经用过很多次了。交叉类型稍微不那么常见。它们似乎引起更多的困惑。
你有没有想过这些名字是怎么来的？虽然你可能对两种类型的并集有一些直观感受，但交集通常不太容易理解。
阅读本文之后，你将对这些类型有更好的了解，这将使你在代码中使用它们时更有信心。
公众号: 前端收藏家。收集全网优秀前端技术资讯，与你分享，共同成长。
