JavaScript事件处理

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

先说结论：我更喜欢用原生JS，但看场景 最近在做项目的时候又遇到了Tab切换的需求，说实话这种需求真的太常见了，我估计每个前端开发者都写过不下十次。不过每次写都会有点新的思考，尤其是用什么技术方案这个...

优化前：卡得不行 最近在做一个带手风琴效果的项目，原本觉得就是个简单的交互组件，结果上线后发现性能差到离谱。特别是在低配安卓机上，切换面板的时候卡得像PPT，完全没法用。最夸张的是有用户反馈说整个页面...

我的写法，亲测靠谱 快捷键提示这玩意儿，看起来简单，实际上坑不少。我一般这样处理：先搞个全局的键盘事件监听，然后把所有快捷键配置集中管理，最后用一个轻量级的UI组件来显示提示。 先看核心代码： // ...

优化前：卡得不行 上个月做那个电商后台管理系统的商品列表页面，优化前真的是卡得让人怀疑人生。页面上有1000多个商品，每个商品都有删除按钮、编辑按钮、选择框，还有悬停效果。用户一滚动页面就开始卡顿，点...

为啥要折腾右键菜单？ 最近在搞一个富文本编辑器，用户说“能不能加个右键菜单，像 Word 那样点一下就能复制格式、插入图片”。我一想，这不就是个 ContextMenu 嘛，简单。结果一动手，发现水还...

优化前：卡得不行 上周我们项目里有个右键菜单功能，用户反馈“点一下右键要等半秒才弹出来”，我一开始还不信，本地开发环境跑得挺顺的。结果一上测试环境，好家伙，点右键后整个页面卡住，鼠标转圈，连滚动都卡顿...

先看效果，再看代码 最近在做一个移动端的项目，需要实现下拉刷新的功能。一开始觉得这应该挺简单的，不就是监听一下touch事件嘛？结果一顿折腾后发现，这事儿还真有点门道。 核心代码就这几行 先来点干货，...

快捷键提示的最佳实践 大家好，今天我要分享一下我在项目中使用快捷键提示的一些实战经验。这东西虽然看起来简单，但实际用起来还是有不少坑的。我会尽量把我踩过的坑和一些实用的技巧都写出来，希望能帮到你们。 ...

先看效果，再看代码 咱们直接上手，先来看看一个简单的Select选择器的实现。这个例子中，用户可以选择一个城市，然后显示相应的天气信息。亲测有效，简单易懂。 <div id="app"> ...