兴杰(stooges.com.my)

摘要： 前言 2022 年 4 月，我写了一篇 Swiper 介绍。 Swiper 是当时前端最多人使用的 Slider 库，没有之一，一骑绝尘。 但是！时过境迁，这两年已经有一匹神秘的黑马悄悄杀上来了。 它就是本篇的主角 -- Embla Carousel。 Embla Carousel 的卖点 Embl 阅读全文

摘要： 介绍 checkVisibility 是一个比较新的功能，需要 IOS 17.4 才能支持。 它主要的作用是拿来检测一个 element 是否可见。 我们有 4 种方法让一个 element 隐藏起来，checkVisibility 可以依据不同的隐藏方式，判断出 element 是否被隐藏了，或者 阅读全文

摘要： 介绍 Pipeline Operator (|>) 是一个很新的 JavaScript 语法，目前还在 TC39 stage 2。 它有啥用呢？我们一起来了解一下 pipe 的前世今生。 参考 YouTube – Javascript's New Pipeline Operator Is Aweso 阅读全文

摘要： 前言 一年多前，我写了一篇 e2e 测试工具 Cypress。 当时它的 npm 下载量是 e2e 测试工具里排最高的。 没曾想，短短一年间，它就被 Playwright 完全赶超了😱 Playwright 是谁？怎么这么厉害？ Playwright 大有来头，它是 Microsoft 开源的 e 阅读全文

摘要： 前端打包工具 bundlers Webpack 曾经是最受欢迎的前端打包工具，没有之一。 但是呢，它在 2020-10-10 发布 v5.0 版本后就进入了 maintenance mode。 其原因可能是因为在同年，esbuild 诞生了。 Webpack 是用 JavaScript 写的，esb 阅读全文

摘要： 介绍 什么是 Markdown？ Markdown 是一种极简化版的 HTML 表达语言。 直接看例子就能体会了 图1 图2 简单说，它就是用一种更简单，更简短的纯文本去表达 HTML。 很多地方都可以看到 Markdown 的运用，比如 Github 提交 Issue 采用的就是 Markdown 阅读全文

摘要： 前言 这篇记入一些小的 CSS & JS Effect。 Transfer div keydown to input 一个 filterable selection list。 user 点击 input > 输入 text > 接着选择 item。 此时 input 就 blur 了。 如果此时 阅读全文

摘要： 前言 Clipboard API 就是和 copy and paste 相关的 BOM API。 Copy Text 我们经常能看见这样的交互体验 点击 Copy code 以后，下面的代码就会被 copy 起来。 等同于我们 select 那些 code 之后按 ctrl + c。 这个就是用 C 阅读全文

摘要： 前言 Angular 19 预计会在 11 月中旬发布，目前 (2024-10-27) 最新版本是 v19.0.0-next.11 已经发布了。 这次 v19 的改动可不小哦，新增了很多功能，甚至连 effect 都 breaking changes 了呢🙄 估计这回 Angular 团队又会一如 阅读全文

摘要： 介绍 先讲讲名词。 Internationalization 的缩写是 i18n，中文叫国际化。 Globalization 是 Internationalization 的同义词，都是指国际化。 Localization 的缩写是 l10n，中文叫本地化。 i18n vs l10n 一个国际化，一 阅读全文