摘要: 1:css命名规范尽量把css模块化,不要把业务场景下css命名带进来,模块化之后可以复用,在模块外层加一个业务级的class,用于区分,一律小写;尽量用英文;不加下划线;尽量不缩写,除非一看就明白的单词.2:css书写顺序:浏览器加载渲染页面先加载dom,先渲染外层box,再渲染box自身宽高,浮... 阅读全文
posted @ 2014-08-24 19:59 茹小哥 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 经过一个月地狱式的考验之后,终于成功的转正了,过程也非常的艰辛,像把自己推到悬崖边上一样,不成功便成仁,最后还是挺过来了,感谢老大,感谢师兄,感谢自己,感谢亲爱的你。 一个月的经历,收获非常多,总结一下,希望以后多督促自己向前走,为更大的理想努力奋斗。 1:做任何项目都要积极主动,把自己放在主人翁的位置上,任何一件小事都要积极参与,从头到脚,多看资料,了解项目; 2:所有项目中交给你的任务都要积极配合去完成,所有bug只要提给你都要主动跟进,直到结束; 3:项目讨论的时候要积极发言,主动大胆的提出自己的意见和建议,哪怕是错的,要脸皮厚,非常厚,给你积极向上的正能量,其实就是抢功劳。... 阅读全文
posted @ 2014-01-27 11:38 茹小哥 阅读(222) 评论(0) 推荐(0) 编辑
摘要: box-shadow属于css3里面的一种样式,目前只支持ie9以上,chrome,firefox等,不支持ie6,7,8使用例子: 你好你好你好View Code 图片:说明:背景跟随定义的元素边框位置;下面测试box-shadow叠加之后的效果: 你好你好你好View Code 1,box-shadow叠加先加上的颜色优先,会盖住后叠加的颜色,2,两种颜色叠加不会改变色素,3,可以用来制作图片,但是性能比较差,容易导致浏览器崩溃。 阅读全文
posted @ 2014-01-03 11:19 茹小哥 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 做项目的时候一开始只使用浏览器原生自带的播放器,发现支持mp3的不多,Ie6,7,8支持mp3, 火狐不支持mp3,chrome支持最后使用jplayer,支持mp3,简单例子:html: play pause stop min volume max volume ... 阅读全文
posted @ 2013-12-19 22:23 茹小哥 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 1,text-align:center可以使文字图片等行内元素居中,margin:auto;只能使块元素左右居中2,line-height:100%/1;当前字体尺寸相乘来计算行间距,可以设置line-height:外框高度使文字上下居中3,要使图片居中,必须设置图片vertical-align: middle;(1):设置*font-size: 框高*0.873;可以使ie6下的图片上下居中;(2):增加一个span空标签,添加font-size:0主要是考虑部分浏览器会对换行和空格产生一个“字符”做处理 View Code (3):用table td 设置text-a... 阅读全文
posted @ 2013-12-10 19:56 茹小哥 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 1,所有浏览器图片默认都有间隙,不同浏览器间隙宽度不同;2,设置display:block;可以消除上下间隙3,设置父标签vertical-align:top/middle/bottom/sub可以消除上下间隙4,设置父标签font-size:0;可以消除上下左右间隙5,设置父标签Line-height:0;可以消除上下间隙猜想:图片未设置block时,和文字特性类似会有上下间隙,类似文字默认上下居中,当设置block时没有文字特性,当设置上下居中,font-size:0;Line-height:0;时消除了文字上下离div包含块中的间隙,只要文字设置这些属性时是否也能消除间隙就可以验证这个想 阅读全文
posted @ 2013-12-10 17:24 茹小哥 阅读(507) 评论(0) 推荐(0) 编辑
摘要: A标签1, 无样式情况下在chrome里点击后颜色不变,其他4款浏览器里都会变色表示已点击过,chrome里默认点击后颜色不变,但是也有状态记录;2, 在同一页面内,增加新的链接,这个链接在没有被点击过,这个链接的状态会初始化浏览器1,协议/主机/路径/参数2,端口(测试5)3,是否加”/”4,(不能转换为有效地址)5,能打开(转换为有效地址)IeYNNYYChromeYNNNYFirefoxYNNNYsafariYYNNNoperaYNNYY 阅读全文
posted @ 2013-11-19 08:38 茹小哥 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 如何让2个并列的div自动等高(不设高度)1, table:css:*{margin: 0; padding: 0;}td{}table{width: 100%; height: 100%}html: 2, 绝对定位定高法:leftright3, 内外补丁法* { margin:0; padding:0; }#wrap {overflow:hidden;/*// (这行代码是重点,否则你会看到页面很长很长)*/padding:0;padding-left:180px;/*(内补丁)*/}#left,#right {height:auto;margin-bottom:-10000px;/*(.. 阅读全文
posted @ 2013-11-18 12:54 茹小哥 阅读(3607) 评论(0) 推荐(0) 编辑
摘要: 腾出时间做了详细的测试,如果有疑问的请留言,简体中文系统下,ANSI 编码代表 GB2312 编码第一次测试:1, utf-8格式的页面内加上或者不加,所有浏览器都显示正常2, gbk格式的页面内加上后所有浏览器都显示乱码,且乱码都一样3, gbk格式的页面内加上后所有浏览器都显示正常4, gbk格式下的页面无meta下,除safari下显示乱码,其他浏览器下都显示正常5, 浏览器会根据meta自动设置编码格式,如果没有meta,会根据页面本事的格式设置编码格式,当meta和页面本事的格式不同时会出现乱码,utf-8格式的页面,不会出现乱码第二次测试1, 在无meta下utf-8页面浏览器自动 阅读全文
posted @ 2013-11-17 20:06 茹小哥 阅读(834) 评论(0) 推荐(0) 编辑
摘要: 来淘宝后看过的书1《精通HTML语义标准和样式》 和下面一本都是比较偏理论的书,建议快速通看,挑重点记住就行2《精通css》3《javascript高级程序3》带基础但是偏高级理论,适合后期看,必须经常联系,这本书下次还要通读一遍4《大话设计模式》看各种模式,有个概念5《简约至上》课外阅读6《javascript语言精粹》 讲了很多js的优缺点,很精辟,建议细读7《javascript设计模式》 现在在写一些组件经常用回头去看各种模式,帮助非常大8《web高性能网站建设指南》前端性能方面的书,前端必读9《高性能进阶》 更深入的性能方面讲解10《ppk谈javascript》 实战型,工作中作用 阅读全文
posted @ 2013-07-26 13:26 茹小哥 阅读(223) 评论(0) 推荐(0) 编辑