- 博客(58)
- 收藏
- 关注
RSS订阅原创 Vue-条件渲染
v-show：值为true时渲染元素，值为false时隐藏元素，CSS的隐藏元素(display:none)来切换模块 具有更高的内存消耗 用于经常切换的业务。v-if： 值为true时渲染元素，值为false时隐藏元素，通过移除元素来切换模块 具有更高的渲染消耗 常用在不常切换的业务。点击按钮切换元素显示或隐藏。
2022-09-22 17:21:50
288
2
原创 Vue-样式绑定
class绑定：元素属性中加上 :class="" 可以绑定class类名 换成另一套样式。style绑定：元素属性中加上 :style="" 可以绑定CSS样式。
2022-09-22 17:11:25
557
原创 Vue-事件绑定
点击按钮后，msg改为666，p标签中的内容变为666。阻止默认事件：@事件名.prevent="函数/方法"@事件名.once="函数/方法"：事件只执行一次。v-on：事件名="函数/方法"语法糖：@事件名="函数/方法"点击a标签后不会跳转页面，将msg改为666。多次点击按钮，只会打印一次。
2022-09-22 16:45:20
605
原创 Vue-插值表达式、指令、属性绑定
v-html 底层 xx.innerHTML=""指令：v-text 底层为 xx.innerText=""Vue中{{}}是一种插值表达式，作为js语法的执行环境。v-pre 静默(跳过编译)
2022-08-29 19:37:09
441
1
原创 Node.js- __dirname和__filename
_dirname是一个字符串,代表当前js文件所在目录的路径(绝对路径)__filename是一个字符串,代表当前js文件的路径(绝对路径)
2022-07-28 17:18:49
178
原创 JS-重绘与回流
程序执行时常常会操作页面常常引起重绘/回流频繁的重绘/回流会造成页面性能不好，页面卡顿迟缓手机发烫。回流/回档就是页面的元素排版布局数量和节点在树中位置发生了改变。重绘就是按照文档树的结构重新绘制页面渲染。回流必然引起重绘但是重绘不一定引起回流。...
2022-07-28 17:06:31
163
原创 JS-事件链
事件代理网页设计中的一种设计思想利用事件对象中引用的目标对象这个技术来实现的,无论事件触发时是不是目标对象的监听器在监听器内部的事件对象event中都可以访问这个事件的目标对象利用这个特点去绑定事件给父级元素来代理子级元素的业务。addEventListener第三个参数true就是捕获阶段触发false是冒泡阶段触发(默认是冒泡阶段触发)要阻止事件传递唯一方式就是阻止事件冒泡事件对象调用stopPropagation()阻止系统默认事件preventDefault()...
2022-07-28 17:02:27
150
原创 JS-元素盒子模型
el.scrollHeight盒子的实际高度(包括滚动条不可见部分，不包括边框线)el.scrollWidth盒子的实际宽度(包括滚动条不可见部分，不包括边框线)el.offsetHeight本身高度+边框线+上下内边距。el.offsetWidth本身宽度+边框线+左右内边距。el.clientHeight本身的高度+上下内边距。el.clientWidth本身的宽度+左右内边距。el.clientLeft左边框线的宽度。el.clientTop上边框线的宽度。...
2022-07-18 19:29:29
122
原创 JS-事件对象
7.clientXclientY返回鼠标位置相对于浏览器窗口左上角的坐标单位为px(不包括body部分)3.metaKey鼠标事件发生时是否按下windows/commond键返回一个布尔值。4.shiftKey鼠标事件发生时是否按下shift键返回一个布尔值。2.ctrlKey鼠标事件发生时是否按下ctrl键返回一个布尔值。1.altKey鼠标事件发生时是否按下alt键返回一个布尔值。事件触发时handler函数内部会传入数据(触发时的信息)...
2022-07-18 18:56:37
107
原创 JS-事件和事件类型
事件元素在某种状态(浏览器实现)达成时要执行的提前设定好的程序我们称之为事件句柄。事件三要素事件源事件类型事件处理程序(handler)7.鼠标滚轮滚动时鼠标指针在被选元素内部。1.行内式标签的属性值是事件触发时的执行代码。2.移除对应元素的事件监听程序。1.行内和属性绑定的事件解绑。2.属性绑定(只能绑定一个handler)3.鼠标在被选元素内按下。4.鼠标在被选元素内松开。5.鼠标进入被选元素。6.鼠标离开被选元素。3.给元素添加一个事件监听器。......
2022-07-18 18:41:52
444
原创 JS-元素的增删改查
创建元素document.createElement()这个元素是不会渲染到页面上的它不在DOM中。1.父元素删除子元素box.parentElement.removeChild(box)3.清空自己box.parentElement.innerHTML=""将元素添加到文档树x.appendChild(y)把y节点对象添加到x节点中。2.自己移除box.remove()...
2022-07-18 17:11:08
77
原创 JS-获取节点的方法
lastElementChild最后一个子元素lastChild最后一个子节点。document.getElementById(查找速度最快)通过标签id获取。document.getElementsByName通过标签的name属性获取。parentElement获取父元素parentNode获取父节点。children获取子元素们childNodes获取子节点们。直接使用标签的id作为节点对象引用(不建议!获取这个元素是兄弟中的第几个。...
2022-07-14 20:18:37
1301
原创 JS-箭头函数
2.如果箭头函数的执行体只有一个表达式就是返回值那么可以省略大括号,如果箭头函数的形参只有一个可以省略参数体小括号。箭头函数varfn=(a,b)=>{};1.箭头函数的this。
2022-07-14 19:41:13
153
原创 JS-ES6新增的内置功能
Number.isNaN(x);不是NaN就返回false(没有隐式转换)6.window.isNaN(x);不是数字就返回true(有隐式转换)5.非数字转化成数字。
2022-07-14 19:28:28
66
原创 JS-Symbol
ES5中基本数据nullundefinednumberbooleanstring。ES6新增的基本数据Symbol它是一个内置全局函数生成一个独一无二的数据。
2022-07-14 18:52:50
73
原创 JS-let和const
let 可以声明不赋值 但不能先访问再声明 也不能声明相同的变量名const: js的常量修饰符 声明时必须赋值,let var 修饰的变量的值可以被修改 const修饰的变量的值不能修改 只能初始化一次
2022-07-14 18:40:59
85
原创 JS-Object静态方法
静态方法就是直接使用类名调用的方法1. getPrototypeOf()2. keys()3. values()4. 详细定义对象成员5. 工厂函数
2022-07-13 20:16:08
59
原创 JS-对象的成员检测
1. instanceof: 判断该对象是否位为另一个对象的实例2. isPrototypeOf: 判断一个对象是否为一个实例的原型3. hasOwnProperty() 判断对象是否有某个特定的属性
2022-07-13 19:42:22
113
原创 JS-Math
属性：E 返回算术常量 e 即自然对数的底数(约等于2 .718) LN2 返回 2 的自然对数（ 约等于0 .693）LN10 返回 10 的自然对数（ 约等于2 .302) LOG2E 返回以 2 为底的 e 的对数（ 约等于 1.414）LOG10E 返回以 10 为底的 e 的对数（ 约等于0 .434) PI 返回圆周率（ 约等于3 .14159）方法：abs(x) 返回数的绝对值 ceil(x) 对数进行上舍入 floor(x) 对数进行下舍入round(x) 把数四舍五入为
2022-07-13 19:04:06
39
原创 JS-Date
Date() 返回当日的日期和时间 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6) getMonth() 从 Date 对象返回月份 (0 ~ 11)getFullYear() 从 Date 对象以四位数字返回年份 getHours() 返回 Date 对象的小时 (0 ~ 23)getMinutes() 返回 Date 对象的分钟 (0 ~ 59) getTime() 返回
2022-07-13 18:47:56
85
原创 JS-数组的常用内置功能
join() 数组转字符串 push() 数组末尾添加元素 返回新的长度pop() 删除数组最后一个元素 返回删除的元素 shift() 删除数组第一个元素 返回删除的元素unshift() 数组开头添加元素 返回新的长度 sort() 对数组元素按编码排序reverse() 颠倒元素顺序 concat() 连接数组 slice(start , end) 截取 不包含endsplice(index , howmany , item1,.....,itemX) 添加/删除项目 返回含有被删
2022-07-13 17:26:38
49
原创 JS-字符串的常用内置功能
big() 将字符串放大显示 bold() 将字符串加粗显示fontcolor() 字符串以指定颜色显示 fontsize() 字符串以指定大小显示blink() 显示闪动字符串 charAt() 返回在指定位置的字符concat() 连接字符串 indexOf() 检索字符串italics() 使用斜体显示字符串 lastIndexOf() 从后向前检索字符串slice() 截取片段 返回截取的部分 split() 把字符
2022-07-13 09:08:42
121
原创 JS-函数预编译
函数调用时 怎么运行代码的 1. 分析代码是否正确 符号 词法分析 2. 隐式操作 ==> 预编译: 函数调用了以后 在代码运行之前 1) 函数每次调用都会生成一个对象: 执行期上下文对象 2) 给AO对象添加成员: 函数内部的局部变量和形参变量名作为AO对象的属性名 AO:{a:undefined} ao.a=undefined
2022-07-11 20:23:57
53
原创 JS-闭包
封闭 闭合的包(代码块) 具有作用域的代码块就是闭包闭包的好处: 通过业务点对闭包做区分函数内部的变量外部是无法访问的 但是可以通过返回一个闭包 外部操作闭包来间接访问函数内部的变量 闭包可以决定这个变量的操作方式利用了函数每次调用时生成的独立调用栈 利用函数的形参保存临时变量的值利用函数的独立作用域 来生成业务代码块 内部的变量相互不冲突污染全局变量回调函数: 利用函数复用的功能 制作复用工具 参数返回值闭包的优点 缺点 1) 函数内部的变量 想要被外部程
2022-07-08 16:59:49
187
原创 JS-函数运行时的作用域
函数是一个引用数据 标识符可以在任何作用域去引用一个函数函数在运行时的作用域: 生成(定义和声明)时 所在的作用域函数运行时是在写函数代码的地方运行代码 不是在调用代码的地方运行代码...
2022-07-08 16:28:03
72
原创 JS(21)、作用域
var 关键字var fn=; fn就是标识符作用域: 标识符(变量和函数名) 在哪些地方能被访问 那些地方就是这个标识符的作用域 这些地方就是指函数的代码块内部和函数的代码块外部规则: 1. 函数内部的代码可以访问函数内部的标识符 也可以访问函数外部的标识符(副作用) 2. 函数外部可以访问函数外部的标识符 但是不能访问函数内部的标识符 3. 通常称函数内部的标识符为局部标识符函数的调用时运行一次代码 每一次调用都会重新执行所有代码每一个作用域在运行时
2022-07-04 19:51:27
95
原创 JS(20)、对象的成员操作和原型对象的操作
给一个对象存值 没有这个属性就直接创建这个属性 有这个属性就更新取一个对象的属性值 自己没有就会取原型对象 也没有就取原型的原型 直到null都没有 取出undefined系统内置构造函数的原型属性是不可以修改的 可以操作这个对象的属性练习题...
2022-07-04 19:37:50
61
原创 JS(19)、原型链
原型链 任何函数(自定义函数 内置函数)都有一个属性prototype 保存了一个内置对象 任何函数创建的对象都会有一个原型对象 就是函数的prototype 函数也是一个对象 函数.__proto__ 代表函数对象的原型对象 Function.prototype 最终原型Object.prototype 原型链的终点是null 对象的属性 自己有则优先使用自己的 如果自己没有
2022-07-04 19:18:10
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人