前端开发规范
AllinShang
这个作者很懒,什么都没留下…
展开
-
前端开发规范(一):img标签:图片IMG标记的alt属性和title属性
转自:http://www.jz123.cn/text/1414965.html正确的使用alt text属性和title属性不仅可以提高图片的搜索能力,对用户体验上也是很有帮助。 alt text 替换文字(alt text)是为了给那些不能看到你文档中图像的浏览者提供文字转载 2011-07-18 14:21:32 · 2456 阅读 · 0 评论 -
团队合作中如何写出高效整洁规范的CSS代码
团队合作中如何写出高效整洁规范的CSS代码转自:http://www.css6.com/HTML__CSS/guifan_jianjie_CSS.html1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:*{ margin:0; paddi转载 2012-02-10 18:29:53 · 683 阅读 · 0 评论 -
15 个微型 JavaScript 框架
15 个微型 JavaScript 框架转自:http://www.phpchina.com/?action-viewnews-itemid-40627若问Web 开发者最喜欢的 JS 库是什么,多数回答都是 jQuery,不管其所做的网站是大是小。开发者倾向使用 jQuery 的原因是它可以降低代码的复杂度,而且 jQuery 经过良好的测试,拥有大量用户以及很好的社区生态,转载 2012-02-15 12:38:49 · 681 阅读 · 0 评论 -
CSS布局——左定宽度右自适应宽度并且等高布局
转自:http://www.w3cplus.com/css/two-cloumn-width-one-fixed-width-one-fluid-width今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题,需要解决,花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧:左侧固定宽,右侧自适应屏幕宽;左右两列,等高布局;左右转载 2012-02-17 17:38:23 · 949 阅读 · 0 评论 -
八种创建等高列布局
转自:http://www.w3cplus.com/css/creaet-equal-height-columns高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道转载 2012-02-20 18:07:34 · 1266 阅读 · 0 评论 -
css: position定位问题
昨天下午遇到一个奇怪的问题:第一层div使用了position:fixed;第二层div使用position:relative的话,IE7里边设置的margin-top将失效;===》解决方法: 去掉第二层div里边的position:relative; 在第二层里边添加一层div层,使用position:relative; 这样的话,IE6就有问题,所以原创 2012-03-29 12:42:15 · 620 阅读 · 0 评论 -
链接css样式的书写顺序
总结为:love hatea{}a:link{}a:visited{}a:hove{}a:active{}原创 2012-03-14 16:51:28 · 831 阅读 · 0 评论 -
IE下的firebug
出自崔凯的博客http://uicss.cn/ie-firebug/在IE浏览器调试代码,我们可以选择使用 IE WebDeveloper ,但是我个人用惯了ff浏览器下的firebug,所以在网上搜了一下,如果你也想在IE下使用firebug进行调试,可以进行如下改动:1.将需要调试的页面加入以下JS代码:scripttype='text/javascri转载 2012-03-19 16:34:33 · 627 阅读 · 0 评论 -
CSS border-collapse 属性
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。默认值: separate实例为表格设置合并边框模型:table { border-collapse:collapse; }所有主流浏览器都支持 border-collapse 属性。separa原创 2012-05-02 10:25:53 · 974 阅读 · 0 评论 -
eclipse安装jQueryWTP
转自:http://www.haogongju.net/art/126899今天下了jqueryWTP0.40foCn.jar,根据安装步骤整合到我的Eclipse3.6,只能是$.才能提示,我打$("#id").都不会提示,也没找到什么原因。后来我重新安装eclipse重复下面步骤,成功了,后来提示比较友好。下载地址(http://www.langtags.com/jquerywtp转载 2012-05-14 16:38:31 · 1991 阅读 · 0 评论 -
Eclipse安装插件支持jQuery智能提示
Eclipse安装插件支持jQuery智能提示转自:http://www.cnblogs.com/shulin/archive/2010/08/09/1796146.html最近工作中用到jQuery插件,需要安装eclipse插件才能支持jQuery智能提示,在网上搜索了一下,常用的有三个插件支持jQuery的智能提示:1.jQueryWTP2.Spket3.Aptana转载 2012-05-14 16:53:14 · 555 阅读 · 0 评论 -
Eclipse3.6+JqueryWTP1.2实现Eclipse的Jquery智能提示功能
1. 打开http://www.langtags.com/jquerywtp/?page_id=11注意页面说明: prerequisite:eclipse version 3.5,3.6WTP(check is there a file org.eclipse.wst.jsdt.core_1.1.0.vXXXXXXXXX.jar in plugins direc原创 2012-05-15 10:21:34 · 989 阅读 · 0 评论 -
IE6是支持!important的
备注:写在同一选择器中的!important是不被IE6所认的,而分开情况的则正常参考:http://blog.dmtuan.com/?p=183IE6支持important.box { background:red;}.box { background:green !important; }.box-box { background:green !转载 2012-05-24 16:26:50 · 721 阅读 · 0 评论 -
IE6解决最小高度和最小宽度的问题
解决方法一:div { height:auto !important; height:200px; min-height:200px;}解决方法二:div { min-height:200px; _height:200px;}参考:技术分享 IE6不支持min-height的解决办法http://develop原创 2012-05-24 16:14:51 · 1962 阅读 · 0 评论 -
浏览器csshack
body{ background-color:#0F0; /*FireFox,chrome,safari*/ background-color:red\0; /* ie 8/9*/ background-color:blue\9\0; /* ie 9*/ *background-colo原创 2012-05-24 16:16:27 · 515 阅读 · 0 评论 -
window7 支持一键是用TBCompressor压缩JS和CSS文件
转自: http://ipple.net/lanmp/win7-tbcompressor-yuicompressor.htmlwindow7 支持一键是用TBCompressor压缩JS和CSS文件 大家知道现在有很多工具可以压缩js、css文件,YUICompressor是其中之一,淘宝团队把这个工具包装了一个可以放在鼠标右键里的TBCompressor,quchao同学又对cs转载 2011-09-20 14:44:29 · 1600 阅读 · 0 评论 -
DIV+CSS开发浏览器的兼容性
转自:http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2152118.html1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 l转载 2012-02-08 17:17:07 · 453 阅读 · 0 评论 -
CSS Hack (各个浏览器兼容的问题)===自己做了适当的修复
转自:http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2151918.htmlCSS Hack (各个浏览器兼容的问题) 写css样式的时候,恐怕最头疼的就是各个浏览器下的兼容性问题,即css hack,明明感觉应该是对的,但是就是出不来效果,我根据平时所接触的,总结一下关于兼容性的技巧,希望可以对大家有所帮助……转载 2012-02-08 16:04:11 · 524 阅读 · 0 评论 -
UE的一些技巧
转自:http://www.51testing.com/?uid-248052-action-viewspace-itemid-2230241. UE里面替换tab键为空格 解决使用UE编辑好且排列整齐的文件在EditPlus中错位的问题。 对于已转载 2011-08-01 18:48:03 · 2472 阅读 · 0 评论 -
WEB前台架构部分经验总结------第一章、浅谈页面设计
转自:http://hi.baidu.com/phpidea/blog/item/895fc634b2748e365ab5f517.htmlWEB前台架构是一套系统的学问,知识点多而繁,牵扯的东西太多,一直都是在谦虚学习那些大师们的文章,不敢造次,但是,突然领导要求要写一转载 2011-08-12 17:29:18 · 944 阅读 · 0 评论 -
纯CSS圆角框
纯CSS圆角框转自: http://www.cnblogs.com/binyong/archive/2009/11/30/1613376.html第一章、基本的圆角框 原创:冰极峰 转载请注明出处 2009年11月30日10:19:34文章导航:第一章:基转载 2011-09-14 16:17:11 · 525 阅读 · 0 评论 -
CSS3圆角详解
CSS3圆角详解转自: http://www.ruanyifeng.com/blog/2010/12/detailed_explanation_of_css3_rounded_corners.html作者: 阮一峰日期: 2010年12月 9日CSS3转载 2011-09-14 16:14:57 · 794 阅读 · 0 评论 -
chrome快捷键
参考:超强的20条技巧! 让Chrome超越Firefox http://edu.itbulo.com/201004/132235.htmChrome常用快捷键 Ctrl +N :打开一个新窗口; CTRL + T :打开新标签;原创 2011-08-19 11:20:25 · 435 阅读 · 0 评论 -
阅读相关文章
2011年8月22日阅读1.百度百科 haslayout http://baike.baidu.com/view/2945869.htm2.认识hasLayout——IE浏览器css bug的一大罪恶根源 http://neverned.blog.163.com/blog原创 2011-08-22 18:26:56 · 495 阅读 · 0 评论 -
2011年8月25日阅读文档vim/gvim, ue相关
1.普通人的编辑利器——Vim原文:http://blog.sina.com.cn/s/blog_46dac66f010005kw.html2.程序员的编辑器——VIM 原文:http://www.pconline.com.cn/pcedu/soft/gj/原创 2011-08-25 17:28:04 · 583 阅读 · 0 评论 -
普通人的编辑利器——Vim
普通人的编辑利器——Vim转载:http://blog.sina.com.cn/s/blog_46dac66f010005kw.html 2005年5月,笔者开始用VIM。此后渐入佳境,原来因版权自律而放弃盗版UltraEdit的遗憾一扫而空。从VIM中笔者才体会到,转载 2011-08-25 17:25:12 · 444 阅读 · 0 评论 -
IE6的3像素BUG
IE6的3像素BUG 转自:http://panjunlai.blog.163.com/blog/static/58190301201081492525474/3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。转载 2011-08-26 16:31:59 · 1072 阅读 · 0 评论 -
IE6下margin双倍边距Bug处理办法
IE6下margin双倍边距Bug处理办法 转自:http://panjunlai.blog.163.com/blog/static/5819030120108934734155/你对于margin双倍边距Bug问题是否熟悉,这里和大家分享一下IE6下margin转载 2011-08-26 16:46:34 · 710 阅读 · 0 评论 -
IE9的css hack
IE9的css hack转自:http://www.css88.com/archives/3746以前写过《IE8的css hack》,ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下:转载 2011-08-26 18:06:33 · 514 阅读 · 0 评论 -
CSS 盒模型
CSS 盒模型转自:http://www.qianduan.net/css-box-model.htmlCSS 盒模型网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:如果是 Firebug 用户的话(基本和前端有关的都会用到 Fir转载 2011-08-26 18:00:33 · 398 阅读 · 0 评论 -
Firefox:如何设置Firefox为默认浏览器
转自: http://blog.sina.com.cn/s/blog_48ba5448010009te.html Firefox:如何设置Firefox为默认浏览器(2007-04-26 08:52:06)转载标签:firefox设置转载 2011-09-28 11:38:51 · 2647 阅读 · 0 评论 -
关于css中hideFocus的理解
参考: http://apps.hi.baidu.com/share/detail/16858961css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定!hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:转载 2011-09-30 17:14:32 · 922 阅读 · 0 评论 -
css中!important的作用
转自:http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2151859.htmlcss中!important的作用 {*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过,可是现在发生了变化。众所周知,!importa转载 2012-02-08 16:10:58 · 476 阅读 · 0 评论 -
你真的已经搞懂JavaScript了吗?
if (!("a" in window)) { var a = 1;}alert(a);var a = 1, b = function a(x) { x && a(--x); };alert(a);function a(x) { return x * 2;}var a;alert(a);function b(x, y, a) {转载 2014-02-24 16:22:41 · 760 阅读 · 0 评论