2011年10月_xiongzhengxiang

原创浏览器中，JS 带来的reflow 和 repaint

repaint 发生在：在视觉上不引起位置布局改变的操作。如：更改element 的背景、边框颜色等reflow 发生在：与repaint相反，只用引起页面布局发生改变的操作，就会引发reflow。此外：获取布局有关的属性，也会引发reflow事件。如：offsetTop, offsetLeft, offsetWidth, offsetHeight – scrollTop, scrollLef

2011-10-31 19:15:09 1336

转载 JS哪些操作带来reflow？常见问题优化

首先澄清两个概念——Repaint 和 Reflow：Repaint 也叫 Redraw，它指的是一种不会影响当前 DOM 的结构和布局的一种重绘动作。如下动作会产生 Repaint 动作：不可见到可见（visibility 样式属性）;颜色或图片变化（background, border-color, color 样式属性）;不改变页面元素大小，形状和位置，但改变其外观的变化Reflow

2011-10-31 09:31:34 4497

转载浏览器的工作原理

浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。根据W3C（W

2011-10-26 18:13:51 584

转载 Windows下vim的块选择

习惯了在Linux下面Ctrl+v来进行块状编辑，最近需要在Windows下面来编辑文件，实在舍不得vim的强大功能，就找了一个Windows下面的vim软件——GVIM，结果发现常用的Ctrl+v变成了“粘贴”命令了。经过一番查找，找到对应的命令：先v一下，然后再输入Ctrl+qshift+i 然后输入想要每一行重复的内容（可以看到在选中的第一行上），确定输入完，按e

2011-10-26 17:18:06 1948

转载我需要熟记的vim命令

转自：http://blog.chinaunix.net/space.php?uid=20764801&do=blog&id=1851087VIM快捷键VIM快捷键:光标移动：四个方向 k h 0 l j ctrl+f, ctrl+b 向下翻页，向上翻页 (forward,backward) c

2011-10-26 11:02:37 1135

原创 js中 if 表达式为undefined null ｛｝NaN 时返回什么值

if() ，括号中可以是任何表达式，当然这个表达式的结果不一定是布尔值，ECMAScript 会自动调用Boolean()函数将这个表达式结果转换为布尔值。Boolean()函数对各种数据类型的转换结果为：Boolean 函数转换规则数据类型转换为true的值转换为false的值Undefinedn/aundefinedObje

2011-10-26 09:15:03 2736

转载 [无线] 浅析当代 LBS 技术

前段时间的手机项目中涉及到目前比较火热的 LBS 概念，以下是在工作过程中积累下来的一些资料和经验，希望对一些同行有些帮助。本文将首先介绍当代 LBS 技术的商业模式以及技术关键点，进而再分析一下目前改技术存在的缺陷和挑战，最后是总结和展望。1> 技术简介和商业模式基于位置的服务（Location Based Service，LBS），它是通过电信移动运营商的无线电通讯网络（如GS

2011-10-25 10:57:14 643

转载面向对象的 JavaScript 编程及其 Scope 处理

本文首先对 JavaScript 的机制进行讲解，并结合当前流行的开源 JavaScript 框架讲解如何在 JavaScript 中实现面向对象和继承机制；之后本文将对面向对象 JavaScript 编程中容易引起误解和 Scope 的几个问题做详细阐述；最后针对面向对象的 JavaScript 编程中的 Scope 问题给出几点建议。面向对象和模拟继承JavaScrip

2011-10-25 09:32:46 601

转载 UserAgent的历史变迁

Google推出的Chrome让大家热议纷纷，只有专业用户才会注意到用Chrome访问网页时发出的“Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13”UserAgent字符串，貌似天书，它到底是怎么回事儿代表

2011-10-25 09:18:25 601

转载 Vim正则表达式[转]

Vim中的正则表达式功能很强大，如果能自由运用，则可以完成很多难以想象的操作。如果你比较熟悉Perl的正规表达式，可以直接参照与Perl正则表达式的区别一节。使用正则表达式的命令使用正则表达式的命令最常见的就是 / （搜索）命令。其格式如下：/正则表达式另一个很有用的命令就是 :s（替换）命令，将第一个//之间的正则表达式替换成第二个//之间的字符串。:s/正则表达

2011-10-24 21:54:52 503

转载瀑布流布局浅析

简介如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧

2011-10-24 18:28:33 523

转载【前瞻】CSS布局的未来

【本文系外部转载，原文地址：http://www.netmagazine.com/features/future-css-layouts】原文地址：http://www.netmagazine.com/features/future-css-layouts对比起那么多精妙的特性，CSS竟然在最基本的布局上做得如此令人不悦。但是，一些更丰富的、更具活力的

2011-10-21 19:02:36 623

转载正则表达式各种语言通用

1. 什么是正则表达式基本说来，正则表达式是一种用来描述一定数量文本的模式。 Regex代表 Regular Express。本文将用>来表示一段具体的正则表达式。一段文本就是最基本的模式，简单的匹配相同的文本。 2. 不同的正则表达式引擎正则表达式引擎是一种可以处理正则表达式的软件。通常，引擎是更大的应用程序的一部分。在软件世界，不同的正则表达式并不互相兼

2011-10-20 20:56:40 4189

转载 WEB前端开发高性能优化部分之JavaScript的优化细节！

W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！一、避免出现脚本失控不论什么脚本，在任何时间、任何浏览器上执行，都不应该超过100毫秒。如果实际执行的时间长于这个底限，一定要将进程分解成若干更小的代码段。脚本失控基本上有以下四个方面的原因：1. 在循环中执行了太多的操作解决这个问题的诀窍就是用下面这两个问题来

2011-10-20 13:49:27 553

转载高性能Javascript【五】字符串和正则表达式

这一章的作者是 steven levithan，可以去他的blog上看相关的文章。当连接大量或很长的字符串时，join数组成员的方法是ie7以及以下的版本中性能最高的，但是在其他的现代浏览器中，join数组成员是最慢的，推荐使用简单的+和+=替代，同时要避免不必要的中间字符串。回溯既是正则表达式匹配功能的基本组成部分，也是她的低效之源，要谨慎。在正则表达式匹配某

2011-10-20 09:37:42 2473 2

转载注重实效的程序员

推荐一本好书《The Pragmatic Programmer - From journeyman to master》 1、关心你的技艺 Care About Your Craft 除非你在乎能否漂亮地开发出软件，否则其它事情都是没有意义的。2、思考！你的工作 Think!About Your Work 在你做某件事情的时候思考你在做什么。不间断地思考，实时

2011-10-20 09:21:50 632

转载 js代码优化

JS优化已经讨论了很多了，最近又看到aimingoo的一篇。大体上，aimingoo的说法都是非常正确的。除了像aimingoo做个案研究外，这里我想从更一般的角度总结在浏览器编程中JS优化的几个原则。首先，与其他语言不同，JS的效率很大程度是取决于JS en

2011-10-18 16:49:20 1159 2

转载 js之clientHeight、offsetHeight,scrollHeight,scrollTop的区别

假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。scrollHeight 与 offsetHeight

2011-10-18 15:44:28 1756

转载从微博的改版谈网页重构——bigpipe中的页面构建优化

题记：搞互联网的同学也许都知道一个数字——4秒，有研究表明，如果一个网站没有在4秒之内加载完成，用户就会感到焦躁不愉快，并离开这个网站（数据来自性能测试网站http://gtmetrix.com/）。网站的内容、SEO优化、用户体验？哪个更重要呢？在速度面前，也许这些都相对更次要

2011-10-18 10:44:15 543

转载 JavaScript对象模型-执行模型

数据类型基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。对象: 一个无序属性的集合，这些属性的值为简单数值类型、对象或者函数

2011-10-18 09:40:53 404

原创 js对象属性名书写方式

Notation of Keysvar test = { 'case': 'I am a keyword so I must be notated as a string', delete: 'I am a keyword too so me' // rais

2011-10-17 09:04:49 1062

原创 js 如何删除对象中的一个属性

Deleting PropertiesThe only way to actually remove a property from an object is to use thedelete operator; setting the property to undefined or null only remove the value associated with the

2011-10-17 09:00:31 35245 3

原创 1016待看的文章

http://www.slideshare.net/nzakas/scalable-javascript-application-architecturehttp://awardwinningfjords.com/2010/10/27/pubsub-evented-progr

2011-10-14 10:19:27 561

原创 JS函数运行在它们被定义的作用域内，而不是它们被执行的作用域内

var nanm="xiongzhengxiang";function showName(){ alert(name); var name="JS";}showName();思考：这里会输出什么呢？亲自试试！这是因为函数运行时，先在本作用域内

2011-10-14 09:12:46 1277

转载 JavaScript:全面解析Ajax跨站数据传输和iframe跨域名js调用(6种方法)

关于跨域名问题还是问题么，这方面的解决实践非常多，今天我就旧话重提把我所知道的通过几个应用场景来分别总结一下先说明一点：我说的某某域名在您的控制下的意思是这个域名下的网页由您来负责开发内部的JavaScript场景一：将bbs.xxx.com的页面用iframe嵌入到

2011-10-12 09:57:55 662

转载 URL 和 URI 的区别

URL 是（uniform resource locator）的缩写。URL综合了协议和已存在资源的地址的两个元素。每一个公开访问的资源，包括图片，js文件，html文件和样式表都是有一个url告诉我们的浏览器从哪里去下载这些东西。URI是（uniform resour

2011-10-12 09:34:33 359

转载前端开发的三个层次 library components frame

现在的前端已经不是06，07年的摸索阶段了，已经进入成熟期了，各大型互联网公司都了自己的前端工程师和前端team，并且有自己的规范和协作开发标准。一提到规范和协作开发，很多关键词回荡在脑海，库（library），组件化（components），框架（frame），JSON,J

2011-10-12 09:26:16 1223

转载 Javascript文件加载：LABjs和RequireJS

传统上，加载Javascript文件都是使用标签。就像下面这样：　　标签很方便，只要加入网页，浏览器就会读取并运行。但是，它存在一些严重的缺陷。　　（1）严格的读取顺序。由于浏览器按照在网页中出现的顺序，读取Javascri

2011-10-11 09:59:11 430

转载 Javascript面向对象编程（三）：非构造函数的继承

今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。　　var Chinese = {　　　　nation:'中国'　　};还有一个对象，叫做"医生"。

2011-10-11 09:33:44 382

转载 Javascript面向对象编程（二）：构造函数的继承

这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，如何生成一个"继承"多个对象的实例。比如，现在有一个"动物"对象的构造函数，　　function Animal(){　　　　this.

2011-10-11 09:33:06 505

转载 Javascript 面向对象编程（一）：封装

转载自：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因

2011-10-11 09:32:29 400

转载 JS MVC 用例子来说明他的好处

javaScript MVC中文：http://blog.youmila.com/?p=423 —from [email protected]英文：http://www.alistapart.com/articles/javascript-mvc/ —from

2011-10-10 09:07:00 3015

原创 javascript使用方括号（[]）和“.”引用对象的属性和方法

在JavaScript中，使用[]和点号“.”都可以以用对象的属性，但是他们小有却别，使用[]时，[]里面可以放变量，有用点号时，点号后只能是对象的已存在属性名。

2011-10-09 15:46:34 2156 1

转载 JavaScript函数调用规则

JavaScript函数调用规则一(1)全局函数调用：function makeArray( arg1, arg2 ){ return [this , arg1 , arg2 ];}这是一个最常用的定义函数方式。相信学习J

2011-10-09 09:25:36 441

转载非常酷的 Javascript 简单调试工具Blackbird

Blackbird 是一个开源的 Javascript 调试工具，默认提供一种非常酷的方式展现 Javascript 调试信息，如下图，效果如何呢？在我们的日常的学习或工作中，经常都会接触到 Javascript，有时为了进行一些简单的调试，我们也许会采用

2011-10-09 09:07:26 536

转载 div 使用误解

How not to use the tagWhen we first get to grips with HTML and coding in CSS we often get carried away with our divs and surround almos

2011-10-08 09:04:17 332

xiongzhengxiang的专栏