美文网首页
JavaScript--性能优化

JavaScript--性能优化

作者: 爱吃的根号三 | 来源:发表于2017-09-25 09:28 被阅读7次

1.事件委托
2.节流函数
3.浏览器渲染

3.浏览器渲染

.mod-nav h3 span {font-size: 16px;}

因为CSS选择器从右向左的匹配规则,所以浏览器第一步先查找所有的<span>,第二步根据span向上查找他的父节点中是否有<h3>,直到查找到<html>都没有时结束

因此想要快速找到某个元素,根据上述例子可以写成:

 span h3 .mod-nav {font-size: 16px;}

资料

2.节流函数
http://www.cnblogs.com/fsjohnhuang/p/4147810.html
3.浏览器渲染
https://mp.weixin.qq.com/s/g-1YniL1L6EM21BfJWa-QQ

相关文章

  • JavaScript--性能优化

    1.事件委托2.节流函数3.浏览器渲染 3.浏览器渲染 因为CSS选择器从右向左的匹配规则,所以浏览器第一步先查找...

  • 高性能javascript--编程实践

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

  • Android性能优化 - 消除卡顿

    性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化 - 内存优化 性能分析工具 - Tra...

  • Android性能优化 - 内存优化

    性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化- 内存优化 性能分析工具 - Trac...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • Awesome Extra

    性能优化 性能优化模式 常见性能优化策略的总结 Spark 性能优化指南——基础篇 Spark 性能优化指南——高...

  • 常用的后端性能优化六种方式:缓存化+服务化+异步化等

    性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...

  • webpack 性能优化

    webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 优化调试功能 生产...

  • iOS性能优化 - 整理

    本文主要包含: 性能优化 - 卡顿性能优化 - 耗电优化性能优化 - APP启动优化安装包瘦身 一  性能优化 -...

网友评论

      本文标题:JavaScript--性能优化

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