无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~

「TS类型体操」作为一名花里胡哨的前端，看到最近这不是冬奥会开始了，咱们得为运动健儿们呐喊助威，还想着能不能当一次前端届的体操运动员，和奥运健儿们一起感受在冬天运动的魅力， 下面，我们就开始做操吧！

一. Base64编码由来 为什么会有Base64编码呢？因为有些网络传送渠道并不支持所有的字节，例如传统的邮件只支持可见字符的传送，像ASCII码的控制字符就不能通过邮件传送。这样用途就受到了很大的限制，比如图片二进制流的每个字节不可能全部是可见字符，所以就传送不了。最好的方…

对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 modu…

1. 选手入场 一提起 React 状态管理，很多人就提也不想提。 Redux: 1 号选手，人气最高的一个，得与 react-redux 一同使用。自己不管异步，所以常听到的什么 redux-thunk、redux-saga 是其下属，专门擦屁股的。特点就是难用，如果按照官方…

本篇文章主要讲述的是如何通过Node创建一个稳定的web服务器，如果你看到这里想起了pm2等工具，那么你可以先抛弃pm2，进来看看，如果有哪些不合适的地方，恳请您指出。 创建一个稳定的web服务器需要解决什么问题。 利用多核CPU资源有多种解决办法。 通过在单机上部署多个Nod…

本文为翻译，如有异议请提出更正建议，欢迎阅读。 浏览器如何从一个源HTML文档到在视图中显示一个样式化的交互式页面被称为“关键呈现路径”。虽然这个过程可以分解为几个步骤，但正如我在理解关键呈现路径的文章中所述，这些步骤大致可以分为两个阶段。第一个阶段涉及浏览器解析文档以确定最终…

观察者模式是一种实现一对多关系解耦的行为设计模式。它主要涉及两个角色：观察目标、观察者。如图： ~~Vue是一个实现数据驱动视图的框架~~（废话，大家都知道，说重点） 我们都知道，Vue能够实现当一个数据变更时，视图就进行刷新，而且用到这个数据的其他地方也会同步变更；而且，这个…

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…