本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

Electron为开发者提供了多种功能完善的打包发布工具，本文将非常详细地讲解基于electron-builder如何进行Electron打包和自动更新。

上周的时候，朋友圈的直升飞机不知道为什么就火了，很多朋友开着各种花式飞机带着起飞。 还没来得及了解咋回事来着，这个直升飞机就火到的微博热搜。 后面越来越多人开来他们的直升飞机，盘旋在朋友圈上方。于是很多朋友开来他们的坦克，专打直升飞机，一轰一个准。 除了这些正常字符以外，Uni…

1. 目录结构划分 2. 开发规范统一 保证JS代码一致性并避免低级错误。 保证JS代码在不同编辑器或IDE下的格式一致性。 以上代码的作用即在所有文件类型中，保证编码方式、缩进格式等风格的一致性。 3. 代码风格统一 统一JS、JSX代码风格。 统一CSS代码风格。 4. 项…

因为接下来有个 H5 的页面要开发，虽说是 H5，但整体比较偏向 WebApp 形式。为了方便接下来的开发工作，于是就花了 3 - 4 天简单的封装了一套适用于项目的架子，并且将过程记录了下来，希望能与大家一起进步。 在进行移动端页面开发时，屏幕适配是首要问题。 移动端的界面开…

项目是通过vue-cli3 来构建的, 项目随着需求的不断增加. 代码量也在随着增大. 项目的文件大小也随着增加. 但是这一情况就变得,异常棘手. 我们也需要找到解决办法, 来处理这件事情, 来提高项目的运行效率. 在考虑优化之前, 我们来看下在之前项目的结构中, 我们需要做什…

到目前为止也尚未出现能和 Google Photos 相媲美的产品。特别是在页面布局和图片比例上 Google 的工程师会分享他们是如何完成这些挑战，以及 Web 版的 Goolge Photos 中的一些技术细节。

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…