
性能及优化
UIEngineer
玩中学!
展开
-
高性能 javaScript 之事件委托(Vue版)
一、概念理解: 1、事件:HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。比如点击事件、鼠标移入/移出事件等。事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。 2、DOM 事件流:冒泡事件流、捕获事件流。 3、DOM 事件模型:捕获、目标、冒泡。那什么是事件委托呢?事件委托:即是,一个事件本来是要绑定到某个元素上,然而却绑定到了该元素的父(或祖先)原创 2017-10-14 16:34:43 · 6670 阅读 · 1 评论 -
用有意义且长用的单词命名变量
代码: <script src="./moment.js"></script> <script> const currentDate = moment().format('YYYY/MM/DD') alert(currentDate) </script> 结果:原创 2019-01-09 12:07:52 · 242 阅读 · 0 评论 -
JavaScript 代码简洁 - 保持统一、每个常量都该命名、直接了当、避免无意义的前缀、使用默认值
保持统一 可能同一个项目对于获取用户信息,会有三个不一样的命名。应该保持统一,如果你不知道该如何取名,可以去 codelf 搜索,看别人是怎么取名的。 getUser() 每个常量都该命名 可以用 buddy.js 或者 ESLint 检测代码中未命名的常量。 const MILLISECOND_IN_A_DAY = 86400000 直接了当 <script> c...原创 2019-01-09 12:19:17 · 369 阅读 · 0 评论 -
JavaScript 代码简洁 - 函数
参数越少越好 如果参数超过两个,使用 ES2015/ES6 的解构语法,不用考虑参数的顺序。 function createMenu({ title, body, buttonText, cancellable }) { // ... } createMenu({ title: 'Foo', body: 'Bar', buttonText: 'Baz', cancellabl...原创 2019-01-09 12:29:40 · 136 阅读 · 0 评论