允许一切发生

面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。 这个回答不能说错，但远称不上好答案。 一个好答案，至少要说清三件事： 有哪些常见存...

什么是设备指纹？ 在讲实现之前，先纠正一个误区：设备指纹（Device Fingerprint）不是为了知道你是张三，而是为了知道 这台设备是编号 9527。 它的核心逻辑...

我们来想象一个场景：你正在一个电商网站上，精心挑选了半小时的商品，填好了复杂的收货地址，满心欢喜地点击提交订单 Button。 突然，页面Duang🎈地一下，跳转到了登录...

为了解决多语言项目中 翻译滞后、key 变更、校对困难 等痛点，我自研了一款 i18n CLI 工具。它通过 自动化翻译、缓存复用和校对闭环，让开发者和翻译团队协作更高效。...

在前端开发中，防范跨站脚本攻击（XSS）和跨站请求伪造（CSRF）是构建安全Web应用的关键环节。内容安全策略（CSP）则在其中扮演了重要的角色，尤其在XSS防御方面。 一...

昨天下午，来了个刚毕业的学弟，很认真地跑过来问我：“哥，我看网上好多人都说前端要学Node，我到底要学到什么程度啊？是不是得把Express、Koa那些都搞会了才能找到好工...

前言 在现代Web开发中，检测元素是否进入视口(viewport)是一个常见需求，比如实现懒加载、无限滚动或统计曝光等。传统方法依赖scroll事件和getBounding...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足...

前提： app 需要下载 pdf 文件，在模拟器上成功但安卓真机无限失败，调试发现 pms-app 只有修改图片和视频权限，并未有文件权限。...

众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下 而Windows下是这样的 很多设计师会吐槽W...

Conventional Commits 约定式提交规范，一种用于给提交信息增加人机可读含义的规范。...

众所周知，Javascript最初设计是运行在浏览器中的，为了防止多个线程同时操作DOM带来渲染冲突问题，js执行器被设计成单线程，但随着前端技术的发展，js能力远不止如此...

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行...

一 前言 今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用 的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学...

在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现...