博客

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

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

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

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

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

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

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

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

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

我的写法，亲测靠谱 在前端开发中，成功提示是一个常见的需求。比如用户提交表单成功后，需要给用户一个反馈，告诉他们操作已经完成。我一般会用一些简单的库或者自定义的组件来实现这个功能。下面是我的一些实战经...

我的写法，亲测靠谱 在前端优化中，并行加载是一个非常实用的技术。它可以帮助我们提高资源加载速度，提升用户体验。我在实际项目中用过很多次，并行加载，积累了一些实战经验，今天就来分享一下。 首先，我一般会...

优化前：卡得不行 项目上线后，移动端的性能问题简直让人抓狂。特别是在一些列表页面，滚动起来卡得要命，用户反馈说体验极差。我们团队也是一头雾水，不知道问题出在哪里。 找到瘼颈了！ 为了找到问题所在，我试...

我的写法，亲测靠谱 在前端开发中，路由过渡是一个常见的需求，特别是在单页应用（SPA）中。一个好的路由过渡不仅能让用户有更好的体验，还能提升应用的专业感。我一般用 Vue Router 来处理这个问题...

真机调试的那些事儿 在移动开发中，真机调试是必不可少的一环。很多时候，模拟器虽然能解决一些问题，但真机调试才能真正反映出应用的实际表现。今天我就来聊聊几种常见的真机调试方案，对比一下它们各自的优缺点。...

先看效果，再看代码 最近在做一个项目，需要集成一个第三方API来获取数据。这个API功能挺多的，但说实话，官方文档写得有点晦涩，折腾了半天才搞定。今天就来分享下我的集成经验，希望对你有帮助。 直接上手...

优化前：卡得不行 话说我最近在搞一个 Ionic 项目，优化前那性能简直让人抓狂。每次打开页面都要等个5秒左右，用户反馈说体验极差。说实话，我自己用都觉得卡得受不了。所以，我决定花点时间好好优化一下。...

我的写法，亲测靠谱 在前端开发中，优化首屏加载速度是一个永恒的话题。最近我在一个项目中使用了预渲染（prerender）技术，效果还不错，今天就来分享一下我的实战经验。 首先，我用的是 Prerend...

性能监控搞砸了，页面加载慢得要命 最近在做一个项目，上线后发现页面加载速度奇慢无比。用户反馈说等半天才出来，我心想这事儿不能忍啊。 一顿排查猛如虎，发现是资源加载问题一开始以为是服务器的问题，折腾了半...

先看效果，再看代码 滑动距离这个概念在前端开发中经常用到，特别是在移动端项目里。今天我就来聊聊这个话题，分享一下我在实际项目中的经验和踩坑经历。 直接上手：基础的滑动距离计算 首先，我们来看看如何获取...

先看效果，再看代码 最近在做一个桌面优先的项目，折腾了好几天，终于搞定了。今天就来分享一下我的经验，希望对大家有帮助。 直接上手：基础布局 首先，我们来看看最基础的布局。亲测有效，这个方法适用于大多数...