摘要: 适合PC端的 CSS Reset 阅读全文
posted @ 2016-04-02 17:11 卷柏的花期 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 晚上睡觉之前,我抽了1个多小时,研究了一下圆环进度条,结合从网上查阅的资料,我终于掌握了两种圆环的生成方法。 这次的效果就是单纯的CSS3效果,也没有写具体的JS,等以后有时间在好好整理一下吧~。 这种方法好处在于容易理解,只需要一层一层的嵌套,即可得到效果,但是实现起来较为繁琐,HTML的结构也比 阅读全文
posted @ 2016-03-22 23:23 卷柏的花期 阅读(1199) 评论(0) 推荐(0) 编辑
摘要: 为了实现浏览器本地图片预览功能,我使用了三种方式: 1. 通过HTML5的FileApi 获取文件列表,然后转换成base64编码。 2. 使用IE的滤镜来规避IE高版本的安全性检测。 3. 最粗暴的方式,获取File文件域的value值。 下面贴代码: 调用方式: 说明:*file 是 input 阅读全文
posted @ 2016-03-13 20:15 卷柏的花期 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 通过动态的写入条件注释的方式,来判断当前的ie浏览器的版本,优点是,对比userAgent字符匹配,要精准很多,应该说是100%正确,缺点就是要通过JS写入条件注释,拖慢页面的加载速度。 如果对于只判断ie中的ie6,强烈建议使用以下方式: 首先看一下IE下的条件注释的格式: * 需要注意的是--与 阅读全文
posted @ 2016-03-07 00:37 卷柏的花期 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 1 var ScrollMiddle = { 2 'Odiv':document.getElementById('comment'), // 目标DOM 3 'Oli': document.getElementById('comment').getElementsByTagName('li'), 4 阅读全文
posted @ 2016-02-18 11:37 卷柏的花期 阅读(487) 评论(0) 推荐(0) 编辑
摘要: 手动指定一个起始值,然后指定开始时间,再指定一个每天增长的量,便可以实现一个按时间自动增长的数字。 1 function randomNumber(s,d,n){ 2 3 var startDate = new Date(d).getTime(), 4 curDate = new Date().ge 阅读全文
posted @ 2016-02-16 09:26 卷柏的花期 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 1. 根据给定的条件在原有的数组上,得到所需要的新数组。 ——《JavaScript 王者归来》 2. 比原生type 或 typeof 更详细的类型监测方法 ——《精通 JavaScript · 第二章》 3. 对象或数组的深拷贝,用于解决对象引用时值一改全改的问题。 4. 通过正则表达式来获取C 阅读全文
posted @ 2015-12-29 09:32 卷柏的花期 阅读(592) 评论(0) 推荐(1) 编辑
摘要: 一、页面结构划分box 盒子wrap 包裹container 容器header 头部main 主要区域footer 底部content 内容区域banner 横幅广告区域menu 菜单二、模块划分mod 模块,常用mod1,mod2 ,mod3 , mod4....等用于表示模块... 阅读全文
posted @ 2015-12-07 09:35 卷柏的花期 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 自己写了一个为元素添加事件的方法,并封装到对象中。说明: id : 目标元素的ID type: 事件的类型,注意的是不能加on fn:事件处理程序 isBubble :规定事件流代码: 1 var bindEvent = { 2 3 'add':function(i... 阅读全文
posted @ 2015-12-01 11:14 卷柏的花期 阅读(1023) 评论(0) 推荐(0) 编辑
摘要: 今天写了一个很简单、很粗暴的通过JS根据类来查找DOM元素。 为了降低它的粗暴等级(耗费性能)我给了三个等级。 首先性能最好的,适合FF,CH,IE8,通过querySelectorAll这个API。 其次是指定ID 最后只能全页面进行匹配class,不过比较节省的性能的是,在指定class名称的时 阅读全文
posted @ 2015-11-26 23:10 卷柏的花期 阅读(1216) 评论(0) 推荐(0) 编辑