小雨小雨丶

摘要：在之前工作的地方，我们一直使用webpck去构建。但是，经过长达四年的更新迭代，每个人都在同一个项目中做了不同的操作和更新，这导致我们生产构建时间达到了惊人的一分半，watch模式的rebuild也达到了14秒之久。 这导致你每次保存代码都需要等待漫长的14秒之久。 有几个小技巧可以是构建时间从一分 阅读全文

摘要：异步加载css资源 加开页面首屏显示速度使我们前端一直在追求的目标，而css资源在这些优化中同样也是不可或缺的。 一个网站可能有一部分css资源是必须的，他需要在页面渲染完之前就被加载完，并和html一起解析，这个暂时无法做手脚，但是我们可以把一些非关键的css进行异步化，也就是异步加载。 市面上有 阅读全文

摘要：算法是一种艺术，给人感觉很不好接近，但是一旦你和ta熟络了，你就能发现这门艺术的内在是多么美妙且多变。 对于前端来说，算法也许不是最重要的，在日常工作中，几乎很少用到。所以很多人也不是很感冒。 不过呢，有句话这么说的：面试造火箭，上班拧螺丝。咱们得先学习造火箭，才能有拧螺丝的机会。 莫得办法，既然想 阅读全文

摘要：今天不聊技术，想到什么写点什么。 后面会点题.... 这段时间每天更新一篇文章，其实是把之前的个人博客转移到开放平台，这样可以多多少少的和别人分享一下，也能通过他人反馈增加自己的动力。 为什么要写文章 不能说是心血来潮，个人记录和分享五五开吧，把一些偏技巧、基础的东西做个笔记，在分享出来，一方面方便 阅读全文

摘要：我曾经做过js讲师，在我的任教过程中，模块系统一直是学生们的薄弱点。有一个充分的理由可以解释这个问题： 模块在javascript中有一段奇怪且不稳定的历史 。这篇文章我们将讨论这段历史，并且，你讲了解过去的模块的相关知识，以更好的理解当前模块的工作原理。 在学习如何在js中创建模块之前，首先需要明 阅读全文

摘要："原文链接" variable fonts（下文中vf为缩写）是数字时代制作的字体技术，用更小的文件大小在web上提供更丰富的排版，但是一项新的技术往往伴随着新的挑战和复杂未知的情况。不过，我们要拥抱技术，那么怎么才能使用它呢？ 让我们从以下几个问题去学习一下variable fonts。 "什么是 阅读全文

摘要：概念 流（stream）是 Node.js 中处理流式数据的抽象接口。 stream 模块用于构建实现了流接口的对象。 Node.js 提供了多种流对象。 例如，HTTP 服务器的请求和 process.stdout 都是流的实例。 流可以是可读的、可写的、或者可读可写的。 所有的流都是 Event 阅读全文

摘要：当javascript应用体积越来越大时，一个有利于减少体积的办法是拆分为不同的模块，伴随着模块化的产生，我们也可以进一步的移除多余的代码，比如那些虽然被应用，但是没有被实际用到的代码。tree shaking就是上述说法的一种实现，它通过去除所有引入但是并没有实际用到的代码来优化我们的最终打包结果 阅读全文

摘要：Proxy 使用proxy，你可以把老虎伪装成猫的外表，这有几个例子，希望能让你感受到proxy的威力。 proxy 用来定义自定义的基本操作行为，比如查找、赋值、枚举性、函数调用等。 proxy接受一个待代理目标对象和一些包含元操作的对象，为待代理目标创建一个‘屏障’，并拦截所有操作，重定向到自定 阅读全文

摘要：对于前端来说，最重要的莫过于用户体验了，这次我们聊一聊骨架屏 Skeleton Screen 我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完成后，将菊花图移除，展示用户想看的内容。虽然这种方式没啥缺点，但 阅读全文