JavaScript性能优化

为什么我要对比这些原生插件方案？ 最近在开发一个移动端项目，涉及到一些复杂的交互效果。比如滑动切换、长按触发菜单之类的操作。一开始我随手用了一些现成的库，结果发现体积太大，性能也不太理想。后来决定自己...

关于ignore文件，其实没太多好对比的，但有些细节还是得聊聊 最近帮几个新同事配置项目环境，发现他们对各种ignore文件的理解还停留在初级阶段，就想着把这块儿的经验整理一下。虽然ignore文件看...

Dead Code 的识别工具，别瞎手动找 很多人一听到死代码清理就开始手动翻代码，这是最蠢的做法。我之前接手一个老项目，接手人告诉我有大量死代码，让我手动清理。折腾了两天发现根本找不完，而且还不敢删...

PerformanceAPI监控页面性能，折腾了一整天 上周遇到一个需求，要监控页面的加载性能数据，本来以为就是个简单的API调用，结果折腾了一整天才搞明白。这里把踩的坑都记录下来，免得下次再掉进去。...

关于ignore文件，其实没那么多花里胡哨的玩意儿 写这篇主要是最近组里新来了几个实习生，在gitignore配置上各种迷迷糊糊的。本来以为就是个简单的忽略文件配置，结果发现很多人连基本的概念都搞不清...

项目初期的技术选型 去年年底接手一个老项目重构，是给某市政务大厅做的自助终端系统——对，就是那种立在服务台旁边、带10.1寸触摸屏、跑Chrome kiosk模式的设备。需求看着挺简单：查办事指南、预...

我的写法，亲测靠谱 防抖节流这玩意儿，我写了不下二十遍——不是因为爱写，是每次换项目、换框架、换交互场景，都得重调一遍。Vue 2 的 watch + debounce、Vue 3 的 onMount...

项目初期的技术选型 最近在做一个需要用户登录和注册功能的小项目，考虑到安全性，决定在密码存储上使用盐值。毕竟现在大家都很重视数据安全，如果密码泄露了，那可就麻烦大了。其实一开始也没想到用盐值，只是觉得...

项目初期的技术选型 最近我参与了一个在线多人游戏的开发项目，主要是负责前端部分。这个游戏的玩家数量很多，每个玩家的操作都会产生大量的数据更新和渲染，这就对性能提出了很高的要求。在初期的技术选型中，我们...

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

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

我的写法，亲测靠谱 在前端开发中，信息提示（比如弹窗、Toast、提示框）是常见的需求。我一般这样处理：用一个简单的函数来封装信息提示的逻辑，这样可以复用代码，减少冗余。下面是我的最佳实践代码： fu...

谁更灵活？谁更省事？移动端首屏加载性能的三个方案实测 上个月上线一个活动页，用户反馈「点开白屏两秒」，PM当场甩来一张竞品页的Lighthouse截图：首屏渲染 0.8s，我们是 2.6s。我盯着控制...