02 2022 档案
摘要：Vue简介 Vue是什么？ 一套用于构建用户界面的渐进式JavaScript框架 Vue可以自底向上逐层的应用 Vue的特点 采用组件化模式，提高代码复用率、且让代码更好维护。 声明式编码，让编码人员无需直接操作DOM，提高开发效率。 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。 初识V
阅读全文
摘要：浏览器渲染过程？ DOM 树:解析HTML构建DOM(DOM树) CSS树:解析CSS构建CSSOM(CSS树) 渲染树: CSSOM和DOM一起生成Render Tree(渲染树) 布局 (layout) :根据Render Tree浏览器就知道网页中有哪些节点，以及各个节点与CSS的关系，从而知
阅读全文
摘要：数组的交集，并集，补集 const arr0ne = [1, 2, 3]; const arrTwo = [2, 3, 4, 5, 6]; //数组的交集 const intersectionFn = (arr1, arr2) => { const result = arr1.filter(item
阅读全文
摘要：Git Git介绍 Git菜鸟教程：Git 教程 | 菜鸟教程 (runoob.com) Git官网：Git (git-scm.com) Git介绍分布式版本控制工具 VS 集中式版本控制工具 Git安装基于官网发布的最新版本2.35.1安装讲解 Git命令基于开发案例详细讲解了git的常用命令 G
阅读全文
摘要：定时器简介 setInterval( ) 定时调用 可以将一个函数，每隔一段时间执行一次 参数: 1.回调函数，该函数会每隔一段时间被调用一次 2.每次调用间隔的时间，单位是毫秒 返回值: 返回一个Number类型的数据 这个数字用来作为定时器的唯一标识 var num = 1; set Inter
阅读全文
摘要：BOM的简介 BOM 浏览器对象模型 BOM可以使我们通过JS来操作浏览器 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 BOM对象 Window 代表的是整个浏览器的窗口，同时window也是网页中的全局对象 Navigator 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器
阅读全文
摘要：
链接：https://pan.baidu.com/s/1MPHaWRsON95YiXZbSBZm-g 提取码：i7vv
阅读全文
链接：https://pan.baidu.com/s/1MPHaWRsON95YiXZbSBZm-g 提取码：i7vv
阅读全文
摘要：键盘事件 键盘事件: onkeydown 按键被按下 onkeyup 按键被松开 键盘事件一般都会绑定给一些可以获取到焦点的对象 对于onkeydown来说如果一直按着某个按键不松手， 则事件会一直触发 当onkeydown连续触发时，第一次和第二次之 间会间隔稍微长一点， 其他的会非常的快 这种设
阅读全文
摘要：滚轮的事件 window.onload = function(){ /* 当鼠标滚轮向下滚动时，box1变长 当滚轮向上滚动时，box1变短 */ //获取id为box1的div var box1 = document.getElementById("box1"); //为box1绑定一个鼠标滚轮滚
阅读全文
摘要：拖拽 拖拽box1元素 拖拽的流程 1.当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown 2.当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove 3.当鼠标松开时，被拖拽元素固定在当前位置 onmouseup //获取box1 var box1 = document. getEl
阅读全文
摘要：事件对象 例： window.onload = function(){ //当鼠标在areaDiv中移动时，在showMsg中来显示鼠标的坐标 //获取两个div var areaDiv = document.getElementById("areaDiv"); var showMsg = docu
阅读全文
摘要：操作内联样式 通过JS修改元素的样式: 语法: 元素 .style .样式名 = 样式值 例： box1.style.width = "300px"; 注意:如果CSS的样式名中含有-， 这种名称在JS中是不合法的比如background-color 需要将这种样式名修改为驼峰命名法，backgro
阅读全文
