摘要：
1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。阻塞加载5、样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。6、JS、CSS中如有重定义，后定义函数将覆盖前定义函数2. JS的加载2.1 不 阅读全文
摘要：
推荐前端开发中一个小工具SuperApp，灰常好用，前端开发的童鞋们，走过路过不要错过啊！使用SuperApp后，在编辑器中更新页面资源（html,js,css）时，只需按Ctrl+S，浏览器会自动刷新页面文件，可以避免使用F5频繁刷新浏览器以及在编辑器和浏览器之间不停切换带来烦恼，有双屏显示器，甚至是有双屏以上的高富帅们，使用效果更佳，可大大提升开发体验。SuperApp——它让程序始终处于最顶层（最前端），可以随意拖动到任何位置，大小可调节，双击适应窗口大小。0~9键以不同透明度显示程序。[提示]： 双击载入的窗口标题栏，最大化窗口； 在载入的浏览器里按F11键，切换至无边的浏览器; 双击 阅读全文
摘要：
重构工程师们在设计代码时，有喜欢手动删除行内元素之间产生的额外空隙，并通过设置margin或padding来获取想要间距吗？如代码：<div class=“”><span class=“bgr”>去掉了间距</span><span class="bgr">去掉了间距</span><span class="bgr">去掉了间距</span><span class="bgr">去掉了间距</span><span class=& 阅读全文
摘要：
近期在做提示层组件的开发，遇到了一个IE6常见的bug....想出了几个解决的办法，挺有意思的，这里分享给大家。由于IE6浏览器中，display:inline-block只能触发IE的haslayout属性使得元素具有布局属性，当对div元素使用display:inline-block，div元素仍然为块状布局而占据一行。那么如何在IE6下使得块级元素的内容自动收缩呢？开发圆角小提示层模块，让它来解答这个问题。结构和样式：/** * @name : prompt * @explain : 圆角小提示层 * @type : 基类 * @dependent : 无... 阅读全文
摘要：
效果说明实体名称实体编号 空格  <小于号<<>大于号>>&和号&&"引号（双引号）""'撇号（单引号）' (IE不支持)'￠分¢¢£镑££¥日圆¥¥§节§§©版权© 阅读全文
摘要：
大概是2010年听说过webrebuild，一直想见识下，找不到机会，这次深圳站（8.16），终于让我遇见了。星期6早上来到腾讯大厦二楼，在现场的看了大牛们的分享，本来脑海里多数想法是分享技术，可能带有枯燥，但是比想象中得要好得多，不会枯燥。 今年的主题是“泰然”，我对这2个词，自己的理解是做事做人的稳重心态。在现场的看到鬼哥等的分享，从技术上的创新求新、工作中的优秀方法和稳重心态体现了“泰然”。佩服大牛们的厉害之处，同时深深认识到自己不足，在技术上、见识上都需要不断的提升，有种激励，一股冲动想好好学习来给自己补充知识。 对此次年会，我对职业的感想是：精一行，懂多行。 精一行：作为一位... 阅读全文
摘要：
近期做了手机项目，在用户输入号码的表单中，需要禁止用户输入中文、符号等，减少用户输入出错误的可能性，后来上网查了资料，原来有css属性有这样的功能。ime-mode的语法解释如下：ime-mode : auto | active | inactive | disabled取值：auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME disabled : 完全禁用IME。对于有焦 阅读全文
摘要：
原文地址：http://ejie.me/下载地址：http://files.cnblogs.com/PeunZhang/Clover_Setup_1.0.101.rar 阅读全文
摘要：
CopyPathExt复制完整路径软件由C#_Net2.0、C++编写,在本环境与WindowsXP/7下测试通过。◇功能 当你需要获取文件或者目录的路径时，你是怎么操作的呢？你是否经常通过以下的方式： ●右键文件选择[属性]，复制面板里的路径，再通过[重命名]的文件操作来复制文件名。最后将两部分的数据拼到一起？ ●右键文件选择[发送]--[桌面快捷方式]，再复制快捷方式里的目标路径，最后删除这个快捷方式？ o(>_<)o 你是否觉得类似的获取方式，既烦琐又费时。特别当需要获得多个文件或者目录时，这种困扰更加的明显？！ 如果复制路径可以像复制文件一样简单快捷，只需右... 阅读全文
摘要：
NewFileBrowser 是一款 Notepad++ 插件，提供创建自定义模板功能，编程语言都有自己固定的语言格式， NewFileBrowser 可以帮助你自动插入模板，免去输入那些重复固定的代码。 NewFileBrowser 只提供了两个模板，基本支持所有语言。下载地址：http://sourceforge.net/projects/locationnav/files/下载该插件后，放在Notepad++目录下的plugins文件夹中，重启软件，在Notepad++操作界面的插件菜单中可看到。 阅读全文
摘要：
在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种1。行内式 即在标记的style属性中设定css样式，这种方式本质上没体现出css的优势，因此不推荐使用。2。嵌入式 在对页面中各种元素的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便<style type="text/css">div{margin: 0;padding: 0;border:1px red solid;}</style>这种方法的使用情况要少的多，最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首 阅读全文
摘要：
浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素（译注：这里是复数）以及所有子元素。有多种用户操作和 DHTML 变化可能会触发 reflow。调整浏览器窗口的大小，用 javascript 计算样式（c 阅读全文
摘要：
常用中文字体的Unicode编码：新细明体 PMingLiU \65B0\7EC6\660E\4F53细明体 MingLiU \7EC6\660E\4F53标楷体 DFKai-SB \6807\6977\4F53黑体 SimHei \9ED1\4F53宋体 SimSun \5B8B\4F53新宋体 NSimSun \65B0\5B8B\4F53仿宋 FangSong \4EFF\5B8B楷体 KaiTi \6977\4F53仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312微软正 阅读全文
摘要：
老外的一个ppt，讲得非常好，介绍css3的一些属性，走过路过不要错过CSS Nuggets View more presentations from Anna Debenham 阅读全文
摘要：
可能是某篇微博的关系，今天有人来评论说，使用雪碧图，内存会暴涨的。。。这个问题讨论的也蛮多了，那，到底，使用雪碧图后，会占用很多内存吗？实验：下午做了个简单的实验，用99个128px*128px的png 32图片，写了三个页面来做测试：只用img标签调用；用css分别调用每个png图片做背景；使用雪碧图做背景然后分别用Chrome、IE6/7/8/9、Firefox做测试，具体的数据我这里就不详细列了，感兴趣的话可以自测一下。结论：在各浏览器下，三个页面占用的内存相当，只有很小的差异，Chrome下，雪碧图占用内存略少一点点儿，IE下略多一点点儿。。。包括mouseover等交互事件，对浏览器 阅读全文
摘要：
本文的快捷键只要是笔者工作中(前端开发)常用的，个人觉得比较实在、好用，推荐给各位，希望对大家有所帮助。1. Ctrl + Shift + N – 创建一个新的文件夹你需要在文件夹窗口中或者桌面按Ctrl + Shift + N才行2. Ctrl + Shift + Esc – 快速打开 Windows 任务管理器非常好用的快捷键3. Win + D – 显示桌面非常好用的快捷键4. Win + E – 打开我的电脑非常好用的快捷键5. Win + R – 打开运行窗口非常好用的快捷键6. Win + B – 移动光标到系统托盘针对键盘爱好者，不需要在狂按 TAB 键才切换到系统托盘了。Win 阅读全文
摘要：
4月份一直忙，一直想抽时间来写博文，现在终于挤出来了，回忆在小钱包项目中遇到各种困难的问题，对a:hover.class与a:hover .class的用法不是很理解，写法的区别在于在hover与.class中间是否多一个空格。以前每次我都宁愿多写个class来避开这种写法，后来为了使用css sprite技术的背景图，花了点时间去研究下，终于了解其中的原理，文章内容简单，高手就当做路过，不清楚的同学请留意下，或许对你有帮助。看下面的2组结构和样式...第一组<a href="#"><span class="ico-manage"> 阅读全文
摘要：
浏览器的兼容性一直是个头疼的问题，使用“欺骗”技术可使各个浏览器效果一致，花了些时间整理了各个浏览器的HACK，主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera，比较全面的记录下Hack，内容包括3部分：媒体查询 hack、属性Hack、选择器Hack，这些Hac... 阅读全文
摘要：
原文地址：http://www.twinsenliang.net/skill/20090413.html早段时间特别的忙，忙到站点一直没有更新；但是这段时间也是偷偷的做了一些的工作，比如对站点的JS进行了压缩，构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵，然后我就每次都装嫩的在里面问：“各位高手，劳烦请问一下；清除浮动怎么弄？”清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。我们粗略的一起来看看清除浮动的办法一共有多少个(IE里 阅读全文
摘要：
去年（2011.3），我来了深圳，租了房子后，3月20号参加公司实习生封闭培训，20天后结束了课程并回到了公司开始了我的工作生涯。回头，不知不觉已经工作了1年，我时常想念学生时代的日子，感觉真的很幸福。 大三那年（2009.10），我加入了广州启凡团队，在团队中负责简单的页面设计、切图、CSS、flash等，通过不断的学习和努力，成功完成了每一个项目，技术虽然一般，但在当时的小型团队中还是得到认可的，后来团队的设计师给每个成员做了一张名片，我的名片中有个职位：前端开发工程师。那段时间过得很快，每天在电脑面前不是做项目就是玩Dota，做项目的好处是心理上觉得生活充实，不会因为逃课觉得堕落，... 阅读全文