摘要: day17 运动(下) 链式动画 动画执行完接另一个动画不断进行链接。 封装进行(通过传入回调函数完成链式运动) //缓冲运动封装 //element表示当前的元素 target表示目标对象 callbackFn表示传入的回调函数 function bufferAnimation(element, 阅读全文
posted @ 2022-10-23 15:49 xiaomingff 阅读(21) 评论(0) 推荐(0)
摘要: 概述:运动也就是动画,操作对应的dom元素持续多次的修改样式,并且有比较短的时间的间隔(肉眼无法察觉),达到目标位置后停止,这就是动画 主要实现原理 利用定时器定时操作dom的样式 当对应的设置目标值到达以后清除对应的定时器 运动三大要素 当前值(current) 变化值 (step) 目标值 (t 阅读全文
posted @ 2022-10-23 15:47 xiaomingff 阅读(23) 评论(0) 推荐(0)
摘要: JavaScript的构成 1.DOM操作文档 2.BOM操作浏览器 3.ECMAScript(基础语法) ES5新增内容 严格模式 :我们普通书写的js代码没有太多规范,甚至可以随意发挥,这种模式称为怪异模式,相对而言更加规范的模式称为严格模式 严格模式的声明 使用 use strict 进行声明 阅读全文
posted @ 2022-10-23 15:39 xiaomingff 阅读(26) 评论(0) 推荐(0)
摘要: 正则表达式 使用new关键词声明 //第一个参数填写相关正则表达式 g表示全局 i表示不区分大小写 m表示换行 var regx = new RegExp(‘ab’,‘g’) 使用//来修饰 (常用的) var regx1 = /abc/g 正则的匹配模式 g全局匹配 i不区分大小写 m换行 s单个 阅读全文
posted @ 2022-10-18 22:12 xiaomingff 阅读(21) 评论(0) 推荐(0)
摘要: Cookie 概述:为了解决http无状态的问题(通过在cookie里面存储sessionID的方式来解决),cookie是存放在浏览器上的 Cookie的特性 存储在浏览器上 存储大小一般是4kb左右 会随请求而发送 可以跨域 可以设置过期时间 可以被篡改也可以伪造(不安全) Cookie存储格式 阅读全文
posted @ 2022-10-18 21:50 xiaomingff 阅读(19) 评论(0) 推荐(0)
摘要: 事件的传播行为(事件流) 冒泡模式(默认模式):从里到外触发 event.bubbles(只读属性) <div> <button>点我</button> </div> <script> //点击按钮 先触发按钮的点击事件 然后触发div的点击事件 然后触发document的点击事件 document 阅读全文
posted @ 2022-10-14 19:36 xiaomingff 阅读(21) 评论(0) 推荐(0)
摘要: 事件 事件名(内置的) 执行对象(元素对象) 处理函数(自定义函数) 观察者(js的事件引擎) 事件名的分类 鼠标事件(鼠标触发) click 单击事件dblclick 双击事件mousedown 按下mouseup 弹起mouseenter 移入mouseleave 移出mouseover 移入m 阅读全文
posted @ 2022-10-13 19:32 xiaomingff 阅读(28) 评论(0) 推荐(0)
摘要: DOM的概述 DOM:文档对象模型,操作对应的文档(html文档)DOM遵从文档流,属于同步机制 DOM的分类:1.document文档对象( dom操作中的最大对象,表示当前操作的html文档) 2.element元素对象(标签元素) 3.attribute属性对象(标签里面的属性) 4.text 阅读全文
posted @ 2022-10-11 20:51 xiaomingff 阅读(24) 评论(0) 推荐(0)
摘要: 概述: BOM(bowser object model)用于操作浏览器的相关内容。BOM缺乏规范,所以通过产生一系列的共用对象来解决这个问题。尽管这些共用的对象也存在对应的兼容问题,w3c介入后兼容问题得到了保证。 BOM的共有对象及相关的结构 window窗口: 1.Document(文档对象) 阅读全文
posted @ 2022-10-10 19:22 xiaomingff 阅读(23) 评论(0) 推荐(0)
摘要: day 07日期+对象+定时器 日期对象 概述:date是用于表示日期时间的对象,他里面的主要方法是用于获取日期时间和设置日期时间。 1.Date ()日期对象,是一个构造函数 ,必须使用new来调用我们创建的日期对象 var arr = new Array();//创建一个数组对象 var obj 阅读全文
posted @ 2022-10-10 19:00 xiaomingff 阅读(33) 评论(0) 推荐(0)