随笔分类 -  封装函数

第61天：json遍历和封装运动框架（多个属性）
摘要：一、json 遍历 for in 关键字 for ( 变量 in 对象) { 执行语句; } 例如： var json = {width:200,height:300,left:50}console.log(json.width);for(var k in json){ console.log(k) 阅读全文
posted @ 2017-10-22 22:11 小胖橘乐乐 阅读(394) 评论(0) 推荐(0)
第59天：缓动动画封装函数
摘要：一、三个取整函数 这三个函数都是 数学函数 Math Math.ceil() 向上取整 天花板 比如说 console.log(Math.ceil(1.01)) 结果 是 2 console.log(Math.ceil(1.9)) 结果 2 console.log(Math.ceil(-1.3)) 阅读全文
posted @ 2017-10-20 22:00 小胖橘乐乐 阅读(208) 评论(0) 推荐(0)
第57天：匀速运动封装函数
摘要：一、动画的原理 动画的基本原理 ： 让盒子的 offsetLeft + 步长 Math.abs(-5) 取绝对值函数 二、匀速运动封装函数 阅读全文
posted @ 2017-10-18 22:30 小胖橘乐乐 阅读(270) 评论(0) 推荐(0)
第51天：封装可视区域大小函数client
摘要：一、client 可视区域 offsetWidth: width + padding + border （披着羊皮的狼） clientWidth： width + padding 不包含border scrollWidth: 大小是内容的大小 二、检测屏幕宽度(可视区域) 1、ie9及其以上的版本 阅读全文
posted @ 2017-10-12 22:45 小胖橘乐乐 阅读(289) 评论(0) 推荐(0)
第49天：封装自己的scrollTop
摘要：一、scroll家族 offset 自己的偏移scroll滚动的 scrollTop和scrollLeftscrollTop 被卷去的头部当滑动滚轮浏览网页的时候，网页隐藏在屏幕上方的距离二、页面滚动效果事件window.onscroll=function(){页面滚动语句}三、获取scrollTo 阅读全文
posted @ 2017-10-10 23:09 小胖橘乐乐 阅读(471) 评论(0) 推荐(0)
第33天：封装自己的class类
摘要：封装自己的class类，实现浏览器兼容。 阅读全文
posted @ 2017-09-15 23:00 小胖橘乐乐 阅读(298) 评论(0) 推荐(0)
第28天：js-Tab栏切换封装函数
摘要：一、input.value所有值都是string 二、变量和属性var index=10;//变量var arr=[];//数组arr.index=20;//index为自定义属性，只能在arr下使用alert(arr.index); 三、判断用户输入事件：oninput 四、多分支语句switch 阅读全文
posted @ 2017-09-10 22:26 小胖橘乐乐 阅读(515) 评论(0) 推荐(0)
第25天：js-封装函数-淘宝鼠标展示
摘要：封装函数： 1、函数形参相当于变量，不能加引号。 2、实参要和形参一一对应。 案例：鼠标移到小图上，背景展示相应放大的图片。代码如下： 运行效果： 阅读全文
posted @ 2017-09-07 23:15 小胖橘乐乐 阅读(249) 评论(0) 推荐(0)