- 博客(10)
- 收藏
- 关注
RSS订阅原创 JavaScript BOM三大系列 ：offset、client、scroll 区别以及常见属性
window.pageXoffset 页面被卷去的左侧 element.scrollLeft 元素被卷去的左侧。window.pageYoffset 页面被卷去的头部 element.scrollTop 元素被卷去的头部。client系列的相关属性来获取元素可视区的相关信息，相关属性可以动态的得到该元素的边框大小、元素大小等。scroll系列相关属性可以动态的得到该元素的大小、滚动距离等，ie9以上支持有一定的兼容性问题。元素偏移量offset系列。元素滚动scroll系列。
2023-02-02 22:26:40
105
原创 JavaScript-导航栏背景跟随案例
以上为tab栏背景跟随案例，该案例中具体使用到了鼠标经过、鼠标离开、鼠标点击事件，以及运用了JavaScript三大属性来制作。①：当鼠标经过导航栏时，背景跟随鼠标移动至相应导航块。②：当鼠标离开导航栏时，背景回到最初位置。③：点击时，将当前位置当作目标值。
2023-02-02 22:19:24
141
原创 同步与异步
同步可以避免出现死锁，读脏数据的发生，一般共享某一资源的时候用，如果每个人都有修改权限，同时修改一个文件，有可能使一个人读取另一个人已经删除的内容，就会出错，同步就会按顺序来修改。异步则是可以提高效率了，现在cpu都是双核，四核，异步处理的话可以同时做多项工作，当然必须保证是可以并发处理的。发起者需要等待接收者，接通电话后，通信才开始。同步和异步最大的区别就在于：一个需要等待，一个不需要等待。异步:发送一个请求,不等待返回,随时可以再发送下一个请求。同步:发送一个请求,等待返回,然后再发送下一个请求。
2023-02-02 22:12:45
91
原创 JavaScript轮播图
② 点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。① 鼠标经过轮播图模块，左右键显示，离开隐藏左右键。③ 图片播放的同时，下面小圆圈模块跟随一起变化。⑤ 鼠标不经过轮播图，轮播图也会自动播放。④ 点击小圆圈，可以播放相应图片。
2023-02-01 23:26:02
103
原创 正则表达式
按照一定的规则组成的一个表达式（一般元字符和限定符）作用主要是匹配字符串的,常用于表单验证定义方式通过构造函数创建对象 var reg=new RegExp(/[0-9]/);字面量的方式创建对象 var reg=/[0-9]/;非严格模式下，匹配一项就是匹配全部严格模式 /^…$/ ,要有开始和结束限定符正则表达式必须分清是否为严格模式默认匹配一项后停止，全局匹配用g忽略大小写用i关于元字符元字符描述匹配除换行符以外的任意字符。[ ]字符类，匹配方括号中包含的任意字符。
2023-02-01 23:12:07
37
原创 JS-DOM高级事件
不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子结点。事件对象有了事件才存在，他是系统给我们自动创建的，不需要我们传递参数，并依次传递给事件监听器。① e.target:返回的是触发事件的元素，this返回的是绑定事件的元素。② e.type：返回事件类型，如click，mouseover，不带on。事件发生时会在元素节点中间按照特点的顺序传播，这个传播过程即DOM事件流。③ 冒泡阶段：从事件源触发，逐级向上传播到DOM最顶层节点的过程。
2023-01-27 20:48:34
56
原创 dom—排他思想
2 下列复选框需要全部选中，全选复选框才会选中的实际操作：通过循环遍历下列复选框并绑定点击事件，每次点击时进行判断，当前复选框是否为选中状态，如果没有选中，则全选复选框就是不选中状态，如果当前复选框是选中的状态，则进行判断其余复选框是否处于选中状态。②：再次点击全选复选框，下面所有复选框改为未选中状态，即取消全选。③：如果下列复选框全部为选中状态，全选复选框则自动变为选中状态。④：下列复选框若有一个不是选中状态，全选复选框则不会被选中。①：点击全选复选框，下面所有复选框都改为选中状态。
2023-01-26 22:55:34
140
原创 Javascript(js)事件
目前只列举了常用的几种事件，JavaScript也还有高级事件，也就是 所谓的注册事件、监听事件等。② 事件类型：如何触发，触发什么样的事件，如鼠标点击、鼠标经过、键盘按下等。简单来说事件就是用户操作鼠标键盘后，触发了js事件，产生了对应的反应。js使我们有能力去实现页面交互，事件则是可以被js侦测到的行为。① 事件源：事件被触发的对象，则就是触发这个事件的本身。③ 事件处理程序：则是通过函数的方式完成。即：事件源>事件类型>事件处理程序的过程。② 注册事件(即绑定事件)④框架事件/对象事件。
2023-01-23 19:52:03
484
原创 JavaScript(JS)—冒泡排序
原理：数组内相邻的两个元素两两比较，较小的放在前位，较大的放在后为，一次循环后，最小或最大的元素就会排在第一位，第二次循环也是如此，如此类推，知道所有元素排序完成。举例：假设一个数组有n个元素，则需要n轮，而每一轮次中比较的次数都要减去已经确定好顺序的数值，即第i论需要比较的元素为n-1个，可以使用for循环实现。②：对每一个相邻元素进行同样的操作，从开始第一对到结尾最后一对元素，这样在最后的元素则会是最大或者最小的数；③针对所有的元素重复以上步骤，除了最后一个；这样一个简单的冒泡排序就完成了！
2023-01-21 19:57:37
333
原创 关于JavaScript(JS)的基本对象
JS中的对象分为三类：①.内置对象(静态对象)：js本身已经写好的对象，可以直接使用不需要定义。常见的内置对象有Global、Math(它们也是本地对象，根据定义的每个内置对象都是本地对象)。②.本地对象(非静态对象)：必须实例化才能使用其方法和属性的就是本地对象。常见的本地对象有Object、Function、Date、Array、String、Boolean、Number、RegExp、Error等。
2023-01-17 00:19:53
2120
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人