2022年6月25日
Vue中的指令与修饰符
摘要： 指令 V-text:元素的textCentent v-html:元素的innerHTML v-show:通过样式的display控制显隐 v-if:通过控制DOM改变显隐 v-else:配合v-if v-for:循环渲染 必须带有key值 key必须是唯一值 v-on:绑定事件,缩写@ v-bind 阅读全文
posted @ 2022-06-25 13:55 长安·念 阅读(72) 评论(0) 推荐(0)
ES6中的Promise
摘要： 介绍 Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大 promise解决异步操作的优点： 链式操作减低了编码难度 代码可读性明显增强 状态 promise对象仅有三种状态 pending（进行中） fulfilled（已成功） rejected（已 阅读全文
posted @ 2022-06-25 12:11 长安·念 阅读(149) 评论(0) 推荐(0)
es6中函数新增的一些扩展
摘要： 参数 ES6允许为函数的参数设置默认值 function log(x, y = 'World') { console.log(x, y); } console.log('Hello') // Hello World console.log('Hello', 'China') // Hello Chi 阅读全文
posted @ 2022-06-25 11:15 长安·念 阅读(44) 评论(0) 推荐(0)
es6对象新增的一些扩展
摘要： 属性的简写 当对象键名与对应值名相等的时候，可以进行简写 let a={boo:boo} 等同于 let a={boo} 方法也能够进行简写 let a={ method:function() { console.log(1); }, } 等同于 a.method() let a={ method( 阅读全文
posted @ 2022-06-25 11:06 长安·念 阅读(36) 评论(0) 推荐(0)
es6中数组的一些新增扩展?
摘要： 扩展运算符 通过扩展运算符实现的是浅拷贝，修改了引用指向的值，会同步反映到新数组 var arr=[1,2] var arr1=[3,4] console.log([...arr,...arr1]);// [1, 2, 3, 4] 解构 const [a,...b]=[1,2,3,4] consol 阅读全文
posted @ 2022-06-25 09:10 长安·念 阅读(53) 评论(0) 推荐(0)
2022年6月24日
JS中的Set与Map
摘要： Set Map 后面跟的都必须是可迭代的对象 Set Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 add( ) has( ) size delete( ) let myset = new Set() //添加 console.log(myset.add(1));//{1} 阅读全文
posted @ 2022-06-24 20:07 长安·念 阅读(205) 评论(1) 推荐(0)
var/let/const之间的区别
摘要： var 使用var声明的变量存在变量提升的情况 console.log(a) // undefined var a = 2 在编译阶段，编译器会将其变成以下执行 var a console.log(a) a = 20 使用var，我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明 v 阅读全文
posted @ 2022-06-24 12:29 长安·念 阅读(38) 评论(0) 推荐(0)
JS的防抖与节流
摘要： 定义 节流(throttle): n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效 在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发 防抖(debounce): n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时 前面的所有的触发都被取 阅读全文
posted @ 2022-06-24 11:46 长安·念 阅读(188) 评论(0) 推荐(0)
JS中的this
摘要： this this 关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象 this在函数执行过程中，this一旦被确定了，就不可以再更改 绑定规则: 根据不同的使用场合，this有不同的值，主要分为下面几种情况： 默认绑定 隐式绑定 new绑定 显示绑定 默认绑定 var 阅读全文
posted @ 2022-06-24 10:28 长安·念 阅读(55) 评论(0) 推荐(0)
2022年6月23日
JS获取页面的各种距离 (event对象的offsetX, clientX, pageX, screenX)
摘要： JS获取页面坐标数据 1.client系列 event.clientX 和 event.clientY：点击位置距离当前body可视区域的x，y坐标 2.screen系列 event.screenX 和 event.screenY： 点击位置距离当前电脑屏幕的x，y坐标 3.offset系列 eve 阅读全文
posted @ 2022-06-23 20:42 长安·念 阅读(5459) 评论(0) 推荐(0)
JS中的DOM节点
摘要： <ul> <li> <p>11111</p> </li> <li> <p>2222</p> </li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> var list = document.querySelector('ul') 获取子节点(ch 阅读全文
posted @ 2022-06-23 17:26 长安·念 阅读(44) 评论(0) 推荐(0)
JS事件模型(事件流/事件模型/事件委托/事件监听)
摘要： 事件 javascript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性， 常见的有加载事件、鼠标事件、自定义事件等 事件流 由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流的概念 事件流都会经历三 阅读全文
posted @ 2022-06-23 11:15 长安·念 阅读(291) 评论(0) 推荐(0)
2022年6月22日
JSBOM操作
摘要： BOM是什么吗? BOM (Browser Object Model)，浏览器对象模型，提供了独立于内容与浏览器窗口进行交互的对象 BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。 window 在浏览器中，window对象有双重角色，即是浏 阅读全文
posted @ 2022-06-22 21:07 长安·念 阅读(57) 评论(0) 推荐(0)
JSDOM操作
摘要： div、p是元素节点，content是文本节点，title是属性节点 创建节点 createElement 创建新元素，接受一个参数，即要创建元素的标签名 let div = document.createElement('div') createTextNode 创建一个文本节点 let text 阅读全文
posted @ 2022-06-22 15:48 长安·念 阅读(91) 评论(0) 推荐(0)
JS原型/原型链---7
摘要： 原型 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _'属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属 阅读全文
posted @ 2022-06-22 13:59 长安·念 阅读(40) 评论(0) 推荐(0)