摘要:推荐前端开发中一个小工具SuperApp,灰常好用,前端开发的童鞋们,走过路过不要错过啊!使用SuperApp后,在编辑器中更新页面资源(html,js,css)时,只需按Ctrl+S,浏览器会自动刷新页面文件,可以避免使用F5频繁刷新浏览器以及在编辑器和浏览器之间不停切换带来烦恼,有双屏显示器,甚至是有双屏以上的高富帅们,使用效果更佳,可大大提升开发体验。SuperApp——它让程序始终处于最顶层(最前端),可以随意拖动到任何位置,大小可调节,双击适应窗口大小。0~9键以不同透明度显示程序。[提示]: 双击载入的窗口标题栏,最大化窗口; 在载入的浏览器里按F11键,切换至无边的浏览器; 双击 阅读全文
posted @ 2012-11-14 17:23 白树 阅读(7529) 评论(18) 推荐(2) 编辑
摘要:重构工程师们在设计代码时,有喜欢手动删除行内元素之间产生的额外空隙,并通过设置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 白树 阅读(6736) 评论(4) 推荐(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 白树 阅读(1529) 评论(5) 推荐(1) 编辑
摘要:效果说明实体名称实体编号 空格&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 白树 阅读(3594) 评论(0) 推荐(0) 编辑
摘要:大概是2010年听说过webrebuild,一直想见识下,找不到机会,这次深圳站(8.16),终于让我遇见了。星期6早上来到腾讯大厦二楼,在现场的看了大牛们的分享,本来脑海里多数想法是分享技术,可能带有枯燥,但是比想象中得要好得多,不会枯燥。 今年的主题是“泰然”,我对这2个词,自己的理解是做事做人的稳重心态。在现场的看到鬼哥等的分享,从技术上的创新求新、工作中的优秀方法和稳重心态体现了“泰然”。佩服大牛们的厉害之处,同时深深认识到自己不足,在技术上、见识上都需要不断的提升,有种激励,一股冲动想好好学习来给自己补充知识。 对此次年会,我对职业的感想是:精一行,懂多行。 精一行:作为一位... 阅读全文
posted @ 2012-08-24 17:45 白树 阅读(693) 评论(0) 推荐(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 白树 阅读(18440) 评论(2) 推荐(0) 编辑
摘要:原文地址:http://ejie.me/下载地址:http://files.cnblogs.com/PeunZhang/Clover_Setup_1.0.101.rar 阅读全文
posted @ 2012-07-18 21:54 白树 阅读(118) 评论(0) 推荐(0) 编辑
摘要:CopyPathExt复制完整路径软件由C#_Net2.0、C++编写,在本环境与WindowsXP/7下测试通过。◇功能 当你需要获取文件或者目录的路径时,你是怎么操作的呢?你是否经常通过以下的方式: ●右键文件选择[属性],复制面板里的路径,再通过[重命名]的文件操作来复制文件名。最后将两部分的数据拼到一起? ●右键文件选择[发送]--[桌面快捷方式],再复制快捷方式里的目标路径,最后删除这个快捷方式? o(>_<)o 你是否觉得类似的获取方式,既烦琐又费时。特别当需要获得多个文件或者目录时,这种困扰更加的明显?! 如果复制路径可以像复制文件一样简单快捷,只需右... 阅读全文
posted @ 2012-07-18 21:43 白树 阅读(2854) 评论(3) 推荐(0) 编辑
摘要:NewFileBrowser 是一款 Notepad++ 插件,提供创建自定义模板功能,编程语言都有自己固定的语言格式, NewFileBrowser 可以帮助你自动插入模板,免去输入那些重复固定的代码。 NewFileBrowser 只提供了两个模板,基本支持所有语言。下载地址:http://sourceforge.net/projects/locationnav/files/下载该插件后,放在Notepad++目录下的plugins文件夹中,重启软件,在Notepad++操作界面的插件菜单中可看到。 阅读全文
posted @ 2012-07-15 11:12 白树 阅读(7951) 评论(0) 推荐(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 白树 阅读(5723) 评论(1) 推荐(2) 编辑
摘要:浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截(user-blocking)操作,所以了解如何减少 reflow 次数,及不同的文档属性(DOM 层级(DOM depth),CSS 效率,不用类型的 style 变化)对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素(译注:这里是复数)以及所有子元素。有多种用户操作和 DHTML 变化可能会触发 reflow。调整浏览器窗口的大小,用 javascript 计算样式(c 阅读全文
posted @ 2012-07-08 22:17 白树 阅读(670) 评论(0) 推荐(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 白树 阅读(846) 评论(0) 推荐(0) 编辑
摘要:老外的一个ppt,讲得非常好,介绍css3的一些属性,走过路过不要错过CSS Nuggets View more presentations from Anna Debenham 阅读全文
posted @ 2012-05-20 13:54 白树 阅读(494) 评论(0) 推荐(0) 编辑
摘要:可能是某篇微博的关系,今天有人来评论说,使用雪碧图,内存会暴涨的。。。这个问题讨论的也蛮多了,那,到底,使用雪碧图后,会占用很多内存吗?实验:下午做了个简单的实验,用99个128px*128px的png 32图片,写了三个页面来做测试:只用img标签调用;用css分别调用每个png图片做背景;使用雪碧图做背景然后分别用Chrome、IE6/7/8/9、Firefox做测试,具体的数据我这里就不详细列了,感兴趣的话可以自测一下。结论:在各浏览器下,三个页面占用的内存相当,只有很小的差异,Chrome下,雪碧图占用内存略少一点点儿,IE下略多一点点儿。。。包括mouseover等交互事件,对浏览器 阅读全文
posted @ 2012-05-18 16:08 白树 阅读(1168) 评论(0) 推荐(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 白树 阅读(1349) 评论(1) 推荐(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 白树 阅读(5558) 评论(8) 推荐(5) 编辑
摘要:浏览器的兼容性一直是个头疼的问题,使用“欺骗”技术可使各个浏览器效果一致,花了些时间整理了各个浏览器的HACK,主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera,比较全面的记录下Hack,内容包括3部分:媒体查询 hack、属性Hack、选择器Hack,这些Hac... 阅读全文
posted @ 2012-04-09 10:23 白树 阅读(6032) 评论(15) 推荐(9) 编辑
摘要:原文地址:http://www.twinsenliang.net/skill/20090413.html早段时间特别的忙,忙到站点一直没有更新;但是这段时间也是偷偷的做了一些的工作,比如对站点的JS进行了压缩,构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵,然后我就每次都装嫩的在里面问:“各位高手,劳烦请问一下;清除浮动怎么弄?”清除浮动一个凡是做页面的人都会遇到的一个东西,但是是否大家都能够清楚的知道,全方位的了解呢?于是一闲下来了马上写了这样的一篇文章,不能讲面面俱到,然而基本能将我所知道的倾囊相授了。我们粗略的一起来看看清除浮动的办法一共有多少个(IE里 阅读全文
posted @ 2012-03-25 22:40 白树 阅读(553) 评论(0) 推荐(0) 编辑
摘要:去年(2011.3),我来了深圳,租了房子后,3月20号参加公司实习生封闭培训,20天后结束了课程并回到了公司开始了我的工作生涯。回头,不知不觉已经工作了1年,我时常想念学生时代的日子,感觉真的很幸福。 大三那年(2009.10),我加入了广州启凡团队,在团队中负责简单的页面设计、切图、CSS、flash等,通过不断的学习和努力,成功完成了每一个项目,技术虽然一般,但在当时的小型团队中还是得到认可的,后来团队的设计师给每个成员做了一张名片,我的名片中有个职位:前端开发工程师。那段时间过得很快,每天在电脑面前不是做项目就是玩Dota,做项目的好处是心理上觉得生活充实,不会因为逃课觉得堕落,... 阅读全文
posted @ 2012-03-25 14:02 白树 阅读(3043) 评论(13) 推荐(4) 编辑
摘要:记得在读大学期间,去找实习,面试时被问到“什么是标签的语义化”,一头汗水,也忘记那时是怎么瞎扯了,后来回宿舍,上网查“标签语义化”,当时的网络对标签语义化的解释并不多,在找了很多网络资料和书籍后才对语义化有一定的了解。现在标签语义化这个专业名字,在前端开发的领域中已经不陌生了。 什么是标签语义化?为什么要标签语义化?如何语义化标签?这是一名合格的前端开发工程师需要思考的。《HTML标签语义化对照表》解释了HTML标签的语义,有助于大家理解语义化,《(X)HTML嵌套规则》说明了标签的嵌套规则,也是语义化标签需要认识的。关于语义化的好处,就笔者的理解有两点:一是对搜索引擎友好,良好的结构和... 阅读全文
posted @ 2012-03-15 22:03 白树 阅读(2570) 评论(6) 推荐(5) 编辑