共6页: 上一页 1 2 3 4 5 6 下一页 
摘要: 整理自:http://www.impressivewebs.com/ie10-css-hacks/中文原文:IE10 CSS hack请尊重版权,转载请注明来源,多谢~~传说Windows 8刚上市没几天就卖出了4000多万份,好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的,有些不确定是否是ie10引出的bug,所以惯性思维让我们重新寻找针对IE10的CSS Hack。。。首先,ie10不支持条件注释了。方法一:特性检测:@cc_on我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10阅读全文
posted @ 2012-12-13 11:00 白树 阅读(1108) 评论(0) 编辑
摘要: 通常,设计网页时,字体一般会使用像素(px)或者倍数(em)。某一天开始重构页面,用PS打开设计师给过来的稿子,开始切图,在查看文字时,发现字体大小是用pt来设置的,⊙﹏⊙b汗,如下图:为了解pt和px是如何转换的,百度后整理出来的资料如下:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;pt就是point,是印刷行业常用单位,等于1/72英寸。这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。pt全阅读全文
posted @ 2012-11-29 22:26 白树 阅读(5478) 评论(4) 编辑
摘要: 1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。阻塞加载5、样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。6、JS、CSS中如有重定义,后定义函数将覆盖前定义函数2. JS的加载2.1 不阅读全文
posted @ 2012-11-25 10:47 白树 阅读(1613) 评论(1) 编辑
摘要: 推荐前端开发中一个小工具SuperApp,灰常好用,前端开发的童鞋们,走过路过不要错过啊!使用SuperApp后,在编辑器中更新页面资源(html,js,css)时,只需按Ctrl+S,浏览器会自动刷新页面文件,可以避免使用F5频繁刷新浏览器以及在编辑器和浏览器之间不停切换带来烦恼,有双屏显示器,甚至是有双屏以上的高富帅们,使用效果更佳,可大大提升开发体验。SuperApp——它让程序始终处于最顶层(最前端),可以随意拖动到任何位置,大小可调节,双击适应窗口大小。0~9键以不同透明度显示程序。[提示]: 双击载入的窗口标题栏,最大化窗口; 在载入的浏览器里按F11键,切换至无边的浏览器; 双击阅读全文
posted @ 2012-11-14 17:23 白树 阅读(6935) 评论(18) 编辑
摘要: 重构工程师们在设计代码时,有喜欢手动删除行内元素之间产生的额外空隙,并通过设置margin或padding来获取想要间距吗?如代码:<div class=“”><span class=“bgr”>去掉了间距</span><span class="bgr">去掉了间距</span><span class="bgr">去掉了间距</span><span class="bgr">去掉了间距</span><span class=&阅读全文
posted @ 2012-09-28 14:25 白树 阅读(6374) 评论(4) 编辑
摘要: 近期在做提示层组件的开发,遇到了一个IE6常见的bug....想出了几个解决的办法,挺有意思的,这里分享给大家。由于IE6浏览器中,display:inline-block只能触发IE的haslayout属性使得元素具有布局属性,当对div元素使用display:inline-block,div元素仍然为块状布局而占据一行。那么如何在IE6下使得块级元素的内容自动收缩呢?开发圆角小提示层模块,让它来解答这个问题。结构和样式:/** * @name : prompt * @explain : 圆角小提示层 * @type : 基类 * @dependent : 无...阅读全文
posted @ 2012-09-19 15:35 白树 阅读(1363) 评论(5) 编辑
摘要: 效果说明实体名称实体编号 空格&nbsp;&#160;<小于号&lt;&#60;>大于号&gt;&#62;&和号&amp;&#38;"引号(双引号)&quot;&#34;'撇号(单引号)&apos; (IE不支持)&#39;¢分&cent;&#162;£镑&pound;&#163;¥日圆&yen;&#165;§节&sect;&#167;©版权&copy阅读全文
posted @ 2012-09-18 11:48 白树 阅读(3302) 评论(0) 编辑
摘要: 大概是2010年听说过webrebuild,一直想见识下,找不到机会,这次深圳站(8.16),终于让我遇见了。星期6早上来到腾讯大厦二楼,在现场的看了大牛们的分享,本来脑海里多数想法是分享技术,可能带有枯燥,但是比想象中得要好得多,不会枯燥。 今年的主题是“泰然”,我对这2个词,自己的理解是做事做人的稳重心态。在现场的看到鬼哥等的分享,从技术上的创新求新、工作中的优秀方法和稳重心态体现了“泰然”。佩服大牛们的厉害之处,同时深深认识到自己不足,在技术上、见识上都需要不断的提升,有种激励,一股冲动想好好学习来给自己补充知识。 对此次年会,我对职业的感想是:精一行,懂多行。 精一行:作为一位...阅读全文
posted @ 2012-08-24 17:45 白树 阅读(573) 评论(0) 编辑
摘要: 近期做了手机项目,在用户输入号码的表单中,需要禁止用户输入中文、符号等,减少用户输入出错误的可能性,后来上网查了资料,原来有css属性有这样的功能。ime-mode的语法解释如下:ime-mode : auto | active | inactive | disabled取值:auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME disabled : 完全禁用IME。对于有焦阅读全文
posted @ 2012-08-16 12:01 白树 阅读(16052) 评论(2) 编辑
摘要: 原文地址:http://ejie.me/下载地址:http://files.cnblogs.com/PeunZhang/Clover_Setup_1.0.101.rar阅读全文
posted @ 2012-07-18 21:54 白树 阅读(67) 评论(0)  编辑
摘要: CopyPathExt复制完整路径软件由C#_Net2.0、C++编写,在本环境与WindowsXP/7下测试通过。◇功能 当你需要获取文件或者目录的路径时,你是怎么操作的呢?你是否经常通过以下的方式: ●右键文件选择[属性],复制面板里的路径,再通过[重命名]的文件操作来复制文件名。最后将两部分的数据拼到一起? ●右键文件选择[发送]--[桌面快捷方式],再复制快捷方式里的目标路径,最后删除这个快捷方式? o(>_<)o 你是否觉得类似的获取方式,既烦琐又费时。特别当需要获得多个文件或者目录时,这种困扰更加的明显?! 如果复制路径可以像复制文件一样简单快捷,只需右...阅读全文
posted @ 2012-07-18 21:43 白树 阅读(1779) 评论(3) 编辑
摘要: NewFileBrowser 是一款 Notepad++ 插件,提供创建自定义模板功能,编程语言都有自己固定的语言格式, NewFileBrowser 可以帮助你自动插入模板,免去输入那些重复固定的代码。 NewFileBrowser 只提供了两个模板,基本支持所有语言。下载地址:http://sourceforge.net/projects/locationnav/files/下载该插件后,放在Notepad++目录下的plugins文件夹中,重启软件,在Notepad++操作界面的插件菜单中可看到。阅读全文
posted @ 2012-07-15 11:12 白树 阅读(6842) 评论(0)  编辑
摘要: 在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种1。行内式 即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。2。嵌入式 在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便<style type="text/css">div{margin: 0;padding: 0;border:1px red solid;}</style>这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首阅读全文
posted @ 2012-07-08 22:21 白树 阅读(4968) 评论(1) 编辑
摘要: 浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截(user-blocking)操作,所以了解如何减少 reflow 次数,及不同的文档属性(DOM 层级(DOM depth),CSS 效率,不用类型的 style 变化)对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素(译注:这里是复数)以及所有子元素。有多种用户操作和 DHTML 变化可能会触发 reflow。调整浏览器窗口的大小,用 javascript 计算样式(c阅读全文
posted @ 2012-07-08 22:17 白树 阅读(467) 评论(0) 编辑
摘要: 常用中文字体的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微软正阅读全文
posted @ 2012-06-17 14:21 白树 阅读(630) 评论(0) 编辑
摘要: 老外的一个ppt,讲得非常好,介绍css3的一些属性,走过路过不要错过CSS Nuggets View more presentations from Anna Debenham阅读全文
posted @ 2012-05-20 13:54 白树 阅读(374) 评论(0) 编辑
摘要: 可能是某篇微博的关系,今天有人来评论说,使用雪碧图,内存会暴涨的。。。这个问题讨论的也蛮多了,那,到底,使用雪碧图后,会占用很多内存吗?实验:下午做了个简单的实验,用99个128px*128px的png 32图片,写了三个页面来做测试:只用img标签调用;用css分别调用每个png图片做背景;使用雪碧图做背景然后分别用Chrome、IE6/7/8/9、Firefox做测试,具体的数据我这里就不详细列了,感兴趣的话可以自测一下。结论:在各浏览器下,三个页面占用的内存相当,只有很小的差异,Chrome下,雪碧图占用内存略少一点点儿,IE下略多一点点儿。。。包括mouseover等交互事件,对浏览器阅读全文
posted @ 2012-05-18 16:08 白树 阅读(842) 评论(0) 编辑
摘要: 本文的快捷键只要是笔者工作中(前端开发)常用的,个人觉得比较实在、好用,推荐给各位,希望对大家有所帮助。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阅读全文
posted @ 2012-05-13 13:23 白树 阅读(1231) 评论(1) 编辑
摘要: 4月份一直忙,一直想抽时间来写博文,现在终于挤出来了,回忆在小钱包项目中遇到各种困难的问题,对a:hover.class与a:hover .class的用法不是很理解,写法的区别在于在hover与.class中间是否多一个空格。以前每次我都宁愿多写个class来避开这种写法,后来为了使用css sprite技术的背景图,花了点时间去研究下,终于了解其中的原理,文章内容简单,高手就当做路过,不清楚的同学请留意下,或许对你有帮助。看下面的2组结构和样式...第一组<a href="#"><span class="ico-manage">阅读全文
posted @ 2012-05-08 22:51 白树 阅读(5212) 评论(8) 编辑
摘要: 浏览器的兼容性一直是个头疼的问题,使用“欺骗”技术可使各个浏览器效果一致,花了些时间整理了各个浏览器的HACK,主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera,比较全面的记录下Hack,内容包括3部分:媒体查询 hack、属性Hack、选择器Hack,这些Hac...阅读全文
posted @ 2012-04-09 10:23 白树 阅读(5677) 评论(15) 编辑
共6页: 上一页 1 2 3 4 5 6 下一页