`
javasogo
  • 浏览: 1815686 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js开发规范--性能

 
阅读更多

1、变量必须显示声明,var i = ""

2、循环首选while,其次for(;;),最后for in;
3、循环体内减少运算,包括变量深度,如: for(){a.b.c.d()} 可改为 var f = a.b.c.d; for(){f();}
4、条件语句: 首选三元表达式, 其次switch,最后 if else;
5、str += ” 优于 str = str + ”;
6、多用Array.push方式拼接长字符串;
7、减少函数声明执行的深度,尽量避免a.b.c.d.e();
8、深度>1的函数需要执行两次以上,请先用变量缓存此函数,如: var bind = JsHelper.Function.bind; bind(function(){}, this); bind(function(){}, this);
9、cloneNode优于createElement;
10、多次操作Dom时,请务必缓存Dom对象,比如 var a = $("#a");a.css("width", "100.5");a.val(""); 严禁:$("#a").css("width", "100.5"); $("#a").val("");
11、document.createElement后请立即append到Dom树中,然后在对该element进行属性赋值等操作;

12、尽量用class而不是一个又一个function组合程序

分享到:
评论

相关推荐

    java开发规范.net开发规范JS开发规范应用开发接口规范.zip

    3. JavaScript开发规范: - **ES6+语法**:使用最新版本的JavaScript特性,如let/const代替var,箭头函数,模板字符串等。 - **模块化**:使用CommonJS、AMD或ES6的import/export管理代码模块。 - **异步编程**:...

    js-高性能JavaScript-JavaScript语言精粹修订版

    #### 一、《高性能JavaScript》 **知识点概述:** 1. **性能优化基础知识:** - 了解JavaScript引擎的工作原理及其对性能的影响。 - 学习如何通过代码结构和组织来提高执行效率。 2. **DOM操作与优化:** - ...

    阿里前端开发规范.pdf

    阿里前端开发规范是一份详尽的指南,旨在提高团队协作效率和代码质量。这份规范涵盖了多个方面的编程规约,包括命名规范、HTML 规范、CSS 规范、LESS 规范以及 JavaScript 规范,并专门针对 Vue 项目提出了特别的...

    javascript-client-generated.zip

    在客户端JavaScript开发中,常见的知识点包括: 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,JavaScript可以用来修改DOM以动态改变页面内容。 2. **事件处理**:JavaScript通过监听...

    阿里前端开发规范《word文档》

    阿里前端开发规范是阿里巴巴集团为前端工程师制定的一套标准指南,旨在提高代码质量,提升团队协作效率,确保项目稳定性和可维护性。这份规范涵盖了命名规范、代码结构、注释规则、性能优化、错误处理等多个方面,...

    阿里前端开发规范(word文档)

    阿里前端开发规范是阿里巴巴集团为前端工程师制定的一套详尽的工作指南,旨在提高代码质量、提升团队协作效率、保持代码一致性。这套规范涵盖了HTML、CSS、JavaScript、工程化、性能优化等多个方面,对于任何前端...

    Node.js-ui-event-observer:提供高性能的方式订阅浏览器UI事件

    标签 "Node.js开发-调试/剖析" 提示我们,这个库不仅涉及Node.js开发,还与调试和剖析有关。这可能意味着ui-event-observer提供了便于开发者调试和分析事件处理性能的功能,比如事件触发的计数、耗时统计或者内存...

    WEB前端开发规范文档

    ### WEB前端开发规范文档知识点详解 #### 一、概述 WEB前端开发规范文档旨在通过制定一系列标准化的操作流程和规范,提升开发效率与质量,确保项目的可持续性和可维护性。该文档详细介绍了WEB前端开发的基本准则、...

    浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结.docx

    在传统的JavaScript开发中,所有的脚本都在全局作用域内运行,这不仅容易导致命名冲突,还会因为依赖关系处理不当而引起各种难以预料的问题。模块化技术的出现,正是为了有效地解决这些问题,它允许开发者将代码组织...

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    jQuery,这个JavaScript库,自2006年发布以来,已经成为了Web开发中不可或缺的一部分。它以其简洁的API和强大的功能,极大地简化了DOM操作、事件处理、动画效果以及Ajax交互。在本篇文章中,我们将深入探讨jQuery ...

    Node.js-hexo-theme-material一个Hexo的Material主题

    【标签】"Node.js开发-内容管理系统" 提示我们这个项目与 Node.js 开发环境密切相关,并且是用于管理内容的系统。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它使得开发者可以使用 JavaScript 来...

    阿里前端开发规范word文档

    阿里前端开发规范旨在提供一套完整的前端工程师在项目开发过程中应当遵循的规则和标准,以确保代码质量、提高团队协作效率并降低维护成本。这套规范涵盖了命名规则、编码风格、注释规范、错误处理、模块化、性能优化...

    raml-js-parser-master

    `raml-js-parser-master` 是一个基于JavaScript实现的RAML解析器,主要用于将RAML文件转换为JavaScript对象模型,便于在前端开发中使用。 ### RAML简介 RAML,全称RESTful API Modeling Language,由MuleSoft公司...

    前端vue,html,js开发规范,前端vue,html,js开发规范

    本篇主要介绍Vue.js、HTML和JavaScript的开发规范,按照阿里前端开发规范目录进行详细阐述。 ### 一、编程规约 #### (一) 命名规范 1. **项目命名**:项目命名应清晰反映项目内容,采用小驼峰式命名,如`...

    javascript-flash-js

    ECMAScript规范定义了JavaScript的基础语法,而各种JavaScript库和框架,如jQuery、React、Vue.js等,则为开发者提供了更高级的功能和便利。 其次,Flash曾是互联网上多媒体内容的主流格式,尤其在早期网络视频和...

    前端编码规范(3)JavaScript 开发规范

    JavaScript 开发规范是前端开发中的重要组成部分,旨在提高代码质量、可读性和可维护性。以下是一些关键的JavaScript编码规范: 1. **变量声明**: - 总是使用 `var`、`let` 或 `const` 来声明变量。不指定变量...

    Vue.js前端开发实战-自测卷.rar

    Vue.js是一种广泛应用于现代Web开发的轻量级、高性能的前端JavaScript框架,由尤雨溪创建。这个"Vue.js前端开发实战-自测卷.rar"压缩包文件显然是一份教学资料,包含了帮助开发者检验和提升Vue.js技能的自测卷。自测...

    Node.js-W-Blog是一个基于vue和node的小小小博客前端用vue后端用egg.js

    Egg.js是阿里云开发的Node.js企业级开发框架,基于Koa.js,提供了一套完整的开发规范和工具链。在Node.js-W-Blog中,Egg.js主要承担以下任务: 1. **RESTful API设计**:Egg.js支持快速创建RESTful API,方便前后端...

    Node.js-node-eagle基于Node的高性能MVC框架

    Node.js是一款基于Chrome V8引擎的JavaScript运行环境,它让JavaScript得以在服务器端运行,极大地推动了Web开发领域的发展。Node-eagle是针对Node.js平台设计的一款高性能MVC(Model-View-Controller)框架,它旨在...

Global site tag (gtag.js) - Google Analytics