07 2019 档案

4.1 事件 DOM0级事件和2级事件
摘要：4.1事件 事件是可以被 JavaScript 检测到的用户行为 1.DOM的事件 类型：以onclick点击事件为例 点击鼠标左键触发 ①DOM 0级事件：通过事件绑定的形式dom元素只能有(绑定)一个事件处理函数 则这种形式叫做DOM0级事件,若有多个，则取最后一个 绑定： dom.on+typ 阅读全文
posted @ 2019-07-27 12:07 小小oRa 阅读(494) 评论(0) 推荐(0)
3.6 运动框架 时间版
摘要：时间版运动框架 functionanimation(dom,target,time,callBack){ var start = {};//存放dom样式的初始值 var speed = {};//存放dom样式的速度 for(var attr in target){ start[attr] = p 阅读全文
posted @ 2019-07-27 11:51 小小oRa 阅读(96) 评论(0) 推荐(0)
05-DOM的基本操作 封装函数
摘要：1.HTML部分 <divid="box"> <p>我是p</p> <div class="abc">我是div <span id="text">我是span</span> <p>sd</p> </div> <ul> <li>我是li1</li> <li>我是li2</li> <li>我是li3</ 阅读全文
posted @ 2019-07-08 16:19 小小oRa 阅读(251) 评论(0) 推荐(0)
3.5 日期对象
摘要：3.5日期对象 日期对象是JS中提供的用于控制年份.日期.时间.的对象 1.获取日期对象： var date = new Date()==>获取日期对象 得到：date() > Sat Jul 06 2019 15:33:25 GMT+0800 (中国标准时间) 2.对象的方法： date.toLo 阅读全文
posted @ 2019-07-06 16:12 小小oRa 阅读(168) 评论(0) 推荐(0)
3.4定时器
摘要：3.4 定时器 1. JS存在两种定时器： setTimeout 延迟定时器(回调函数执行一次) setInterval 循环定时器(回调函数执行无数次) 2.定时器中的函数挂载在window对象,内部的this > window 3.定时器的用法：setInterval/setTimeout(参数 阅读全文
posted @ 2019-07-06 12:40 小小oRa 阅读(191) 评论(0) 推荐(0)
3.3 JS内置的对象——Math
摘要：3.3 JS内置的对象——Math Math对象 ==> 一般用来执行js中的数学运算 Math.PI 圆周率 Math.random() 获取随机数字 [0,1) Math.min(a,b) a和b中取小值 Math.max(a,b) a和b中取大值 Math.ceil(x) 把x上取整 Math 阅读全文
posted @ 2019-07-06 12:17 小小oRa 阅读(135) 评论(0) 推荐(0)
06- 定时器作业 随机色卡
摘要：<!DOCTYPEhtml><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X 阅读全文
posted @ 2019-07-05 17:20 小小oRa 阅读(419) 评论(0) 推荐(0)
06- 定时器作业 轮播图
摘要：1.单边/循环 轮播 CSS部分 <style> *{ margin:0; padding:0; } .banner{ position:relative; width:658px; height:411px; margin:100px auto 0; border:3px solid blue; 阅读全文
posted @ 2019-07-05 17:18 小小oRa 阅读(163) 评论(0) 推荐(0)
06- 定时器作业 圆周运动
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=" 阅读全文
posted @ 2019-07-05 17:11 小小oRa 阅读(168) 评论(0) 推荐(0)
脚本化CSS - 封装getStyle(dom,attr)兼容性函数等
摘要：1. 封装getStyle(dom,attr)兼容性函数 #box{ width:200px; height:100px; background-color: pink; } <div id="box"></div>function getStyle(dom,attr){ if(dom.curren 阅读全文
posted @ 2019-07-02 18:34 小小oRa 阅读(267) 评论(0) 推荐(0)
01-做题遇到的问题
摘要：一、.数组字符串作业遇到的 1. var arr=[‘app’,happy,’ora’,’heaven’] 通过for循环i=0;i<6;i++，然后可以拿出每一项的第一个字母 arr[i][0] 2.slice函数可以截取其他变量的长度 3.小写变大写，一般需要通过遍历(for循环)把每一个字母拿 阅读全文
posted @ 2019-07-01 10:38 小小oRa 阅读(147) 评论(0) 推荐(0)
03-函数&&对象题目
摘要：//第一题 var obj = { foo:'bar', fun:function(){ /* * AO{ * self:obj, * this:obj * } * * */ var self = this; console.log('this.foo='+this.foo); //'this.fo 阅读全文
posted @ 2019-07-01 10:27 小小oRa 阅读(140) 评论(0) 推荐(0)
02-函数作业
摘要：/******求100以内，所有的奇数和，求100以内，所有的偶数积*******/ // for循环方法 var sum=0; var sum1=1; for(var i=1;i<=100;i++){ if(i%2!=0){ sum=sum+i; }else{ sum1=sum1*i; } } d 阅读全文
posted @ 2019-07-01 10:20 小小oRa 阅读(125) 评论(0) 推荐(0)
01-条件循环
摘要：/************打印三角形**************/ //要打印5行，所以外层循环控制列 //内层循环控制行 /* * j=0 i<1 i<j+1 * * j=1 i<2 i<j+1 * * j=2 i<3 i<j+1 * * j=3 i<4 i<j+1 * * j=4 i<5 i<j 阅读全文
posted @ 2019-07-01 10:18 小小oRa 阅读(131) 评论(0) 推荐(0)
04-数组字符串11-20
摘要：console.log("第十一题") /* 封装函数 删除数组中的假值 */ /* 1.那肯定是布尔值，用到if，删除数组的时候会导致数组坍塌 2. i--解决塌陷问题 [7, "ate", "", false, 9] i=2 arr[2] --> arr.splice(2,1) [7, "ate 阅读全文
posted @ 2019-07-01 10:09 小小oRa 阅读(159) 评论(0) 推荐(0)
04-数组字符串1-10
摘要：console.log("第一题") /* 封装函数 检查字符串结尾 */ // 1.截取字符串的后两位 // 2.截取出的后两位的字符串和字符串2比较 // 3.相等的则返回true 反之flase function confirmEnding(str,target){ if(str.slice( 阅读全文
posted @ 2019-07-01 10:06 小小oRa 阅读(228) 评论(0) 推荐(0)
3.2 脚本化CSS
摘要：3.2 脚本化CSS 1. 元素节点.style ==> 获取行内样式表 （一般设置） dom.style.attr atrr 表示属性的意思 * 可读可写，一般使用行内样式表来设置某些css属性 * 含有连词符“-”的css属性 需要使用小驼峰写法 * float是js里面的保留字 一般使用css 阅读全文
posted @ 2019-07-01 09:39 小小oRa 阅读(204) 评论(0) 推荐(0)