一文了解卷积神经网络基础

可以使用地图(Map)对象，据布雷特所说，此种方式更为快捷。

7. 最小化DOM访问

与其他JavaScript语句相比，访问DOM的速度很慢。对DOM进行更改会触发布局的重新绘制，网站运行愈加缓慢。一次性访问单个DOM元素并将其用作局部变量以减少访问次数。任务完成后，务必将变量设置为null以移除该变量的值。这将触发垃圾回收机制以防止内存泄漏。

8. 压缩文件

 

上例中，在闭包的辅助下，返回到变量cityOfCustomer的内部函数可以访问外部函数findCustomerCity()的常量。每当内部函数被调用，其名称作为参数传递，不需要再次实例化常数。

6. 避免使用delete关键字

delete关键字用于从对象中移除属性。对于delete关键字的性能，用户已颇有微词，不足之处预计在未来的更新中得到修复。你可以选择简单地将不需要的属性设置为undefined。

 

2. 随时缓存

缓存通过减少延迟和网络流量来提高网站的速度和性能，从而缩短显示资源所需的时间。这可以通过缓存应用程序接口(Cache API)或超文本传输协议缓存(HTTPcaching)来实现。在满足特定条件(如发布新内容)时，上述缓存机制能够处理和重新生成缓存。

3. 避免内存泄漏

高级语言JS负责几个底层管理，比如内存管理。垃圾回收机制在大多数编程语言中十分常见。通俗来说，垃圾回收机制就是简单地收集和释放已经分配给目标对象的内存，而这些内存并没有在程序的任何部分使用。C语言之类的编程语言中，开发人员必须使用malloc()和dealloc()函数来分配和释放内存。

尽管JavaScript自动执行垃圾回收，但有时它并不完美。JavaScript ES6中，映射(Map)和集合(Set)和它们的“较弱”的同胞一起引入。这种“较弱”的同类被称为WeakMap和WeakSet，它们对对象的引用“较弱”，允许对未引用的值进行垃圾回收，从而防止内存泄漏。

4. 尽早跳出循环

大周期循环必然会消耗大量宝贵时间，因此要尽早跳出循环。关键字break和continue可以做到这一点。编写最高效的代码是你的责任。在下面的例子中，如果没有跳出(break)循环，代码将运行循环1000000000次，这显然导致了重载。

 

以下是一些小贴士，以供你更好地优化JavaScript代码，展现更好的性能。

顺便一提，请确保共享和重用JS组件，以达成高质量代码(需要时间来生成)和合理交付时间之间的恰当平衡。可以使用Bit (Github)之类的流行工具将项目中的组件(vanilla JS，TS，React，Vue等)共享到Bit的组件中心，这样不会浪费太多时间。

1. 删除不用的代码和功能

应用程序包含的代码越多，需要传输到客户端的数据就越多。浏览器解析代码所需时间也越长，有时有些功能可能根本没有用到。最好只在开发环境中保留这些额外的代码，而不要将其用于生产环境，这样就不会给客户端的浏览器带来无用代码的负担。

不断询问自己某个功能、特性或代码是否必要。可以手动或使用Uglify或google’s closurecompiler等工具移除不用的代码，甚至可以用一种名为摇树优化(tree shaking)的技术，从应用程序中移除不用的代码。

Webpack之类的打包器便提供这种技术，如果想删除不用的npm包，可以使用npm prune命令。

（编辑：唐山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!