摘要： 这几天帮朋友看了一道笔试题，然后将自己的思路写在了<！doctype>标签之前，然后就测试了下兼容性。在FF，chrome中都没有问题，但是在IE6,7中，发现页面的居中没了，写入的JS函数执行不对了。 通过查阅资料，发现了其中的道道儿~首先呢出现这个问题的原因是出发了IE的Quirks mode（怪异模式）。 由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上 没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染 阅读全文

摘要： 写着篇随笔的原因是，这几天在面试的过程中碰到了这个题目，主要的是我在WEB响应式设计一书中看到display：none；设置的内容浏览器依然会加载的。而在百度上看到的博文确实不会被加载。来图一发：是不是？而且这篇文章还不止在一个地方被转载了！！！。。。。。。display：none；把一个元素隐藏，同时去除了宽高，也就是在文档流中没有了元素的位置，但是会被加载的哦；visibility：hidden；把一个元素隐藏，但不同的是该元素在文档流中依然占有原来的位置，同样是被加载的哦；opacity：0；设置一个元素的透明度，当一个元素彻底透明了，也就是隐身啦，不用说也会占有其文档流的位置啦，也会加 阅读全文

摘要： 设计规范介绍什么是设计规范？《产品设计部·人机交互界面设计规范 》适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。谁去读设计规范？设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员的参照。设计理念精于心 简于形通过精心简约的设计,传达先进的技术给用户提供便捷简单的使用体验设计指导原则A 设计规范逻辑性设计为内容服务，根据逻辑关系通过视觉表现引导用户使用例如：google yahoo搜索结果页通过字体的颜色大小突出重 阅读全文

摘要： 关于CSS选择符权重问题先看下面的代码：<style type="text/css"> div{font:40px red} .test{color:green}</style><div class="test"><p>hello world</p></div>当选择同样的元素，样式有冲突时会怎么办？上面的例子到底是红色还是绿色？当设置冲突时，会采用权重高的选择符设置的样式。权重的规则是这样的HTML标签的权重是1class的权重是10id的权重是100div span的权重是1+1 阅读全文

摘要： removeClass,addClass的原生JS代码分享额。。。分享了一个代码，但是站长君给移除首页了。原因是禁止分享纯代码，没有学习心得。这里补上，写这段代码的主要是最近招聘写的笔试题经常遇到这样加一个覆盖样式的题有要求代码原生，所以有了一下代码。原理是利用正则匹配找到className,如果没有的话就加上相应的STR属性。相似的，removeClass也是同样的道理。代码如下：addClass:addClass=function(node,str){ if(!new RegExp("(^|\\s+)"+str).test(node.className)){ node. 阅读全文

摘要： 页面的内容的优化1 降低页面请求次数 包括合并CSS，jS文件、CSS Sprites技术，剔除重复脚本2减少交互通信量 压缩技术压缩CSS、JS文件，优化图像，减小cookie体积，使用外部js、css文件，缓存ajax，剔除未用到的脚 本，推迟加载内容，当URL小于2k使用get完成ajax请求，对于静态页面元素使用无cookie请求3合理利用“并行” 尽量避免重定向，慎用IFRAME，把样式表放在顶部，把脚本放在样式后面加载4节约系统消耗避免使用CSS表达式（Expression）,避免使用滤镜服务器的优化1使用内容分发网络2配置合理的缓存机智3Gzip压缩文件内容4减少DNS查找次数 阅读全文

摘要： 布局中的BUG1.连框的显示是混乱的——IE62.一些selector(如 a:hover foo{})无法正常工作——IE63.连接中定义了display：block 仍然只有文本是可以的点击的——IE64.滚动窗口和最大化，最小化窗口时，有一些内容会重复显示——IE6可以绕开的BUG1.子selector无效——IE62.max-height无效——IE63.min-height无效——IE64.max-width无效——IE65.min-width无效——IE66.opacity属性无效——IE8及以下版本 阅读全文

摘要： em相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。ex相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。px像素（Pixel）。相对长度单位。像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。pt点（Point）。绝对长度单位。em vs pxem 指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那 阅读全文

摘要： 一定要吐槽，一定要吐槽！！！尼玛全篇没有一道正经的前端题目有木有！！！汇编，数据结构，C，后台，intel技术考了一大片有木有！！！费心准备了html5，css3,木有考有木有！！！各种软件技术类一起考有木有，木有照管前端的同学有木有！！！！怎么也细分一下吧！！！我了个大擦的 阅读全文

摘要： 题目如下（这也是我上篇随笔中的代码）：<script type="text/javascript" >function x(){ alert(2);}x();var x=function(){ alert(0);};x();var x=function(){ alert(1);};x();function x(){ alert(3);}x();</script>当时我的第一反应就是2013，这不很EASY么（以前高中做数学题，一些答案总会是些该年年份）！得知答案不对时，脑子第一反应居然是函数无重载！！！3333，幸亏没说这个答案，不然对面肯定2333 阅读全文