前端

优化前：卡得不行 上周接到一个任务，优化公司某个项目的部署性能。说实话，刚打开页面的时候我人都傻了——首屏加载时间超过5秒，切换页面时还会出现明显的白屏。在现在这个网速动辄几百兆的时代，这种体验真的让...

项目初期的技术选型 前段时间接了个需求，需要做一个多Tab切换的页面，用来展示不同分类的数据。这类需求其实挺常见的，但这次有点特殊：数据量比较大，每个Tab下的内容都需要动态加载，并且交互要求还挺高。...

插件开发，我是这样入手的 说实在的，我刚开始写插件的时候也是一头雾水。摸索了一段时间后，我发现最靠谱的做法是从一个清晰的结构开始。下面这个是我的标准模板，亲测有效： (function(global,...

谁更灵活？谁更省事？ 最近在开发一个前后端分离的项目时，跨域问题又一次让我头疼。说实话，跨域这个问题我已经遇到过无数次了，但每次场景不同，解决方案也得跟着变。这次正好借机会整理一下我常用的几种方案，顺...

我的写法，亲测靠谱 虚拟DOM这东西，用对了是神器，用错了就是灾难。我自己总结了一套写法，基本能保证性能和可维护性都在线。 核心代码就这几行： function render(h, state) { ...

先看效果，再看代码 前几天做项目的时候遇到一个需求：用户上传的文件需要在前端进行预处理，比如图片压缩、格式校验啥的。一开始我想直接用现成的库，后来发现这些库要么太重，要么功能不够灵活。于是就自己动手写...

先看效果，再看代码 最近在搞一个微前端项目，踩了不少坑，其中最头疼的就是不同模块之间的JS变量冲突问题。折腾了几天后，终于用JS沙箱解决了这个问题，亲测有效！ 简单来说，JS沙箱就是创建一个隔离的环境...

项目初期的目录规范选型 最近刚结束一个中型项目的重构，前端部分用了Vue3，后端是Spring Boot。说起来挺有意思，这个项目一开始其实是另一个外包团队做的，后来交接给我们维护。接手的时候真是头大...

我的写法，亲测靠谱 Confluence这玩意儿吧，用久了你会发现它既是个好工具也是个坑货。我一般处理页面布局的时候，会先把宏的逻辑搞清楚，别急着往页面里堆内容。 举个例子，我最近在做一个项目文档，需...

目录规范：哪种方案更适合你？ 最近在重构一个项目的目录结构，突然意识到一个问题：目录规范这事儿，真的没有“唯一正确答案”。不同的团队、不同的项目需求，甚至不同开发者个人的习惯，都会导致最终的目录设计千...

又一个性能优化小技巧：DocumentFragment救了我 最近在做一个数据展示页面，需求是动态渲染几千条记录到表格里。本来觉得挺简单的，直接用innerHTML拼接字符串就完事了，结果一跑起来发现...

Symbol到底是个啥？我的理解是这样 刚接触Symbol的时候，我其实挺懵的。这玩意儿说白了就是个独一无二的值，但它偏偏不是字符串，也不是数字。直接看代码吧： const sym1 = Symbol...

先说结论：漏洞扫描工具选型 最近在项目中折腾了一圈漏洞扫描，直接说我的选择吧——OWASP ZAP 和 Burp Suite 是目前最主流的两款工具。个人更推荐 OWASP ZAP，开源免费，功能也够...

又一个并发控制的坑，我来填 前几天在做一个批量数据处理的功能时，遇到一个特别棘手的问题。简单说就是同时发了太多请求，直接把服务器给干崩了。这里我踩了个大坑，折腾了大半天才搞定，今天就来聊聊这个事。 事...

我的写法，亲测靠谱 Rollup 用久了，发现配置文件其实挺有讲究的。我现在的习惯是把核心功能拆分成模块化的小块，既好维护又清晰。下面是我的标准配置，直接贴代码： import resolve fro...

resolve配置把我折腾惨了 最近在重构一个老项目，用的是Webpack 5。本来以为升级完Webpack就万事大吉，结果一跑项目就报错，说找不到模块。这里我踩了个坑，花了整整一天才搞定，写下来给大...

我的写法，亲测靠谱 先说说我用Stream流的一些习惯吧。最近在处理一个大文件上传的需求，服务器要求分片上传，前端要对文件进行切割和并发控制。这种场景下，Stream流简直是神器。 核心代码其实就这几...

生态插件的使用，我踩过的坑和总结的最佳实践 最近在项目中用到了不少生态插件，说实话，这东西用得好是神器，用不好就是噩梦。今天就来聊聊我在实际开发中的经验和教训，希望对大家有帮助。 我的写法，亲测靠谱 ...

为什么我要对比HTML5语义化方案？ 最近接手了一个老项目，页面结构乱得像一锅粥，全是div套div。看得我头大，索性把页面重构了一遍，用上了HTML5语义化标签。在这个过程中，我发现不同场景下语义化...

折腾WASM的一天，踩坑无数终于搞定 最近在项目里要用到WebAssembly，简称WASM。本来以为挺简单的，结果一上手就遇到一堆问题，折腾了大半天才解决。这里记录一下踩过的坑，希望能帮到遇到同样问...