- 浏览: 2613608 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
以前可能自己写的时候也有这个习惯,但是理论性的没有认真去中总结过。
简单记录,加深理解。
我们一定有场景去会创建对象或者数组,也有各种方法去实现。
但是最快最好的是什么? -----------使用直接量或者有的说的对象和数组字面量
1. 对象字面量
-------创建新对象值的表示法。一个对象字面量就是包围在一对花括号中零或者多个“名/值”对。
var person ={ name:"zhangyaochun", age: 24, job:webdesigner };
2. 数组字面量
-------创建新数组的表示法。一个数组字面量是在一对方括号中包围零个或多个用逗号分隔的值的表达式。
var type=[ 'string','number','function','object','array' ];
当然很多开始学习js的同学会想,我不是也能这样去做吗?
var people = {}; people.name = "zhangyaochun"; people.age = 24; people.job = "webdesigner"; var type = []; type[0]="string"; type[1]="number"; type[2]="function"; type[3]="object"; type[4]="array";
功能上多能满足或者简单地去讲执行效果是一样的,但是效率上有很多的差别??
好处: 直接量有利于节省代码量,运行速度上在大数据量(对象属性多,数组元素多)上有差异(特例是ff上3.5好像两个差不多)
发表评论
-
自执行函数相关
2013-05-07 20:39 1390整理几种自执行函数: 在最前最后加括 ... -
一淘首页优化总结
2013-02-01 17:10 0尽量减少DOM节点 不需要初始加载就渲染 ... -
严格模式探究
2013-01-18 17:32 1451探究一下严格模式 ... -
《JavaScript高级程序设计》性能探究之优化DOM交互
2012-10-20 17:50 1452本文来自《JavaScript高级程序设计》阅读笔记 ... -
《JavaScript高级程序设计》性能探究之最小化语句数
2012-10-20 16:18 1401本篇主要整理于《JavaScript高级程序设计》的第三版 6 ... -
翻译学习《how-web-page-loads》
2012-10-19 17:42 1350本文大部分来源于: http://www.douban ... -
关于页面的资源文件组织合理性探究
2012-10-18 13:55 1417本文主要来自于kejun's Blog里面的js和css的顺序 ... -
js性能之最小化重绘和重排(样式相关)
2012-09-22 20:18 1504前面有一篇记录了重绘和重排(http://zhangyaoch ... -
js性能-DOM编程之重绘和重排
2012-09-19 16:59 7236浏览器下载完页面中的所有组件----HTML标记,Js,CSS ... -
IE下的:hover
2012-09-19 16:22 1565从IE7(严格模式下)任何元素都可以使用:hover这 ... -
书写高质量JavaScript代码的要点(The Essentials of Writing High Quality JavaScript)翻译
2012-02-25 17:08 1658前言: 1、文章尾部带有原文的链接和来自zhang ... -
关于ajax类库的局限思考
2012-01-17 20:35 1472目前对于各大前端框架来言,都支持访问一个ajax对象,它屏蔽了 ... -
关于iframe加载完成的判断
2011-10-28 21:18 0//创建iframe var iframe = ... -
你会用string.lastIndexOf()吗?
2011-10-15 16:29 2117很多的人可能会不屑这个问题,请听我慢慢说道。 需求设计 ... -
js性能研究系列之----数据访问相关
2011-09-28 12:42 1545前言: 本来按照自己的计划是推出的是 常用性 ...
相关推荐
本文将深入探讨JavaScript性能优化的若干关键技巧,帮助你提升应用的运行效率和用户体验。 1. **代码结构优化** - **减少DOM操作**:DOM(Document Object Model)操作是JavaScript性能的主要瓶颈之一。尽量通过...
JavaScript性能优化是提升网页加载速度和用户交互体验的关键。以下是一些实用的JS优化技巧: 1. **循环优化**: - 避免使用`for-in`循环,因为它们会遍历对象的所有属性,包括原型链上的属性,效率较低。推荐使用`...
本文旨在针对具有一定 JavaScript 基础(理解面向对象、继承、作用域等概念)并且熟悉 Extjs 框架(了解组件间继承关系)的开发者,提供一些关于如何对 Extjs 的前台架构进行性能优化的方法。 #### 二、缓存 缓存...
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其简洁、易读和易于机器解析而被广泛应用。在 Delphi 7 中,由于内置的 JSON 支持有限,开发者往往需要依赖第三方库如 X-SuperObject 来处理 JSON...
错误的写法是直接返回一个对象字面量,因为这将导致所有组件实例共享同一引用: ```javascript // 错误的写法 demoObj: () => {} ``` 那么,为什么要在`props`中声明`type`和`default`呢? `type`属性用于指定`...
在JavaScript编程中,获取对象和数组的属性键值(key)和对应值(value)是一项基本操作。本文将详细介绍如何实现这一功能,并提供相应的代码示例。...同时,理解各种遍历方法的差异和性能特点也是优化代码性能的关键。
另一个文件,big-array-literal.js,很显然直接处理大数组字面量的实现和测试。 大数组字面量的挑战主要在于内存管理和性能。JavaScript引擎通常会在内存中连续分配数组的存储空间,但如果数组过大,可能导致内存...
JavaScript执行效率优化与内存管理是Web开发中的关键环节,它们直接影响到网页的性能和用户体验。下面将详细讨论这些优化策略。 1.1 DOM操作优化 1.1.1 使用DocumentFragment批量处理DOM 在大量添加DOM元素时,...
为解决上述问题,开发者可以寻找一些现成的深度拷贝库,比如lodash的_.cloneDeep()方法,这些库已经封装好了深度拷贝的逻辑,并且考虑了各种边界情况和性能优化。 总之,JS深度拷贝是一种常见的编程技巧,特别是在...
Array(数组)是JavaScript中最基本的数据结构之一。在JavaScript中,数组可以容纳多种类型的元素,包括数字、字符串、对象等。JavaScript数组提供了丰富的内置方法,如push、pop、shift、unshift、slice、splice、...
标题中的“排序排序 array to object”暗示了这个话题可能涉及数组的排序以及将排序后的数组转换成对象。在IT行业中,排序是数据处理的基础操作,常见的排序算法有冒泡排序、选择排序、插入排序、快速排序、归并排序...
在实际应用中,你可能还需要处理错误,检查网络连接,优化性能,或者将数据存储到数据库或其他持久化存储中。同时,中国天气网的API可能有访问限制和授权要求,记得查阅相关文档以确保合法合规地使用。 通过这种...
在前端开发中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在本场景中,JSON文件可能包含了广告的数据结构,如广告ID、图片URL、链接地址等信息...
使用直接量也是性能优化的一部分。例如,在创建数组时,使用[1,2,3]的方式比使用new Array(1,2,3)更快,因为直接量是直接由引擎解释,而new Array()则需要调用构造函数。同样的道理,使用{}创建对象比new Object()要...
- **JS深度拷贝Object/Array实例分析**:除了DOM节点外,JavaScript中还有许多其他类型的对象(如Object和Array),它们也可以进行深拷贝或浅拷贝。这些操作在处理复杂的数据结构时非常重要。 - **JavaScript数组深...
15. **性能优化**:理解V8引擎的工作原理、避免全局查找、减少DOM操作、合理使用缓存等都是提升JS性能的关键。 这些只是JavaScript基础知识的一部分,深入学习JavaScript还需要了解更多的概念,如模块系统、异步...
客户端JavaScript性能优化是提高网页应用响应速度和用户体验的关键。以下是一系列针对客户端JS性能优化的小技巧: 1. **循环优化**: - 避免使用`for-in`循环,因其需要查询对象的哈希键,效率较低。推荐使用`for...
JavaScript性能优化是提升网页或应用运行效率的关键技术。以下是对标题和描述中提及的几点优化策略的详细说明: 1. **简洁的代码**:优化代码结构,如将`x = x + 1`简化为`x++`,减少不必要的运算。 2. **简洁的...