(转)高性能JavaScript的几点 - Northc 's blog , 做个努力的码农 - ITeye博客

`

northc

浏览: 193553 次
性别:
来自: QD

最近访客更多访客>>

goinnet

itsection

a360164108

yangshenming

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

northc：米饭军写道如果文件已存在怎样避免应该会覆盖的
用Ant scp往远程linux传文件
米饭军：如果文件已存在怎样避免
用Ant scp往远程linux传文件
luis025：不支持列隐藏硬伤
ExtJS4.0 分享Grid导出Excel插件(3.28更新支持4.1)
rgbhje：楼主大神,我把你的代码简单改了一小下,在4.2可以跑了
ExtJS4.0 分享Grid导出Excel插件(3.28更新支持4.1)
rgbhje：楼主大神,我把你的代码简单改了一小下,在4.2可以跑了
ExtJS4.0 分享Grid导出Excel插件(3.28更新支持4.1)

(转)高性能JavaScript的几点

博客分类：

Web
Javascript

阅读更多

随着web应用的复杂度日渐提高，JavaScript代码量也变得越来越多，所以JavaScript在浏览器中性能应得到更多的关注。这事又因为JavaScript的阻塞特性而变得复杂。要提高JavaScript的性能一方面需要浏览器方面提升优化自身的JS引擎，另一方面作为JS程序开发员应该编写高效的JS代码来提高web程序的性能。本文立足于后一种情况。这将是一系列的文章，有关优化你JS代码的一些建议，本系列文章的观点大都提取自《高性能JavaScript》一书。首先从JS代码的加载和执行开始

脚本加载和执行会阻塞其它资源的下载，应该尽量将<script>标签放到<body>标签底部。确保在脚步执行前页面已经完成渲染。
合并脚本，减少<script>标签的数量，以减少http请求的次数。
无阻塞的下载脚本(页面加载完成之后才去加载执行JS代码)：

方法: 1.为<script>标签添加defer属性，表明不涉及修改dom操作，可以延时载。

如：<script type=”text/javascript” src=”file.js” defer></script>

2.动态脚步元素。利用DOM动态创建script标签，到指定位置。

3.XMLHttpRequest脚本注入。利用ajax下载JavaScript代码并注入到页面中。

分享到：

(转)理清apply(),call()的区别和关系 | 浅析tomcat nio 配置

2011-12-02 19:20
浏览 904
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

高性能javascript设计: 要理解如何实现高性能JavaScript，我们需要深入探讨以下几个核心知识点： 1. **数据结构与算法选择**：JavaScript中的对象、数组、字符串等都有不同的性能特征。例如，哈希表（对象）用于快速查找，数组则适合顺序...

[高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas.中英对照版.pdf: 《高性能JavaScript编程》是由Nicholas C. Zakas所著的一本深入探讨JavaScript性能优化的书籍。这本书以中英对照的形式，为读者提供了丰富的JavaScript性能优化技巧和实践方法，旨在帮助开发者构建更快、更稳定的...

高性能JavaScript和构建高性能WEB站点PDF电子书: 首先，关于高性能JavaScript，本书涵盖了以下几个关键知识点： 1. **代码结构与组织**：优化代码结构可以减少执行时间和内存占用。书中会讲解如何合理地组织函数和模块，避免全局变量污染，以及利用闭包和作用域来...

JavaScript关于提高网站性能的几点建议(一)_.docx: JavaScript是构建现代网页和应用程序的关键技术之一，但过度或不当使用JavaScript可能会对...以上这些策略可以帮助开发者在使用JavaScript构建高性能网站时，平衡功能与性能之间的关系，为用户提供更流畅的浏览体验。

javascript高级教程.pdf: 10. **性能优化**：理解V8引擎的工作原理，学习如何编写高性能的JavaScript代码，包括减少内存占用、避免阻塞主线程和优化渲染等。 11. **TypeScript**：虽然不是JavaScript的标准部分，但TypeScript是它的超集，...

汉字转拼音的JavaScript插件: 在开发这种插件时，开发者需要考虑以下几点： 1. **兼容性**：确保插件能在不同的浏览器和设备上正常工作，这可能需要对不同的JavaScript API有深入的理解。 2. **性能**：实时转换大量的汉字可能会对页面性能造成...

javascript高级编程v3: JavaScript高级编程通常涉及以下几个关键知识点： 1. **基础语法**：包括变量声明（var, let, const）、数据类型（基本类型与引用类型）、运算符、流程控制（条件语句、循环语句）、函数以及作用域等。 2. **面向...

JavaScript权威指南（JavaScript犀牛书一本）: 9. **性能优化和调试**：指导开发者如何写出高性能的JavaScript代码，并提供了调试技巧和工具。 10. **错误处理**：讨论了异常处理机制，以及如何有效地定位和修复程序错误。通过这本书，无论是初学者还是有经验...

JavaScript 高级程序设计（第3版）【附源代码】: 本书主要涵盖了以下几个关键知识点： 1. **基础语法**：从变量、数据类型、操作符、流程控制到函数，书中详细阐述了JavaScript的基础语法结构。包括动态类型、变量作用域、闭包等概念，这些都是理解和编写...

编写高性能JavaScript(译): 总结来说，编写高性能JavaScript代码时，应考虑以下几点： 1. 了解并利用JavaScript引擎的内部工作机制，如V8引擎的优化措施和垃圾回收机制。 2. 避免在代码中使用delete操作符，特别是不要修改热对象的结构。 3. ...

Javascript高级应用与实践.pdf: 不过，根据文件标题“Javascript高级应用与实践.pdf”，我们可以推测文档内容大致会涉及以下几个方面，尽管具体的细节无法得知： 1. JavaScript基础知识回顾：JavaScript是前端开发中最为核心的技术之一，文档可能...

搭建高性能站点: 这里，我们将深入探讨几个核心知识点，帮助你理解如何打造一个高性能的站点。 1. **负载均衡**：当网站面临大量用户访问时，单一服务器可能无法承载。通过负载均衡技术，我们可以将流量分散到多个服务器上，从而...

高性能网站建设实战: "高性能网站建设实战"这本书可能涵盖了以下几个方面的内容： 1. **基础架构设计**：高性能网站的基础始于良好的架构设计。这包括选择合适的服务器硬件、操作系统、数据库管理系统，以及合理的软件架构模式，如...

javascript: 8. **函数和闭包**：理解函数的定义、调用和作为值传递，以及闭包的概念，对于编写模块化和高性能的JavaScript代码至关重要。 9. **ES6新特性**：如箭头函数、模板字符串、解构赋值、Promise等，提高了代码的可读性...

高性能web建议: 根据提供的文件内容，可以提取出以下几点关于高性能web站点建设的知识点： 1. 前端性能优化的重要性：文档中提到了高性能web站点建设的一个关键观点，即“90%的性能问题都可能出之于前端而不是后端”。这意味着在...

Pro JavaScript Techniques（jQuery之父作品：精通Javascript英文原版+源码）: 6. **性能优化**：探讨如何编写高性能的JavaScript代码，包括避免阻塞渲染、减少内存消耗、优化循环和函数调用等。 7. **JavaScript库和框架**：虽然jQuery是John Resig的杰作，但书中可能还会介绍其他JavaScript库...

从零开始学JavaScript: 初学者在开始学习JavaScript时，通常需要了解以下几个重要知识点： 1. JavaScript基础语法：包括变量声明、数据类型、运算符、控制结构（if...else语句，switch语句，循环语句等）、函数的定义与使用等。 2. DOM...

JavaScript 编写的游戏: 编写JavaScript游戏时，主要涉及以下几个关键知识点： 1. **DOM操作**：JavaScript可以操作Document Object Model (DOM)，这是HTML和XML文档的结构表示。在游戏开发中，我们可能需要使用DOM来创建、更新或删除游戏...

JavaScript资料收集(很全): 10. **Node.js**：JavaScript也可以用于服务器端开发，Node.js就是一个运行在服务器端的JavaScript环境，它支持非阻塞I/O，适合构建高性能的网络应用。在学习过程中，你可以通过阅读文档、编写代码练习和参与开源...

Global site tag (gtag.js) - Google Analytics