- 博客(9)
- 收藏
- 关注
原创 JSON数据和本地存储
eXtensible Markup Language,可扩展标记型语言(1)标记型语言:html是标记型语言,都是使用标签进行操作。xml里面的操作也是使用标签进行操作。(2)可扩展:html里面的标签,每个标签有自己特定的含义,比如<br/> <hr/>在xml中标签自己定义的,比如 <aa> <猫>(3)xml的主要的功能是存储数据(不是显示数据)
2024-11-16 14:54:39
781
原创 动画函数封装
如果多个元素都使用这个动画函数,每次都要var 声明定时器,我们可以给不同元素使用不同的定时器(自己用自己的定时器)核心原理:利用js是一门动态语言,可以很方便的给当前对象添加属性。缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来。核心算法:(目标值-现在的位置)/10 作为每次移动的距离步长。通过定时器setInterval()不断移动盒子位置。停止的条件是:让当前盒子位置等于目标位置就停止定时器。让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。
2024-11-16 14:49:32
415
原创 元素的三大系列
使用client系列的相关属性来获取元素可视区的相关信息,可以动态的得到该元素的边框大小,元素大小等。返回自身包括padding,内容区宽度,不含边框,返回数值不带单位。返回自身包括padding,内容区高度,不含边框,返回数值不带单位。返回自身包括padding,内容区宽度,不含边框,返回数值不带单位。返回自身实际的宽度(实际内容的宽度),不含边框,返回数值不带单位。返回自身实际的高度(实际内容的宽度),不含边框,返回数值不带单位。返回自身包括padding,边框,内容区的宽度,返回数值不带单位。
2024-11-16 14:48:33
676
原创 节点、事件
事件流描述的是从页面中接收事件的顺序,事件发生时会在元素节点之间按照特定的顺序传播,这个传播的过程叫事件流例如:给idiv绑定一个事件,时间流顺序如下。
2024-11-08 20:42:57
903
原创 DOM操作元素
JS使我们有能力创建动态页面,而事件是可以被JS侦测的行为简单理解:触发----响应机制网页中每个元素都可以产生某些可以触发JS的事件,例如点击事件事件是由三部分组成 事件源 事件类型 事件处理程序 称为事件三要素事件被触发的对象 谁被触发事件类型:如何触发,什么事件 例如鼠标点击,鼠标经过,键盘按下等通过函数赋值的方式完成获取事件源注册事件(绑定事件)添加事件处理程序(采取函数赋值形式)//第一步:获取按钮对象//第二步:绑定一个单击事件//第三步:添加事件处理程序。
2024-11-07 19:09:29
933
原创 三、DOM获取
文档对象模型(Document Object Model ,简称DOM),它就是一些系列编程接口,有了这些接口,就可以改变页面内容,结构和样式DOM树:一个页面就是一个文档,DOM中使用document表示页面中所有的标签都是元素,DOM中使用element表示网页中所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示DOM把以上内容都看作是对象事件,就是用户和浏览器之间的交互行为,比如:点击按钮,鼠标移动,关闭窗口.....事件非常多,为了方便演示,先学简单的事件,后面再详细学习。
2024-11-07 18:54:44
1050
原创 JS函数对象初相识
现实生活中,万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如一本书,一辆汽车,一个人可以是“对象”,一个数据库,一张网页,一个与远程服务器的连接也可以是“对象”。在JS中,对象是一组无序的相关属性和方法的集合,所有的实物都是对象,例如字符串、数值、数组、函数等属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)
2024-10-30 09:46:47
943
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人