- 博客(16)
- 收藏
- 关注
RSS订阅原创 状态管理与导航
vuex是一种vue.js的应用程序开发的状态管理模式库,采用集中式储存管理,并且保证状态可以以一种可预测的方式发生变化。getters:对state的数据进行加工 相当于computed 可以缓存 不能修改state数据。actions:不能直接修改state的数据,需要触发mutations,(异步)mutations:修改state的数据方便追踪数据的流转 (同步)进行同一的状态管理,解决不同组件共享数据的问题。操作: 响应在视图上的用户输入导致的状态变化。状态 : 驱动应用的数据源。
2023-08-25 22:14:02
40
1
原创 监听属性和计算属性的区别
watch一个对象，键是表达式，值是回调函数。监听数据的变化，而进行具体的业务逻辑操作；总结:计算属性用于对已有的数据进行处理和转换，生成新的数据；而监听属性用于监测数据的变。化并执行相应的副作用操作。它们在Vue开发中都有各自的应用场景，根据实际需求选择使用。computed属性的结果会被缓存，依赖的响应式属性变化才会重新计算。methods方法表示一个具体的操作，主要书写业务逻辑；计算属性:对已有的数据进行计算和衍生,生成新的数据。监听属性:监测数据的变化并触发相应的回调函数。
2023-08-25 08:15:53
107
1
原创 生命周期的认识
/data中的数据和methods中的方法已经初始化，是第一个可以操作data中数据和methods中方法的生命周期 用于页面的重定向。//可以执行0次或多次 页面更新前,页面中的数据是旧的,但是data中的数据是最新的,数据和页面尚未同步。//data中的数据和methods中的方法还没有初始化 用于页面的重定向。//可以执行0次或多次 更新之后 页面和data中的数据都是新的,保持同步。//真实的DOM元素,第一个可以操作DOM元素的生命周期。//生命周期和data,methods是平级的。
2023-08-22 22:26:23
33
1
原创 vue脚手架
vue.filter("过滤器名","回到函数") 其中回调函数有两个参数(data,format)前端路由:对于单页面的应用程序,主要通过url中的hash(#号)来实现不同页面之间的跳转。data的返回值 : 管道符前面的数据, format的返回值:过滤器传的参数。过滤器:用作常见的文本格式化,应用:插值表达式 v-bind表达式,用管道符链接"|"当有多个管道符时,data是上一个过滤器的返回值,format的返回值:是传递的参数。私有过滤器:data和methods是平级的,
2023-08-22 08:30:04
36
1
原创 鼠标事件和键盘事件
onmouseenter 鼠标进入事件 进入到元素上时触发。onmouseover 鼠标移入事件 移动到元素上时触发。onmouseleave 鼠标离开事件 离开元素后触发。client X/Y:相对于当前页面,且不包含滚动条距离。onmouseout 鼠标移出事件 移出元素后触发。page X/Y:相对于文档边缘,且包含滚动条距离。ondblclick 双击事件 双击时触发。client X:相对于浏览器页面的水平坐标。client Y:相对于浏览器页面的垂直坐标。
2023-08-16 20:40:58
47
1
原创 JS获取元素
5.通过选择器的querySelector获取元素(只选满足条件的第一个元素)2.通过类名获取元素(伪数组,通过下标获取元素,具体某一个"[下标]")6.通过选择器的querySelectorAll获取元素(获取所有元素)1.根据id获取元素(只能获取第一个)普通函数中,this指向window。构造函数中,this指向实例化对象。对象函数中,this指向当前对象。事件函数中,this指向事件源。4.通过Name名获取元素。3.通过标签名获取元素。$("要获取的元素")
2023-08-16 20:24:57
108
1
原创 月考考试题
1.使⽤合适的数组api，获取已经选择数组的id列表（列表的每⼀项只有 id），即[2,3,6,7,9]。(⼆) 现有给定的所有的⻆⾊数组为roleList，⽤户已选择的⻆⾊数组为selectedRoleList。const:必须赋初始值,是常量,声明的变量不能提升,不能重复,只在当前作用域有效,会产生暂时性的死区。(⼀) 给定指定数组list[33,2,18,3,7,5,6,19,2,5,36,24,77]。1.选择合适的数组api，获取到数组中所有的偶数，并将这些偶数除以2打印.（5分）
2023-08-16 20:05:28
60
原创 git教程
git push origin --delete +"分支名" : 删除该远程分支。git fetch origin +"远程分支名" : 把远程仓库分支拉到本地仓库。git checkout -b +"分支名" : 新建分支,并切换到该分支。git breanch +"分支名" : 新建分支,并保留在当前分支。git merge +"分支名" : 把该分支合并到当前分支。git breach -d +"分支名" : 删除该分支。git init : 初始化。
2023-08-15 19:32:34
30
1
原创 ajax请求
修改网页路径的参数:window.location.search.split("=")[1]网页的路径:window.location.href。post请求:(url请求,请求的参数,回调函数)get请求:(url地址,回调函数)ajax优点:异步请求,局部更新.
2023-08-15 08:25:48
19
1
原创 BS、less和sass
先下载bs文件,引入css文件和js文件,引入juquery时要在bs的js文件上面.LESS和SCSS都是可以拥有变量，运算，继承，嵌套,导入的功能，都可以传递参数。响应式布局:(静态布局+流式布局+自适应布局=响应式布局)less和scss是css的预处理语言,使用布局时移动端为 小于等于768px。LESS用@符号，SCSS用$符号表示。流式布局:网格系统(单位:%)弹性布局：（弹性盒模型）自适应布局:媒体查询。rem:相对于根元素。vh:相对于视口高度。vw:相对于视口宽度。
2023-08-14 20:20:21
23
原创 类的用法、set、map和模块化
6.7 Promise.race()方法：它的参数要求跟Promise.all( )方法一样，不同的是，它参数中的promise实例，只要有一个状态发生变化（不管是成功fulfilled还是异常rejected），它就会有返回。不会有keys() values() entries() forEach()等方法和size属性 但有add() delete() has() 方法 成员必须是对象类型的值。2-7 entries()方法: 返回一个键值对的遍历器。
2023-08-09 19:12:01
16
1
原创 箭头函数、迭代器和生成器
for...of的原理: 当可遍历对象被for...of遍历的时候，[Symbol.iterator]()就会被调用，返回一个iterator对象。Proxy.revocable() 取消代理,返回一个对象,且有proxy属性,就是Proxy的代理实例对象.还有一个revoke属性是一个方法,用于取消代理。iterator的原理: 当可遍历对象被for...of遍历的时候，[Symbol.iterator]()就会被调用，返回一个iterator对象。3.箭头函数没有arguments内置对象。
2023-08-08 19:50:19
71
原创 函数与symbol笔记
5、Object.values() 作用:获取对象的属性值,,Object.keys() 作用:获取对象的属性名。4、Object.setPrototypeOf() 作用:创建实例化对象, 设置一个对象的prototype属性。6、Math.trunc() 用于去除一个数的小数部分,返回整数部分,(会发生隐试数据类转化)2、Object.assign(目标对象,原始对像) 作用:将源对象的属性赋值到目标对象上。1、Object.is() 作用:比较两个值是否严格相等(全等/===)
2023-08-07 20:16:16
31
原创 ES6-数据类型新用法与解构赋值
6. const声明的变量会产生暂时性的死区,只在当前块作用域下中有效。4. let声明的变量会产生暂时性的死区,只在当前块作用域下中有效。将字符串中的字符,数组的元素,对象中的属性分解成一个一个的变量。在全局声明的变量是全局变量,在局部声明的变量是局部变量。5. const声明的变量只在当前作用域有效。3. let声明的变量只在当前作用域有效。4. const声明的变量不能重复使用。2. let声明的变量不能重复使用。3. const声明的变量不能提升。1. let声明的变量不能提升。
2023-08-03 19:09:15
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人