品味前端

摘要： 我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情 想要在 Vue 中实现一个这样的无限级树形选择器其实并不难，关键点在于利用 递归组件 和 高阶事件监听，下面我们就一步步来实现它。 简单实现下样式 创建 Tree.vue 组件（为方便阅读，代码有省略）： <temp 阅读全文

摘要： melonJS 2 是 melonJS 游戏引擎的现代版本。它几乎完全使用了 ES6 的类、继承等特性进行了重建，并使用 Rollup 打包以提供现代功能，例如转译和 tree-shaking。 melonJS 是开源的，在 MIT License 下获得许可，并在新加坡 AltByte 的一小群爱 阅读全文

摘要： 说到网页拾色器（颜色吸管工具）在前端的实现方法，通常我们会想到先进行网页截图，然后通过Canvas绘制截图，此时利用Canvas所提供的的API即可解析出图片每个像素点颜色，最后通过获取鼠标定位，得到当前的坐标来进行颜色选择。 在这种方式下通常问题出在第一个步骤，就是进行网页截图的方法，在前端网页截 阅读全文

摘要： 文章导读：Partytown，是一个轻量级的开源解决方案，通过将第三方脚本放在后台线程中运行的 Web Worker 来减少由于第三方 JavaScript 文件加载导致的执行延迟。 出色的用户体验始于快速响应加载的页面，通常用户不会花太多时间等待网页加载或与页面交互：根据谷歌的说法，如果页面的加载 阅读全文

摘要： 在上周(2022-08-26) jQuery 刚更新了一个 3.6.1 维护版本，距离上一个版本发布时间已过去一年零五个月之久，其维护者表示接下来主要考虑修复聚焦与失焦(focus & blur)的问题以及一些难以捉摸的边缘情况，可能是历史原因，jQuery 中与焦点有关的地方都很难改变，团队从未完 阅读全文

摘要： 曾拥有 2.8 万 star 的流行库，原作者却"删库跑路"，现在由社区维护。8名开发者参与其中，赋予其新的生命，同时也想让这个项目，从此变得更酷。 什么是Faker？ Faker 是一个用于生成虚拟数据的库。你可以用它来模拟数据，能极大方便测试、开发Mock数据等，广泛应用于以下场景： 单元测试 阅读全文

摘要： 我们都知道 call() 和 apply() 是用来改变函数中 this 指向的，它们的共同点是都会立即执行，而如果问到它们之间有什么区别时，我们都会想到一个「传参不同」 call 参数要分开传，比如 call(this, 1, 2, 3, ...) apply 传递参数是数组形式，比如 apply 阅读全文

摘要： 由于是笔记类文章，更新比较频繁，后面又重新编排修改了本文 50% 以上的内容，最新内容查看这篇文章：《 「1.5w字总结」Web前端开发必知必会详尽知识手册 》，本文不再更新。 基础部分 CSS盒模型 标准盒模型：box-sizing: content-box 浏览器默认的标准，元素宽度即为内容宽度 阅读全文

摘要： 就在上周微软发布了 TypeScript 4.8 新版本，一起来看看都有哪些新的功能： 改进的交叉类型、联合兼容性和类型收窄 改进了对infer模板字符串类型中的类型的推理 --build --watch --incremental 性能改进 比较对象和数组文字时的错误 从绑定模式改进推理 文件监视 阅读全文

摘要： 你知道哪些浏览器事件不会冒泡吗？ 回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： document.body.addEventListener('click', e => { console.log('触发捕获阶段') 阅读全文