global对象获取

文章探讨了在构建跨环境 JavaScript 工具库时,如何可靠地获取全局对象,覆盖了浏览器、Node.js、Web Worker、Node VM、CSP 限制和微信小程序等场景,并逐步优化到使用 globalThis 提案。

从form表单来看策略模式

文章以表单验证为切入点,对比了传统 if-else 实现与策略模式重构的代码。通过 TypeScript 示例,展示了如何将验证规则封装为可扩展的策略对象,从而提升代码的可维护性和可读性。

IntersectionObserver实现图片懒加载

文章探讨了使用 IntersectionObserver API 替代传统基于滚动事件和 getBoundingClientRect 的图片懒加载方案,详细解析了其 API 方法、选项配置和异步机制,并提供了实现细节以优化性能和兼容性。

VuePress插件开发不完全指南

本文以开发一个 VuePress 插件为例,详细阐述了如何利用生命周期钩子(如 updated)、clientRootMixin 和 Vue.extend 实现动态组件注入,并探讨了使用 clipboard.js 处理剪切板操作的兼容性问题。

漫谈系统权限设计

本文探讨了后台系统权限设计的基本思路,基于RBAC模型,分析了权限、角色和用户的组成关系,并延伸讨论了权限优先级、错误提示处理等实践细节,包括前端对403、404、500状态码的定制化实现。

选择器那些事

本文深入探讨CSS选择器的优先级计算、渲染顺序、匹配机制与大小写敏感性等底层细节,通过具体代码示例澄清常见误区,为前端工程师提供精准的样式控制洞见。

模拟实现new

文章通过一个具体示例,解析了JavaScript中new运算符的底层执行步骤,并提供了一个模拟实现函数,探讨了原型链设置和构造函数返回值处理等核心机制。

模拟实现bind

本文逐步剖析了 JavaScript 中 bind 方法的模拟实现,从基础参数处理到构造函数场景下的 this 绑定和原型链继承,最终提供了一个兼容性优化的完整实现方案。

jsonp实现原理

文章解析了 JSONP 跨域请求的实现原理,利用 script 标签绕过同源策略,并提供了一个包含超时处理和错误回调的 TypeScript 实现示例。