deng131
- 浏览: 675711 次
- 性别:
- 来自: 深圳
-
最新评论
-
zhouyicang：
为嘛人气不够，这么好的文章，我找了几十篇博客，才找到这篇解惑了 ...
HTML 块级元素/内联元素 -
young7：
不错，解惑了
HTML 块级元素/内联元素 -
lvjin948：
获取浏览器语言的完美方案。http://blog.csdn.n ...
JavaScript获取浏览器语言类型 -
tarena_hhh：
我用了css优化工具，发现他的顺序有很大不一样？？？？？
CSS属性书写顺序及命名规则 -
deng131：
谢谢你的提醒，是有个地方写错了
javascript事件绑定addEventListener,attachEvent
文章列表
在Form元素的语法中，EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 下边是说明： application/x-www-form-urlencoded： 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data： 窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。 text/plain： 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') ...
@import url（）做一下总结：
1：@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。
2：@import 是css2里面的，所以古老的ie5不支持。
3：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
4：link除了能加载css外还能定义RSS，定义rel连接属性，@import只能加载css
@import url(xxx.css); 有 ...
css定位z-index问题
- 博客分类：
- stylesheet
1. 某些浏览器下元素层级遮盖存在bug;
2. 某个元素z-index设的太大，导致始终无法被遮盖;
3. js动态计算z-index，导致元素覆盖关系部可控
层级遮盖bug出现的原因：
IE6/7对z-index的表现跟IE8及以上浏览器不一致。position值为非static时，如果不设置z-index属性，IE6/7下z-index默认为0，而IE8及以上浏览器z-index为auto，且zindex:auto的元素不参与堆叠优先级比较。
ff/chrome z-index IE6/7 IE8/9
不设置 0 auto auto
number numbe ...
第一种：!important方式
.DIV{
background:orange;/*ff*/
*background:green!important;/*IE7*/
*background:blue;/*IE6*/
}
第二种：样式属性前缀式
.DIV{
margin:10px;/*ff*/
*margin:15px;/*IE7*/
_margin:15px;/*IE6*/
}
第三种：选择前缀式
#DIV{color:#333;}/*ff*/
*html#DIV{color:#666;}/*IE6*/
*+html#DIV{color:#9 ...
理解Javascript原型及继承
- 博客分类：
- javascript
js初次使用起来觉得很简单但是在使用一段时间后很不深入的理解原理，这次写这个文章来吧自己觉得能让自己很好的理解的js。
参考：
http://jibbering.com/faq/notes/closures/
http://www.dengpeng.org/archives/685
http://dmitrysoshnikov.com/
http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html
http://www.cnblogs.com/fool/archive/2 ...
前端使用CSS浮动16条规则
- 博客分类：
- stylesheet
好久没来写东西了，今天补充下css方面。
先要理清的是为什么要清除浮动：
在使用float后父容器（没有设置height情况时）并没有包裹住这两个层，我们只能说，父容器不知道这两个层的高度，从而使得这两个层溢出了父容器，脱 ...
浏览器兼容 CSS Hack方法
- 博客分类：
- stylesheet
.element{
color:#000; /*w3c标准*/
[;color:#f00;]; /*Webkit(chrome和safari)*/
color:#666\9; /*IE8*/
*color:#999; /*IE7*/
_color:#333; /*IE6*/
}
:root .element{color:#0f0\9;} /*IE9*/
主要是针对IE系列，毕竟在国内所占比例很大。
参 ...
/*
* @description 判断是否是IE，返回具体版本号
* @return IE的版本号，其他则返回 undefined
* */
isIE = (function(){
var v = 3,
div = document.createElement('div'),
all = div.getElementsByTagName('i');
//通过IE检测HTML条件注释方式
//循环判断IE浏览器当前支持版本
while (
div.innerHTML = '<!--[if ...
在IE9浏览器创建一个script元素，然后指定其src属性url请求地址jsonp方式回调返回remotor.callback({name:'demo'});
在IE8里是会正常调用remotor.callback函数,并且每次动态修改该script标签的src请求地址也能正确执行js。
但在IE9第一次创建了script元素，然后指定其src属性，返回的js代码是可以执行,第二次请求返回的js代码不会执行。
解决方案是每次都把前一个创建的script元素移除重新新创建一个script元素。Firefox以及其他浏览器都可以采取这样的策略。IE9也在往w3c标准走，IE9中的动态创建s ...
1. 如果JSONP返回的Content-Type不符合规范，那么请求将出现了被IE9 block掉的情况；
2. 在IE9中，如果在Jsonp请求中，http response header中有X-Content-Type-Options: nosniff并且Content-Type: text/html; charset=GBK那么这个请求的内容不会被IE9当成 javascript执行。
IE9可执行脚本mime-type：
"text/javascript", "application/javascript", "text/ecmasc ...
获取浏览器语言：
IE：
navigator.browserlanguage
返回："zh-cn"
FF及其他浏览器：
navigator.language
返回："zh-CN"
jsp获取浏览器语言：
request.getHeader("ACCEPT-LANGUAGE")
不同浏览器在jsp页面中取到的浏览器语言可能会与客户端js方法取得浏览器语言不一致，其他浏览器可能会取到ACCEPT-LANGUAGE为空的浏览器语言。
IE浏览器安全方面的处理，本人英文不好建议大家直接看英文：
Safer Mashups
While the XSS Filter helps mitigate reflected scripting attacks when navigating between two servers, in the Web 2.0 world, web applications are increasingly built using clientside mashup techniques. Many mashups are built unsafely, relying SCRIPT SRC tech ...
在实现前端页面排序功能过程中遇到的问题，由于自己的粗心导致了生产上问题。
原本是通过js原生的sort方法排序，比较纯字符串数字大小。但是没有将纯字符串数字转换为数字就直接比较了。
如：“13” 与 “126”比较的时候会返回true,但是我的本意是返回false.需要修改为parseInt("13",10) > parseInt("126",10)后再比较。
但是这让我想起了在ruby中比较字符串，不是一起比较字符串大小，而是分别一个一个字符比较，如果有一个大于那么就返回。
那么“13” 与 “126”比较为什么前者大于后者呐？这时候让我想 ...
在项目中遇到这个属性的用法设置文本的垂直显示，但是只能在ie中使用，在其他浏览器中没有很好的替代方法。
语法：
writing-mode : lr-tb | tb-rl
参数：
lr-tb : 左-右，上-下
tb-rl : 上-下，右-左
说明：
设置或检索对象的内容块固有的书写方向。西方语言是左-右，上-下的书写方式。但亚洲语言常有上-下，右-左的书写方式。
当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。
示例：
div { writing-mode: tb-rl; }
参考：
http://www ...