内悟外参

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之...

前段时间“🐑了个🐑”爆火网络，不知道大家都玩通关了没？ 没错，我通关了~（稍稍炫耀下） 于是跟风写了这篇文章，也希望能给对小游戏感兴趣的小伙伴们带来启发。 一、什么是微...

大家好，我是双越老师，也是 wangEditor 作者。本文将使用 langChain.js 开发一个简单的 AI Agent ，可使用自然语言查询天气。最后使用 lang...

笔者作为公司的一名前端架构师，先后经历过各种大中小型前端项目，将自己的经验总结如下，从空文件到项目上线到后续维护。欢迎各位前端小伙伴Review，有不对地方请指出，互相学习...

之家中后台前端解决方案 - 支点2.0 随着业务体量和业务复杂度的不断增大，如何保证业务快速且高质量交付是我们面临的技术挑战。...

一、我们遇到的问题（前端开发的痛点） 实际工作中我们会遇到很多问题，这些问题阻碍了我们的开发效率，比如以下问题： 重复的工作需要重复的做，开发人员也很无聊和枯燥，能否通过工...

最近 AI coding 工具卷的飞起，隔三差五的出一个新的，也不知道到底谁真的牛逼，谁又是吹的牛逼。 那就让他们做完全一样的任务，来一场公平的竞技吧...

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝...

由于自己太菜了，所以我使用coze做了一个云顶之弈助手，来帮助自己上分。下面和大家分享一下这个助手，感兴趣的可以去体验一下。...

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当...

Webpack 模块热替换（HMR） 原理解析 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞...

通过一些常见的性能优化手段（分包、cdn、gzip压缩、利用缓存、懒加载等）去实践改善自己项目中存在的性能优化问题...

Playwright 介绍的下半部分，主要从如何写测试用例的角度分享使用心得，希望能够对大家有所帮助。...

端到端测试(End to end)是现代应用中的一种常见的测试方式，本文将基于“实操”的视角，一步步地带领读者搭建一个基础的 Playwright 测试项目。...

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将...

什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜...

pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管...