​   效果演示： 主页获取源码 ​ ​ css样式： html代码 : js文件在上面截图可以看到 需要引进来。

最近写了篇面经以及面经的总结，也弄了一个21届春招的企鹅群，期间有不少人问我想参考我简历怎么写的，于是就有了这一篇文章。最开始我也不是很会写简历，也是多亏隔壁班的一位朋友 炽翎 在疫情期间开了一个线上的分享会，所以我才搞懂了一个好的简历要如何去写。 你认识一个人会先如何认识呢？…

FP & FCP 的区别：FP的关键词是“视觉变化”，只要发生了视觉变化，那页面就会触发FP；FCP的关键词是“DOM内容”，例如文本、图片、SVG、Canvas等元素的绘制。 FMP的算法有可能会不准确，对于实际的页面内容的展示，例如字体的绘制会有误差。 核心是JS…

2. 铁器时代 持续集成：当代码仓库代码发生变更，就会自动对代码进行测试和构建，反馈运行结果。 2.完成上述操作之后，在你想要做持续集成的项目根目录中创建一个文件.travis.yml，这个文件的意义在于用来预先定义好Travis的行为。 node_js: 用来指定 Node …

字节流解码。浏览器获得字节数据，根据字节编码将字节流解码，转换为代码。 输入流预处理。字符数据进行统一格式化。 令牌化。从输入流中提取可识别的子串和标记符号。可以理解为对HTML解析，进行词法分析，匹配标签生成令牌结构。 构建DOM树、构建CSSOM树。DOM树和CSSOM树的…

相信对这两大框架有一些了解的人都或多或少的会了解其中间件机制，Express 为线型模型，而 Koa 则为洋葱型模型。这个系列的博客主要讲解 Express 和 Koa 的中间件机制，本篇将主要讲解 Express 的中间件机制。 connect 曾经是 express 3.x…

大家是否有这样的困惑？在公司跟了几个项目，可能就是组长跟我们说下需求然后就开始动手写页面，也不用自己选型，脚手架也是现成的，除了 Vue 就是拿Echarts写过图表都没什么技术含量，照着文档写，遇到问题查一下就解决了。但写简历时又要体现出在项目中的作用。怎样找到只属于自己的那…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

仅以此文，记录自己这大半年来的挣扎与迷茫。 在公司工作七个月之后，我被裁员了。 回忆自己这七个月的经历，不管是遇到的人和事，更多感到的是收获和感恩，于是我写下了：「应届毕业生工作7个月小结」，当做对于这七个月的小小总结。 本想好好休息几天，不料第二天还在睡梦中，就有 HR 和猎…