时间回到 2016 年，彼时 996 还不算福报，比特币单价也还远远不到 1000 美元。那时的我怀着对大厂的敬畏和对前途的迷茫，拿着一纸毕业证告别了校园。这第一份名为 Web 前端开发的工作，代码写着写着就到了今天。 一晃三年过去了，从纯粹的赶需求到造轮子、做分享和带团队，许…

之前由于课程要求，基于Nodejs做了一个实现简易区块链。要求非常简单，结构体记录区块结构，顺便能向链中插入新的区块即可。 但是如果要支持多用户使用，就需要考虑“可信度”的问题。那么按照区块链要求，链上的数据不能被篡改，除非算力超过除了攻击者本身之外其余所以机器的算力。 想了想…

这是我们基本的日历结构，机智的小伙伴已经从布局中知道我们实现的大致逻辑了，是的，我们先获取当月有多少天，上月和下月有多少天，这样我们的日历就出来了。好，慢慢来，下面我们详细说，我们先写上基本的样式。 以上我们基本试下了日历的界面，下面我们来实现星期和日期的展示。 我们将星期的标…

下面是一个使用脚手架来初始化项目的典型例子。 随着前端工程化的理念不断深入，越来越多的人选择使用脚手架来从零到一搭建自己的项目。其中大家最熟悉的就是create-react-app和vue-cli，它们可以帮助我们初始化配置、生成项目结构、自动安装依赖，最后我们一行指令即可运行…

允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 忽略不用的静态资源。这对删减不必要的CSS尤其有用。Webpack只会将你的应用真正需要…

图片延时加载十分重要，尤其是对于移动端用户。 从理论上来看，图像延迟加载机制十分简单，但实际上却有很多需要注意的细节。 此外，有多个不同的用例均受益于延迟加载。 首先，我们来了解一下在 HTML 中延迟加载内联图像。 延迟加载是一种在加载页面时，延迟加载非关键资源的方法， 而这…

表现、内容和行为的分离。 标记应该是结构良好、语义正确 以及 普遍合法。 渐进增强，提高用户体验。 通过保持代码风格和传统的一致性，我们可以减少遗留系统维护的负担，并降低未来系统崩溃的风险。 通过遵照最佳实践，我们能确保优化的页面加载、性能以及可维护的代码。 本规范中条目如无特…

前几天有朋友问我，曾经在前公司里使用过的前端资源高可用方案是怎么做的。资源高可用听起来应该是后端、运维同学的“分内之事”。但是前端资源的高可用并没有那么简单，在当前复杂的网络环境下，你是指望用户多刷新几次、还是期望用户把Wi-Fi切换为4G，撞大运解决问题？获客成本如此之高的今…

分析：我们需要实现两个方向（向下拉动，向上滑动）上的拉动刷新，考虑完成 PullDownRefresh 和 PullUpRefresh 两个组件的编写。思考其中细节： offsetHeight 是一个DOM属性。它有时被称为一个元素的物理/图形的尺寸，或是一个元素的边界框（bo…