摘要: for in 用来遍历json var json4 = { 'name' : 'miaov', 'age' : 3, 'fun' : '前端开发' }; for ( var attr in json4 ) { // alert( attr ); // alert( json4[attr] ); } 阅读全文
posted @ 2016-11-22 12:54 花落无声Cjie 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 一 居中布局 1水平居中,需求:里面元素宽度不定外面元素宽度不定 <div class="parent"> <div class="child">DEMO</div> </div> 方案一: .parent{text-align: center;} .child{display: inline-bl 阅读全文
posted @ 2016-11-22 12:52 花落无声Cjie 阅读(116) 评论(0) 推荐(0) 编辑
摘要: Css实战只是汇总 1 Css背景图居中 需求 首页都会有背景大图居中,并且自动撑满整个屏幕,保证图片不拉伸 代码 div{height: 500px; background:url(bg_index_new.jpg) center center;} //必须指定高度,否则看不到背景图,一般高度设为 阅读全文
posted @ 2016-12-02 23:35 花落无声Cjie 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 栅格布局系统的特点: (1)所有的行必须放在容器中: .container或.container-fluid (2)分为多行(row),一行中平均分为12列(col) (3)网页内容只能放在列(col)中,不能直接放在行(row) (4)可以在col中再嵌套row (5)col分为四大类: col- 阅读全文
posted @ 2016-12-02 09:17 花落无声Cjie 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 快速排序法 //1.找一个基准点//2.建立两个数组,分别存储左边和右边的数组//3.利用递归进行下次比较 function quictSort (arr) { if (arr.length <= 1) { return arr; } var left = []; var right = []; v 阅读全文
posted @ 2016-12-02 00:13 花落无声Cjie 阅读(178) 评论(0) 推荐(0) 编辑
摘要: l JQ设计思想? 选择网页元素 – 模拟CSS选择元素 – 独有表达式选择 – 多种筛选方法 JQ写法 – 方法函数化 – 链式操作 – 取值赋值合体 JQ与JS关系 – 可以共存,不能混用 Jq当中基本不用等号,而是用函数来传参,jq几乎无论调用什么都要带括号 几种混用写法 //alert( $ 阅读全文
posted @ 2016-11-29 23:55 花落无声Cjie 阅读(126) 评论(0) 推荐(0) 编辑
摘要: Bootstrap Bootstrap栅格系统 <div class="container-fluid"> aaaaaaaaa </div> // 自适应宽度 流体 <div class="container"> aaaaaaaaa </div> //固定宽度,根据不同分辨率展示不同固定值 两者不要 阅读全文
posted @ 2016-11-29 22:26 花落无声Cjie 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 移动端页面适配 em 根据元素自身的字体大小来计算自己的尺寸 rem root em 根据根节点(html)的字体大小来计算自己的尺寸 适配: 各个移动设备,分辨率大小不一致,使我们的页面在各种分辨率下都显示完好(等比的缩放); 根据屏幕的分辨率 动态的设置html的字体大小,来达到页面等比缩放的功 阅读全文
posted @ 2016-11-29 20:41 花落无声Cjie 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 移动端上轮播图无缝滚动原理 和pc上的不同点是,在移动端,用户按下一张图我们不知道用户会往哪里划,往左往右都有可能 假设两组完全一样的图,每组三个 第一张图和张图有被拖出去风险 解决办法,当手指按到第一张图的时候,立马把它变成第四张图, 当手指按到第六张图的时候,立马把它变成第三张图 这样就不会有被 阅读全文
posted @ 2016-11-28 22:55 花落无声Cjie 阅读(1774) 评论(0) 推荐(0) 编辑
摘要: Css的transform和transition 在移动端要加上-webkit-前缀,参数有 Rorate(45deg) //旋转45度 Scale(2) //缩放,接受从零到正无穷的数字 TranslateX(100px) //位移横向 TranslateY(100px) //纵向 SkewX/Y 阅读全文
posted @ 2016-11-28 22:08 花落无声Cjie 阅读(194) 评论(0) 推荐(0) 编辑
摘要: Touchstart 手指触摸, = mousedown Touchend 手指抬起 = mouseup Touchmove 手指移动 = mousemove 阻止冒泡:e.stopPropagation(); CancelBubble 阻止默认事件 document.addEventListene 阅读全文
posted @ 2016-11-27 23:50 花落无声Cjie 阅读(406) 评论(0) 推荐(0) 编辑
摘要: JASMINECJC的博客 JASMINECJC的博客 JASMINECJC的博客 JASMINECJC的博客 算是比较系统而又通俗易懂的讲解 原文链接http://blog.csdn.net/jasminecjc/article/details/50765485 阅读全文
posted @ 2016-11-27 23:36 花落无声Cjie 阅读(118) 评论(0) 推荐(0) 编辑