deng131
- 浏览: 677594 次
- 性别:
- 来自: 深圳
-
最新评论
-
zhouyicang：
为嘛人气不够，这么好的文章，我找了几十篇博客，才找到这篇解惑了 ...
HTML 块级元素/内联元素 -
young7：
不错，解惑了
HTML 块级元素/内联元素 -
lvjin948：
获取浏览器语言的完美方案。http://blog.csdn.n ...
JavaScript获取浏览器语言类型 -
tarena_hhh：
我用了css优化工具，发现他的顺序有很大不一样？？？？？
CSS属性书写顺序及命名规则 -
deng131：
谢谢你的提醒，是有个地方写错了
javascript事件绑定addEventListener,attachEvent
文章列表
什么是CSS Hack呢？
为解决浏览器间的CSS兼容性问题，设计师们针对不同浏览器写不同的CSS code的过程，就是一个Hack的过程了。在这个过程中，不但要做到浏览器的兼容性，更要合理地做到CSS代码的绝对优化，尽可能少地人为制造冗余的代码，使CSS代码尽可能简练易读。
为什么要用CSS Hack呢？
通过对CSS代码的兼容性问题的解决，使得我们写出的页面能在不同的浏览器中达到统一的页面效果。
CSS Hack原理是什么？
根据不同浏览器对CSS样式的支持程度，解析结果和识别CSS的优先级不同，设计师们就可以根据这些不同浏览器的特点来书写不同的 CSS样式代码。IE6能识别下划线_和星 ...
关于获取各种浏览器可见窗口大小的一点点研究
<script>
function getInfo(){
var s = “”;
s += ” 网页可见区域宽：”+ document.body.clientWidth;
s += ” 网页可见区域高：”+ document.body.clientHeight;
s += ” 网页可见区域宽：”+ document.body.offsetWidth + ” (包括边线和滚动条的宽)”;
s += ” 网页可见区域高：”+ document.body.offsetHeight + ” (包括边线的宽)” ...
IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。
document.compatMode正好派上用场，它有两种可能的返回值：BackCompat和CSS1Compat。
BackCompat：标准兼容模式关闭。浏览器客户区宽度是document.body.clientWidth；CSS1Compat：标准兼容模 ...
1) 什么是JSONP?
JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）
什么是JSONP协议?
JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用 html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。
很明显，JS ...
转自：http://www.nczonline.net/blog/2009/06/30/event-delegation-in-javascript/
Event delegation in JavaScript
Posted at June 30, 2009 09:00 am by Nicholas C. Zakas
Tags: Delegation, DOM, Events, JavaScript, Performance
Last week, I spoke at and attended the Velocity web performance conference in San ...
什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的两个特点：
1、作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。
2、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。
全局变量是魔鬼。在YUI中，我们仅用两个全局变量：YAHOO和YAHOO_config。YUI的一切都是使用YAHOO对象级的成员或这个成员作用域内的变量。我们建议在你的应用程序也使用类似的规则。
Douglas Crockford已经传授了一个有用的单例模式（singleton pattern）实现此规则，我认为 ...
举个例子：普通B/S模式（同步）AJAX技术（异步）
同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事
异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完 ...
测试代码：
function Dog(name) {
this.name = name;
Dog.prototype = {
shout: function() { alert("I am " + this.name); }
};
}
var dog1 = new Dog("Dog 1");
dog1.shout();
上面的代码看起来很“优美”，可一运行，却报错：“Object doesn’t support this property or method”.
在 YUI 3 学习笔记：oop 中，曾提到过， ...
从一个简单的问题谈起：
<script type="text/javascript">
alert(i); // ?
var i = 1;
</script>
输出结果是undefined, 这种现象被称成“预解析”：JavaScript引擎会优先解析var变量和function定义。在预解析完成后，才会执行代码。如果一个文档流中包含多个script代码段（用script标签分隔的js代码或引入的js文件），运行顺序是：
step1. 读入第一个代码段
step2. 做语法分析，有错则报语法错误（比如括号不匹配等），并跳转到ste ...
传说中的Mozilla推荐
/* mozilla.org Base Styles
* maintained by fantasai
*/
/* Suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* ...
运算符的优先级（优先级由高到低，相同优先级按照从左到右执行）
var num1 = 5,
num2 = 10,
result = num1+++num2;
问题: num1, num2, result的值分别是多少?
说明: +++不是一个有效的运算符, 由于++的优先级要高于+, JS引擎会将+++解释成++ +, 即先执行num1++,
然后再把表达式num1++的值和num2的值相加, 故而三者的值为6, 10, 15.
GET和POST两种方法都是将数据送到服务器，但你该用哪一种呢？
HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。
JZT7A0H(G#v0 当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如在数据库添加数据行），则用POST方法。一个比较实际的问题是：GET方法可能会产生很长的URL，或许会超过某些浏览器与服务器对URL长度的限制。
O ?"| E!K*a6{'|0 若符合下列任一情况，则用POST方法：LUPA开源社区9x|2NP!XV @" ...
JAVASCRIPT算法比较
<script>
Array.prototype.swap = function(i, j)
{
var temp = this[i];
this[i] = this[j];
this[j] = temp;
}
Array.prototype.bubbleSort = function()
{
for (var i = this.length - 1; i > 0; --i)
{
for (var j ...
1.适当压缩图片，选择合适的图片类型（jpg,gif,png);
a.jpg图片适合色彩丰富或使用了过渡色的图像，选择适当的压缩比，通常仅降低5%的优化度，却可以大大降低图片的k数。
b.gif图片适合于色彩简单无过渡色的图像，经过fireworks优化过的gif图可以获得较理想的k数。
c.png图片适用于对图像质量要求较高或需要透明效果的图片。
2.标明图片宽度和高度
<img src="xxx.jpg" width="100" height="100" alt="pic" />
这样书写图片可以降 ...
我们经常看到浏览器在加载某个页面时,部分内容先显示出来,又有些内容后显示。那么浏览器加载显示html究竟是按什么顺序进行的呢?
其实浏览器加载显示html的顺序是按下面的顺序进行的：
1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。
2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。
3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。
4、并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。
5、样式表在下载完成后，将和以前下载的所有样式表一起进 ...