美文网首页
高性能JavaScript

高性能JavaScript

作者: 懒羊羊3号 | 来源:发表于2018-06-28 10:04 被阅读0次

1、<script>标签位置

  • 放在<body>标签底部
  • defer

2、数据存取

  • 字面量和局部变量访问速度快于数组项和对象成员访问速度
  • 函数每次执行时对应的执行环境都是独一无二的
  • 一个标识符所在的位置越深,它的读写速度也就越慢
  • 读写全局变量通常最慢
  • 可以先将全局变量的引用存储在一个局部变量中

3、DOM编程

  • 减少循环中DOM操作次数
  • querySelectorAll()的原生DOM方法比js和DOM查找元素要快
  • 先去DOM元素,修改过后再插入
  • 避免使用:hover效果

4、算法和流程控制

  • for-in循环特别用途,枚举对象属性名
    for (var prop in object){ //循环主体,包括从原型继承的属性}
  • 倒序循环快
  • Duff's Device

相关文章

  • 技术书刊

    Javascript# ########《JavaScript设计模式》《高性能网站建设指南》《高性能网站建设进阶...

  • 高性能JavaScript

    高性能JavaScriptauthor: @TiffanysBear 从《高性能JavaScript》一书中的整理...

  • 前端学习

    书:《高性能HTML5》、《CSS SECRETS》、《JavaScript高级程序设计》、《JavaScript...

  • 高性能javascript--编程实践

    高性能javascript--编程实践 #### - setTimeout()和settimeInterval()...

  • Web动态加载JS外部文件(script标签)

    ( 摘自高性能Javascript )文档对象模型(DOM)允许你使用JavaScript 动态创建HTML的几乎...

  • Meteor 学习笔记

    什么是Meteor? Meteor是高性能Javascript全端开发框架优势: Javascript 全平台单一...

  • 高性能JavaScript

    1、 标签位置 放在 标签底部 defer 2、数据存取 字面量和局部变量访问速度快于数组项和对象成员访问速度 函...

  • 高性能javascript

    0、在javascript加载解析完之前后续的html不会加载。因此避免出现用户看到的页面延迟的情况,js代码和j...

  • 高性能JavaScript

    JavaScript加载 将所有 标签尽可能放置在页面的底部,紧靠 body 关闭标签 的上方,保证页面在...

  • 今后的前端学习计划

    先列一下已经看过的书吧。 Javascript dom 高级编程 Javascript语言精粹 高性能javasc...

网友评论

      本文标题:高性能JavaScript

      本文链接:https://www.haomeiwen.com/subject/jsowyftx.html