前端开发

路漫漫其修远兮,吾将上下而求索

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2014年9月16日

摘要: bb 阅读全文
posted @ 2014-09-16 15:35 Learning Front-end Web 阅读(130) 评论(0) 推荐(0) 编辑

2014年9月14日

摘要: bbb 阅读全文
posted @ 2014-09-14 16:50 Learning Front-end Web 阅读(100) 评论(0) 推荐(0) 编辑

2014年1月8日

摘要: 首先附张图,以直观说明错误的现象:(ie7、8) 在开发过程中,发现ie7,8下会报js错误,调试后发现是flash的问题,一直没有头绪,后来google了下,发现原来是ExternalInterface回调触发的bug。 原因:在flash里有添加'play'作为ExternalInterface回调,而ie7,8或者某些FireFox版本不能用某些词语([play, stop, pause, length])作为接口回调,打算把这些词语作为保留字,阻止你使用。 解决方法:避免使用[play, stop, pause, length]作为Flash接口回调,暂时只了解这些词语 阅读全文
posted @ 2014-01-08 15:53 Learning Front-end Web 阅读(590) 评论(0) 推荐(0) 编辑

2013年4月10日

摘要: Git ignore 忽略某些文件 阅读全文
posted @ 2013-04-10 16:04 Learning Front-end Web 阅读(293) 评论(0) 推荐(0) 编辑

2013年2月1日

摘要: 关于Location对象 location对象包含有关当前URL信息 location对象是window对象的一部分,可通过window.location属性来访问 例:window.location 显示当前的URL信息 window.location='/index.html' 改变url信息Location对象属性 例:当前location的值为:"http://www.w3school.com.cn:8080/tiy/t.asp?f=hdom_location&d=123#part2" 则各参数的返回值分别为: location.hash = 阅读全文
posted @ 2013-02-01 17:31 Learning Front-end Web 阅读(227) 评论(0) 推荐(0) 编辑

2013年1月29日

摘要: 今天研究了下简单的评分功能,参考了下"http://www.lanxyou.info/star-rating-new-method/",感觉比较简单易用,之后自己做了下优化处理。先看下效果图:原理:橙色星宽度/父容器宽度 * 100 = 分值功能:鼠标悬浮时,其左侧星星点亮 鼠标滑过时,其左侧星星点亮 鼠标点击时,其左侧星星点亮 鼠标移开后,默认记忆上次点击的橙色星宽度所需图片:实现源码:<!doctype html><html><head><meta charset="utf-8"><script 阅读全文
posted @ 2013-01-29 15:56 Learning Front-end Web 阅读(2283) 评论(13) 推荐(8) 编辑

2013年1月28日

摘要: 1. 权重规则:HTML标签权重是1,class的权重是10,id的权重是1002. 例:P的权重是1,"strong.demo"的权重是10+1=11,"#test.red"的权重是100+10=1103. 当不同选择符的样式设置有冲突时,会采用权重高的选择符设置的样式4. 如果css选择符权重相同,那么样式会遵循"就近原则",哪个选择符最后定义,就采用哪个选择符的样式5. "就近原则"值的是选择符定义的先后顺序,而不是挂class名的先后顺序<!doctype html><html>&l 阅读全文
posted @ 2013-01-28 18:21 Learning Front-end Web 阅读(542) 评论(0) 推荐(0) 编辑

摘要: margin样式特殊,相邻的margin-left和margin-right不会重合,但相邻的margin-top和margin-bottom会产生重合(间距值选取值大的)。 所以如果对相邻的模块同时使用了margin-top和margin-bottom,边距会重合带来不必要的麻烦,所以最好统一使用margin-top或者margin-bottom,不要混合使用。从而降低出问题的风险。这不是技术上必须的,但却是一个良好的习惯。 <!doctype html><html><head><meta charset="utf-8">& 阅读全文
posted @ 2013-01-28 17:57 Learning Front-end Web 阅读(251) 评论(0) 推荐(0) 编辑

2013年1月21日

摘要: <style>a{ outline:none; /*FF*/ hide-focus:expression(this.hideFocus=true); /*IE6、IE7*/ }</style> 阅读全文
posted @ 2013-01-21 19:52 Learning Front-end Web 阅读(122) 评论(0) 推荐(0) 编辑

摘要: 效果图:方案:对每个格子设置margin-left和margin-bottom为负值 ,大小等于border的宽度,以解决重合边框变粗的问题,不需要进行取模运算。代码:<!doctype html><html><head><meta charset="utf-8"><title>无间隙格子效果</title><style> *{margin:0; padding:0;} #wrapper{ width:600px; margin:0 auto; padding:10px; } .box { 阅读全文
posted @ 2013-01-21 15:48 Learning Front-end Web 阅读(543) 评论(0) 推荐(1) 编辑