• PC端网页特效-动画
  • PC端网页特效-三大系列
  • JS执行机制
  • BOM浏览器对象模型
JS

PC端网页特效-动画

PC端网页特效-动画
动画实现原理 核心原理:通过定时器setInterval()不断移动盒子位置 实现步骤: 获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位,才能使用element.style.left <script> // 动画原理 // 1.……继续阅读 »
4天前 47浏览 0评论 0
JS

PC端网页特效-三大系列

PC端网页特效-三大系列
元素偏移量offset 使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 返回的数值都不带单位 <script> // offset 系列 var father = document.querySelector('.……继续阅读 »
5天前 59浏览 0评论 2
JS

JS执行机制

JS执行机制
导读 js以前是单线程,同一时间只能做一件事。 现在,js利用创建多线程解决了这个问题,也出现了同步和异步。 <script> //结果是123,因为2不会等着3执行完再执行,而是异步执行,直接执行2,再执行3 console.log(1); setTimeout(function(){ ……继续阅读 »
1周前 (09-15) 53浏览 0评论 6
JS

BOM浏览器对象模型

BOM浏览器对象模型
bom提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 DOM与BOM的区别 DOM 文档对象模型 DOM是把文档当作一个对象来看待 DOM的顶级对象是document DOM主要学习的是操作页面元素 BOM 浏览器对象模型 把浏览器当作一个对象来看待 BOM的顶级对象是window BOM主要学习浏览器窗口交互的一些对象 BO……继续阅读 »
1周前 (09-15) 88浏览 0评论 2
JS

DOM-事件高级

DOM-事件高级
注册事件(绑定事件) 注册事件有两种方式: 传统方式 方法监听注册方式 传统注册方式 利用on开头的事件 btn.onclick=function(){}; 特点:注册事件的唯一性 即同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数会覆盖前面注册的处理函数。 方法监听注册方式(推荐) w3c标准 addEventListener()它是……继续阅读 »
1周前 (09-14) 103浏览 0评论 3
JS

DOM-节点操作

DOM-节点操作
网页中所有内容都是节点(标签、属性、文本、注释、空格、换行等,即万物可节点)在dom中,节点用哪个node来表示,所有节点都可通过js进行访问,所有html元素(节点)均可被增删改。 通过节点操作获取元素,它与dom提供的方法获取元素的区别: 节点操作获取是利用父子兄弟节点关系获取元素 逻辑性强且简单,但是兼容性稍差 节点概述 节点至少拥有nodeTyp……继续阅读 »
2周前 (09-13) 83浏览 0评论 4