前端工头

笔者开源的前端进阶之道已有三年之久，至今也有 17k star，承蒙各位读者垂爱。在当下部分内容已经略微过时，因此决定提笔翻新内容。 翻新后的内容会全部集合在「干爆前端」中，有兴趣的读者可以前往查看。 本文非百科全书，只专为面试复习准备、查漏补缺、深入某知识点的引子、了解相关面…

最近在给学生上课，上周六的第一堂课是关于 JavaScript 动画的内容，其中包括一些简单的动画，比如匀速或者匀加/减速的运动，也包括复杂一些的组合动画。而动画的基本原理，在我之前的文章已经有了详细的介绍。在这里，我想谈一谈的是，我们可以如何针对现代浏览器设计更加简单的 AP…

说出上面代码的执行结果。 如果不过脑子的说是 [2, 3, 4]，那么肯定是错了。实际上，真正的执行结果是 [2, NaN, NaN]。为什么会这样呢？是因为 map 的算子是有两个参数的，第一个参数是被迭代数组的元素，第二个参数是该元素的下标。所以 ['2', '3', '4…

持续更新中... webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加…

浏览器缓存即http缓存，将数据缓存在浏览器(即客户端)。 服务端通过设置HTTP响应头来决定缓存策略，将资源缓存到本地浏览器。 http缓存都是从第二次请求开始的。 第一次请求资源，服务器返回对应资源，并在response header响应头中添加缓存策略。 第二次请求时，浏…

当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。 在列表数据进行遍历渲染时，需要为每一项 i…

前言前两天看到一个阿里面试题关于dfs和bfs的算法题，在网上找了很多，没确切答案。今天我们一起来做下这个题目题目要求非递归方式拿到搜索内容，那么我们不用递归怎么去实现查找呢？如果我们用递归方式非常简

功能虽然已经实现了，也记录在了 给 Antd Table 组件编写缩进指引线、子节点懒加载等功能 这篇文章中。不过我个人感觉意义不大，对功能代码不感兴趣的同学完全可以跳过。 这篇文章我想聊聊我在这个需求中，对代码解耦，为组件编写插件机制的一些思考。 指引线的逻辑分散在 rewr…

最近有个需求要弄个日历显示下，虽然网上有现成的，但还是想自己实现一个。对于这个小插件，我的想法是把操作权限给用户，插件只提供业务逻辑，实现业务逻辑与UI层分离。同时也能兼容所有框架。 到此结束，一个简单的日历就完成了。这样写的好处在于逻辑封装，插件不进行渲染，能适应各种应用场景…