摘要: 道格拉斯在Javascript精粹中说过,JS身上的坏毛病其实多于好的部分,但是如果我们取其精华去其糟粕,也可以保持JS代码的高效优雅,这要求我们在写js代码的时候遵循特定的模式,初看起来,这个patternLib很像一些规范前卫的前端团队里的style guide,越深挖细看你会发现这其实是JS最... 阅读全文
posted @ 2014-08-24 23:36 FreeLesley 阅读(179) 评论(0) 推荐(0)
摘要: 这段时间做抽奖的转盘,需要实现抽奖转速由慢变快的效果。这就需要在setInterval运行时动态缩短时间间隔来实现。在实际操作中我发现无法改变一个timer的时间间隔,而需要反复的运行,清除,再运行,再清除(定时器)。使用函数表达式和递归实现:var counter = 10;var myFunct... 阅读全文
posted @ 2014-07-13 21:36 FreeLesley 阅读(10284) 评论(0) 推荐(0)
摘要: swipe.js 是一个轻量级的移动端内容滑块,类似于pc端的slide.js,用于实现轮播广告或其他内容滑动模块 ,支持移动端屏幕滑动手势操作。此库不依赖于任何其他的js库,可独立使用使用swipe.js时只需将下载好的文件引用到页面,然后在页面中写好对应的结构 ... 阅读全文
posted @ 2014-07-13 14:34 FreeLesley 阅读(1452) 评论(0) 推荐(0)
摘要: 今天想把这段时间里遇到的一些零碎问题总结一下,巩固一下知识.一、关闭文本输入框的自动完成功能在完成搜索下拉suggestkey word 的功能时,我发现双击文本输入框时,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了... 阅读全文
posted @ 2014-06-02 22:31 FreeLesley 阅读(250) 评论(0) 推荐(0)
摘要: 先搞清基本概念: px就是表示pixel,像素,是屏幕上显示数据的最基本的点;而pt就是point,是印刷行业常用单位,等于1/72英寸。这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。 pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。因此就有这样的说法,在网页设计中,pixel是相对.. 阅读全文
posted @ 2012-11-05 11:04 FreeLesley 阅读(4143) 评论(0) 推荐(2)
摘要: 所有CSS布局技术依赖于三个基本概念:定位、浮动和空白边margin操纵主要内容:1. 让设计在页面中水平居中2. 创建两列和三列的基于浮动的布局3. 创建固定宽度、流体和弹性布局4. 将列拉长到整个可用的宽度让设计居中有两个基本方法:一个方法使用自动空白边(margin auto)另一个方法使用定位和负值空白边PS:怪异模式中的IE5.x和IE6不支持自动空白边,幸运的是,IE将text-align:center误解为让所有的东西居中,而不只是文本,可以利用这一点方法让主题标签中的所有东西居中,包括容器DIV ,然后将容器的内容重新对准左边body{text-align:center;}#w 阅读全文
posted @ 2012-11-02 23:01 FreeLesley 阅读(250) 评论(0) 推荐(0)
摘要: 在CSS弹性布局是根据字号(而不是浏览器宽度)来设置元素的宽度,通过以em为单位设置宽度,可以确保字号增加的时候整个布局随之扩大,这样可以将行长保持在可阅读的范围内,对于实力弱或者认知障碍的人士尤其有用所以,如果你想灵活布局,经常需要初始化设置body的font-size属性,常见的有body{font-size:62.5%}为什么要设置成62.5%呢?为什么使用%而不是px呢?因为是新手,不懂,查font-size属性,当值为%的时候是指:% 把 font-size 设置为基于父元素的一个百分比值。这body的父元素就是HTML啦,应该是指浏览器默认样式啦....而大多数浏览器的默认字... 阅读全文
posted @ 2012-11-02 22:47 FreeLesley 阅读(499) 评论(0) 推荐(0)
摘要: 获取单个随机数var Max=100 ;//想要生成随机数所在范围上限,此上限不可取loRnd=Math.floor(Math.random()*Max); //生成从0到Max-1范围内的随机数 hiRnd=Math.ceil(Math.random*Max); //生成从1到Max范围内的随机数 此处要获得0到100间的随机数,Max应该是101,有点容易混淆,换种写法是,要获得0到n之间的随机数loRnd=Math.floor(Math.random()*(n+1)); //获得0到n之间的随机数,n可取 那么要获得1到n之间的随机数,可写:hiRnd=Math.ceil(Ma... 阅读全文
posted @ 2012-10-13 11:00 FreeLesley 阅读(257) 评论(0) 推荐(0)