摘要: sort()是对数组进行排序的方法,例子: 结果其返回值为:11,2,4,5,6,8,9;也就是说小于10的都正常排了,但大于10的就出现问题了,经查阅w3school上所说: 也就是说在对数字进行比较时是先默认将其转化成对应的字符再进行比较的,所以会出现这样的问题,若想比较数字就需提供比较函数: 阅读全文
posted @ 2017-05-17 11:20 lch880 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 从事前端开发好几年了,但js水平仍处于菜鸟水平,之前都是看看这改改那,或者写些常见的交互效果,都涉及到闭包,类等高级用法就蒙了,感觉是时候要好好学习了,不然该下岗了。 下面是我动手写的第一个组件,留下记号,待后面改进。 1 ;(function($){ 2 var Focus = function( 阅读全文
posted @ 2017-04-18 16:13 lch880 阅读(175) 评论(0) 推荐(0) 编辑
摘要: sass是css预处理器之一,用后感觉比单纯的css要方便快速,且层级关系清晰明了,后缀名.scss。之前也用过,但好久不用语法都忘记了,都说好记性不如烂笔头,把学到的点滴都记下来便于后期查看。 先把sass使用频率最高的记录下,内容如下: 一:变量定义$,如: 二、混合声明@mixin,调用@in 阅读全文
posted @ 2017-04-18 16:02 lch880 阅读(155) 评论(0) 推荐(0) 编辑
摘要: length: length是js的原生方法,用于获取元素的个数和对象的长度 var length = $(obj).length; size(): size()属于方法,只能作用于对象上,获取元素的个数 var size = $(obj).size(); 注:如果想要获取字符串的长度只能用leng 阅读全文
posted @ 2017-04-14 16:59 lch880 阅读(11429) 评论(0) 推荐(2) 编辑
摘要: calc()看起来像个js的函数,但它实际上是css3的一个属性,它能自动计划宽度,高度等。平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和paddi... 阅读全文
posted @ 2014-09-10 16:27 lch880 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 头部标签详解1.编码必须为utf-8编码;2.可视区域viewport,移动端特有的属性inital-scale表示的初始的缩放比例,当即是当页面第一次load的时候缩放比例.一般设置为1.0倍。minimum-scale=1.0表示的允许用户缩放的最小比例。maximum-scale=1.0表示的... 阅读全文
posted @ 2014-04-14 17:40 lch880 阅读(341) 评论(0) 推荐(0) 编辑
摘要: placeholder是为了设置初始值,并且这个初始值的颜色为灰色,当input的内容变动时,这个值就消失,它的职责就是给人一种亲和力的指示,十分有爱。autofocus,顾名思义:自动聚焦,当进入当前页面时,这个input会自动获取焦点,而你可以在打开页面后直接输入东西进行搜索。当autofocus出现两次以上的时候,浏览器会选择最后一个带有autofocus属性的input聚焦。x-webkit-speech,这个大概不必多解释了,webkit核的浏览器(如Chrome)特有的语音识别工具,给input装上也是再好不过的了,话说Google也给自己的搜索框装上这个工具 阅读全文
posted @ 2014-03-17 11:43 lch880 阅读(865) 评论(0) 推荐(0) 编辑
摘要: firefox及标准浏览器下可以用css属性outline:1outline:none;/*0也可以*/IE下如下实现(据说过多使用效率低):123a {blr:expression(this.onFocus=this.blur());}此外还可以使用hidefocus属性。webkit内核浏览器(Safari/Chrome)中点击链接后不会有虚线框,这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留下虚线框可加入以下:123a:visited {outline:1pxdottedgray;} 阅读全文
posted @ 2014-03-17 11:43 lch880 阅读(162) 评论(0) 推荐(0) 编辑
摘要: css中设置了高度和行高,i6-ie8都正常垂直居中了,但ie9却居顶部显示,后来发现是因为设置的font-family的原因,如果设置成“font-family:Microsoft YaHei Tahoma;”或者“font-family:微软雅黑;”都会存在这问题,解决办法:把该字体的中文或者英文转化为其对应的Unicode码就可以全部兼容。常见字体的Unicode码中文名英文名UnicodeUnicode 2Mac OS华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文细&a 阅读全文
posted @ 2014-03-05 18:08 lch880 阅读(1144) 评论(0) 推荐(0) 编辑
摘要: 最终的loading效果如图:说明:共两个层,每个层里有4个花瓣,共组成8个花瓣;动画过程为每个花瓣的透明度依次从1变为0的过程。HTML代码: CSS代码: 阅读全文
posted @ 2014-02-27 16:48 lch880 阅读(421) 评论(0) 推荐(0) 编辑