博客

语义化标签怎么用？折腾了半天发现这些坑 最近在重构一个项目的时候，想着把一些旧的div标签换成更语义化的HTML5标签。一开始觉得这事儿挺简单的，改完以后才发现，哎，还是踩了不少坑。 直接上代码吧，我...

优化前：卡得不行 之前我们项目里用了一个挺酷的滚动效果，用了ScrollMagic这个库。一开始大家都觉得效果不错，但一上线就发现，这玩意儿卡得要死，特别是在一些低端设备上，简直没法用。用户反馈说滚动...

先看效果，再看代码 大家好，今天要和大家分享的是Presets预设的使用经验。这个东西在前端开发中挺常见的，特别是用到一些脚手架工具时，比如Create React App或者Vue CLI。直接上代...

优化前：卡得不行 项目上线后，用户反馈页面加载慢得跟蜗牛一样，我自己也试了几次，感觉确实卡得受不了。尤其是在开发环境下，每次保存代码后，编译过程都能让人等得心焦。说实话，这种体验真的是差到极点。 找到...

直接上代码，先看效果 大家好，今天要聊的是原生插件的使用。废话不多说，直接上代码。 假设我们要实现一个简单的图片轮播功能，用原生JavaScript来写。首先来看一下HTML结构： <div i...

为什么我要对比这几个方案 最近在项目中用到了Hox这个框架，发现有好几种实现方式可以选。作为一个前端开发者，我总是喜欢折腾各种技术方案，看看哪个最适合自己。今天就来聊聊我在使用Hox时遇到的几个方案，...

我的写法，亲测靠谱 在使用 Jenkins 的过程中，我积累了一些实战经验，希望能帮到大家。首先，我要分享一下我在配置 Jenkins 管道时的一些最佳实践。 Jenkinsfile 的编写 我一般这...

为什么我要对比这几个Skeleton骨架屏方案 最近在好几个项目里都用到了Skeleton骨架屏，主要是为了解决页面加载时的空白问题。这玩意儿其实挺重要的，尤其是对那些需要从后端拉取大量数据的页面来说...

先看效果，再看代码 最近在项目里遇到了一个需求，需要将一些图表导出成SVG格式。折腾了半天发现，其实这个功能还挺常见的，而且实现起来也并不复杂。今天就来聊聊我是怎么搞定的。 核心代码就这几行 首先，我...

我的写法，亲测靠谱 在前端开发中，Dialog对话框是个常见的组件，用得多了自然就有一些经验和心得。今天就来聊聊我在实际项目中使用Dialog对话框的一些最佳实践。 基本结构和初始化 首先，我一般会这...

表单提交老是报错，我折腾了半天才发现问题 今天在做一个项目的时候，遇到了一个看似简单但特别烦人的表单提交问题。我用的是React和Axios，表单一提交就报错，折腾了半天才发现问题出在哪里。 排查过程...

又踩坑了，rem方案适配移动端 最近在做一个移动端项目，用到了rem布局方案来适配不同屏幕尺寸。本以为一切会很顺利，结果还是遇到了一些问题。先说说最终的解决方案吧。 核心代码就这几行 首先，我用了以下...

我的写法，亲测靠谱 在移动开发中，Fiddler 是一个非常实用的工具，尤其是当你需要调试 HTTP 请求、查看和修改网络流量时。我一般这样处理：首先，确保 Fiddler 已经安装并且配置好了。然后...

为啥要对比这几个方案 在前端开发中，Media Queries（媒体查询）是一个非常常用的工具，特别是在响应式设计中。最近我在几个项目中用了不同的Media Queries方案，发现各有优劣，所以决定...

项目初期的技术选型 最近接手了一个新的前端项目，需求是做一个响应式的网站。这个网站需要在不同设备上都能正常显示，从手机到平板再到桌面端，都要有良好的用户体验。一开始我就知道，响应式设计是必不可少的，毕...

又踩坑了，Main进程的窗口控制问题 最近在用Electron开发一个桌面应用，结果在处理主窗口的一些操作时，遇到了一些头疼的问题。主要是关于窗口的最小化、最大化和关闭按钮的控制。 折腾了半天发现，原...

又踩坑了，公共依赖的版本冲突 最近在开发一个新项目时，突然发现某个功能完全不工作了。检查了一圈代码，发现是因为公共依赖的版本冲突导致的问题。这里我踩了个坑，折腾了半天才发现问题所在。 排查过程一波三折...

为啥要对比这几个代码分割方案 最近在重构一个项目，发现加载速度有点慢，就想着能不能通过代码分割来优化一下。于是我就去研究了几个主流的代码分割方案，比如动态导入（Dynamic Import）、Reac...

我的写法，亲测靠谱 行级权限这玩意儿，说白了就是控制用户能看到哪些数据。我在实际项目里用得比较多，今天就来聊聊我是怎么处理的。 首先，我一般会定义一个权限配置文件，比如叫 permissions.js...

先看效果，再看代码 最近在做一个项目时，突然意识到安全性问题越来越重要。以前总是觉得依赖包的版本控制不是什么大问题，但这次真的被坑了。于是，我开始研究 yarn audit 这个命令，发现它真的很好用...