菜狗工程师

chrome插件通过强制的手段禁止大家浪费时间摸鱼，在上班/学习期间下意识的打开摸鱼网站, 自动检测摸鱼网站, 提示激励信息后, 关闭摸鱼网站。...

对数独规则不太清楚的读者可以看看这里：数独。 接下来就是细节上的实现：如何判断当前格子是否能填入对应数字。 前二者比较简单，只需固定死 row 和 col 即可，而第三个，...

Hello，大家好。又一周结束了，我们又如约而至。我们是好未来集团晓黑板前端团队，简称晓前端。每周五，我们都会搜罗一些有趣，有意义的事情和大家分享。如果你喜欢，欢迎关注我们...

加载优化分两种情况，一种是新用户第一次打开我们页面，这里面临的挑战是各种缓存都无法起作用，怎么保证将加载速度控制在用户可以接受的范围，提升转化率。第二种情况是老用户，这里我...

如果领导突然说需要开发一款前端桌面端应用，那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多同学对于Electron都不太了解和熟悉。 如果突然...

我们可以使用懒加载的方式引入模块，比如说当触发了某个条件，在通过import的方式引入模块。这样可以使得项目的性能会更加的好。 同样的路由懒加载的意思，表示当我们监听到路由...

webpack.prod.js 生产环境不需要配置这个，即使配置了这个也是无作用的。 我们为什么要做代码分割呢？举个例子。 假设我们引入了一个lodash第三方库，它的大小...

这里是好未来前端团队每周五发布的周刊，我们会和大家分享我们这一周来看到的一些值得分享给大家的内容。包括但不限于编程方向。 这已经是我们周刊的第 5 期了，我们内部也一直在思...

首先先看看本文最终的结果。 好了，话不多说， 看看这棵贼丑的树是怎么诞生的吧。 坐标系，或者说平面直角坐标系，是几何图形学的基础，其次是点、线、面这些元素。 坐标系大家都很...

朋友们好啊，我是晓黑板前端团队的何锦余，刚才有个朋友问我，“何老师，发生甚么事了？”，我说怎么回事，给我发了一个链接。我一看，喔！原来是前些天有几个年轻人，做了一个很不错的...

webpack目前是前端常用的工程化工具了。它可以帮助我们自动化构建打包各类的资源，极大的提高了我们打包代码的效率。在webpack看来，所有的资源文件都是模块(modul...

webpack已经成为开发web应用不可或缺的工程化工具，而作为webpack支柱功能的插件系统，是我们深入学习webpack绕不过的一道坎。站在插件开发的视角，你可以更细...

想要优化就必须得有度量。有了监控才能客观、系统地进行分析性能瓶颈、验证优化结果等。所以我们先从如何完整地监控开始 加载性能就是用户从进入到页面到页面真正可用的这个过程的耗时...

JavaScript 对象可以和任何属性有关联。对象属性的名称可以包含任何字符。有趣的是 JavaScript 引擎可以选择名称为纯数字的属性来进行优化，而这个属性其实就是...

初次见面，大家好，这里是来自晓黑板的前端团队。 我们将在这里记录与分享一些由我们团队成员推荐的优秀文章，主要却也不仅限于前端技术。 我们的周刊将以每月为单位更换主题，除了丰...

Vue3对Vue2中的响应式原理使用Proxy进行了重写，本文我们将对Vue3响应式的源码进行分析。 由于篇幅问题这里我们只对reactive类型的响应进行分析，其他流程和...