博客

又踩坑了，touchmove滚动失效 今天在做一个移动端的项目时，遇到一个特别头疼的问题：touchmove事件突然不灵了。我之前用的好好的，也不知道怎么就出问题了。 一开始我以为是代码出了什么错，检...

我的写法，亲测靠谱 在前端开发中，项目规范是保证代码质量和团队协作的重要一环。我自己也踩过不少坑，总结了一些实战经验，希望能帮到大家。 文件结构和命名 我一般会遵循以下的文件结构和命名规范： src/...

前端构建工具对比：Webpack vs. Vite 最近在项目里折腾了好几次构建工具，发现这个问题真的挺头疼的。到底是用Webpack还是Vite呢？我在这篇文章里就来好好聊聊这个话题。 为什么要做这...

我的写法，亲测靠谱 在前端开发中，图片压缩是一个常见的需求。我一般这样处理：首先，在用户上传图片时进行压缩，然后将压缩后的图片存储到服务器。这样既能保证图片质量，又能减少服务器存储压力。 以下是我的代...

微服务调用超时，我差点崩溃 最近在搞一个微服务项目，遇到了一个让我头疼的问题：微服务调用超时。这个问题折腾了我好几天，今天终于解决了，赶紧记录一下。 问题来了，调用就超时 项目中有个关键的微服务A，它...

GitHub Flow，我的实战总结 最近项目用上了 GitHub Flow，折腾了一段时间后，有些心得想和大家分享。这个流程在团队协作中确实能提升效率，但如果不注意细节，踩坑也是常有的事。 我的写法...

又踩坑了，touchmove滚动失效 在最近的一个移动端项目中，我遇到了一个棘手的问题：touchmove事件处理。这玩意儿看起来简单，但实际用起来却有很多坑。今天我就来对比一下几种常见的touchm...

为什么我要对比这几个方案 小程序开发这几年越来越火，各种技术方案层出不穷。我最近在做一个小程序项目，发现市面上几个主流的开发框架和工具各有千秋。今天就来聊聊我在实际开发中的体验，希望能给大家一些参考。...

我的写法，亲测靠谱 CSV导出这玩意儿在很多项目里都挺常见的，比如数据报表、用户导出等等。我一般这样处理，既能保证功能的稳定性，又能尽量减少坑。 首先，上代码： 这个函数 exportToCSV 接受...

我的写法，亲测靠谱 在使用 Chameleon 进行多端开发时，我总结了一些实战经验，希望能帮到大家。首先，我要说的是，Chameleon 的核心优势在于它的跨平台能力，但要想真正发挥其潜力，还是得掌...

优化前：卡得不行 最近在做一个项目，涉及到一些敏感的API调用，比如用户登录、支付等。一开始我们没太注意防重放攻击这块，结果上线后发现性能问题严重，特别是高峰期，页面加载时间长到让人抓狂。用户反馈说，...

先看效果，再看代码 咱们直接上干货，先来个简单的例子，看看XMLHttpRequest到底是怎么工作的。这个例子就是一个基本的GET请求，从一个API获取数据然后展示在页面上。 首先，我们需要创建一个...

为什么我要对比这几个方案 存储过程这个东西，说白了就是一堆SQL语句打包在一起，让你可以在数据库里执行一些复杂的逻辑。我最近在项目中频繁使用到存储过程，发现不同的实现方式确实有很大的差异。今天就来聊聊...

为什么要对比这几个方案 代码分割是前端优化中一个老生常谈的话题了。随着应用越来越大，加载时间越来越长，代码分割成了一个绕不开的技术点。市面上有几种主流的代码分割方案，比如基于路由的懒加载、动态导入（i...

虚拟滚动：为什么要对比这几个方案 大家好，我是前端老司机小张。今天想跟大家聊聊虚拟滚动这个话题。虚拟滚动在处理大量数据时非常有用，特别是在移动端，性能优化更是关键。市面上有几种主流的虚拟滚动库，比如R...

先看效果，再看代码 大家好，最近在做一个移动端项目，涉及到很多固定布局的需求。今天就来聊聊固定布局的那些事儿，希望能帮到你。 核心代码就这几行 首先，我们来看一下最常见的固定布局用法。这个方法亲测有效...

cssnano压缩CSS文件后样式乱了，我怎么解决的 最近在搞一个项目，用了cssnano来压缩CSS文件，结果压缩完发现页面样式全乱了。这里我踩了个坑，折腾了半天才发现问题所在。 排查过程 一开始以...

我的写法，亲测靠谱 编译配置这东西，说实话挺让人头疼的。每次项目一复杂起来，各种配置文件就一堆堆的，稍微不注意就容易出问题。我一般这样处理： javascript // webpack.config....

项目初期的技术选型 最近接了个项目，客户要求做一个图片展示功能比较丰富的网站。考虑到性能和用户体验，我决定试试 Nuxt Image。毕竟 Nuxt Image 能够提供图片懒加载、自适应分辨率等功能...

为啥要对比这几个方案？ 话说前端开发里，缓存控制是个绕不开的话题。每次说到缓存，我脑子里就蹦出一堆术语：Cache-Control、Expires、Etag……搞得我头都大了。今天就来聊聊这几个常用的...