web前端js基础
文章平均质量分 89
马马虎虎敲可爱
这个作者很懒,什么都没留下…
展开
-
js常用数组的方法整理
js数组的方法整理 为方便查找,记录常用js数组方法笔记。好记性不如烂笔头!js数组的方法整理js数组的方法整理1. join()2. push() 、 pop()3. unshift() 、 shift()4. sort()5. reverse()6. concat()7. slice()7. slice()7. indexOf() 、lastIndexOf()8. forEach()9. map()10. filter()11. every()12. some()1. join()joi原创 2021-12-14 17:00:39 · 129 阅读 · 0 评论 -
cookie
网络知识(了解)通信协议通信规则,设备与设备之间通信时共同遵守的规则TCP/UDP/IPIP: Internet Protocol(网络之间互连的协议),规定了计算机在因特网上进行通信时应当遵守的规则IP地址:4个字节, 一共32位 ,用来标识设备在网络中的位置本机ip 127.0.0.1TCP:Transmission Control Protocol(传输控制协议)TCP...原创 2019-03-09 11:10:28 · 279 阅读 · 0 评论 -
DOM
DOM DOM是Document Object Model(文档对象模型)的缩写,它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API,它定义了访问HTML文档对象的一套属性、方法和事件。了解DOM树(节点) <div id="box" class="bb">bilibili</div>//此处4个节点,1元素,2属性,1文本获取节点方法...原创 2019-03-09 15:16:59 · 120 阅读 · 0 评论 -
Animation
Animation(一)运动原理利用定时器,实现不断改变对象的样式,从而产生动画的效果(二)动画分类匀速运动速度保持不变的运动案例:飞翔的小鸟//1.获取元素及初始化速度变量let bird = document.querySelector('img');let speed = 7;//2.设置定时器let timer = setInterval(()=>{ //2....原创 2019-03-07 19:43:25 · 334 阅读 · 0 评论 -
ES6
ES6变量声明let: 声明变量1)变量声明不会提前2)let不允许相同作用域内多次声明同一变量3)块级作用域 {}演示:let声明变量的特点let num = 666;//报错,不允许在同一作用域声明已存在的变量,其次变量声明不会提前var num = 100;var num = 10;console.log(num);案例:输出按钮索引值//ES5方法//相当于va...原创 2019-03-07 19:57:39 · 189 阅读 · 0 评论 -
Event事件
事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件. 事件是一瞬间触发。事件绑定方式 DOM节点绑定(格式):节点.on+事件名 = 事件处理函数;//(1)DOM节点绑定// *同名事件会被覆盖// *事件处理函数只能冒泡阶段执行div.onclick = function(){}//(2)作为html属性...原创 2019-03-07 20:02:09 · 472 阅读 · 0 评论 -
ES5
es3-es5(严格模式)支持ES5的浏览器Opera 11.60+Internet Explorer 9+ (IE9不支持严格模式)Firefox 4+Safari 5.1+Chrome 13+页面加载事件DOM文档加载的步骤为解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded...原创 2019-03-07 20:00:32 · 1317 阅读 · 0 评论 -
Animation(下)
Animation案例:利用封装的代码,书写轮播图//(一) 定时切换图片//1.初始化索引var index = 0;let timer = setInterval(function(){ //2.设置定时器让索引递增,改变图片的top值为,为-图片大小*索引 index++; //3.当索引大于等于图片数量时,将索引重置为0 if(index >= ...原创 2019-03-07 19:55:45 · 156 阅读 · 0 评论 -
jq对象节点的增删改
1.创建jq节点 $("< div/>")2.元素添加(1)往父元素内部追加* append(content|obj|ele|fn): 给父元素添加最后一个子元素* prepend: 给父元素添加第一个子元素( appendTo(父元素) prependTo() )(2)外部插入内容(添加为兄弟元素)after: 在元素后面插入内容before: 在元素...原创 2019-07-04 21:48:22 · 378 阅读 · 0 评论