- 博客(26)
- 收藏
- 关注
原创 05-vue-响应式数据、双向绑定
1)vue2.0 采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。vue2.0对于一些特殊的引用数据,比如数组取下标的方法就劫持不了,若通过改变data中的arr[0]=1,就劫持不了,就没有响应数据,所以vue3.0就代理整个data对象。如果内存中的数据变化了 页面UI也会动态跟着刷新 这种数据就是响应式数据。反之也会让数据容器中的数据的值改变。
2022-09-03 23:46:31
288
原创 06-Vue-过滤器、计算属性
缺点:如果简单的运算也用计算属性 反而会增加资源消耗(计算属性会去监听计算的值 而且会缓存计算的结果 ) 比如生日转年龄时 可以用过滤器。比如:计算属性使用的是data中的一个数组,某个交互把数组内部的某个下标的值改了,但是这个数组没有改变,就不会触发计算属性。2.如果是修改了data中监听的某个属性值内部的数据,计算属性就不会重新运行。//计算属性设计时当做函数设计(就像es6中的属性)监听计算属性使用的数据源是否改变,改变才重写计算属性。//计算属性使用时当做属性使用。
2022-09-03 23:45:09
256
原创 05-vue-条件循环渲染样式
1.使用的变量为true就显示,false就隐藏。2.在业务中常常可以通过操作if或者show使用的变量,来达到操作元素显示和隐藏的效果。3.v-if的做法是删除节点,v-show做法是操作css的display:none。2.在vue2.0中,v-if和v-for写在一起时候会出现的问题(面试)v-if具有较高的 切换消耗,常常用在用户不常切换的模块。v-show具有较高的性能消耗,常常用在频繁切换的模块中。切换模块,它的属性值等会占用内存,更高的内存消耗。根据它们底层的设计不一样有各自的使用场景。...
2022-08-30 23:35:56
417
原创 04-Vue-绑定属性
(1)对class 属性进行绑定。前面为属性名,后面没加冒号表示。数组表示多类名:字符串、变量。(2)对style 进行绑定。对象表示布尔显示:属性值为。数组样式,多个、混合性样式。事件操作,显示和隐藏盒子。,注意属性为样式属性名。...
2022-08-30 23:34:51
1102
原创 03-Vue-事件
b.ES6的箭头函数中的this就不是vm==>因此推荐事件的函数采用ES6的对象的方法写方法 这种写法。-- 其他盒子只有@click时候。默认冒泡阶段触发,现在是捕获阶段触发。//后面学的差不多了回头补充:高薪面试题 底层设计:js的语法 definexxx 设计模式:发布订阅。方法的写法:由于是做了es6语法处理的 所以学过的所有方式的写法都行。a.方法和ES5的函数中的this是vm对象。(4)事件中的this与数据操作(面试)//a.修改内存data容器中的数据。(3)事件修饰符(面试)...
2022-08-30 23:33:15
170
原创 05--node.js各路径、静态资源托管
本地路径:本地相对路径本地绝对路径网络路径:相对网络路径绝对网络路径根路径:本地相对根路径网络相对根路径
2022-08-16 19:56:54
432
原创 02---node.js入门及常用模块
如何写一个简单的http服务器,minme模块\querystring模块url\fs模块是对文件操作的模块
2022-07-29 08:48:12
249
原创 05-js流程
流程控制结构 顺序结构 分支结构 a) if 的结构 )if else 结构)if -- else if… -- else switch语句(特定值的选择判断) • 循环结构 a)for循环while循环 do while循环 break continue )label 语法;给代码块取个名字try-catch-finally语句......
2022-07-06 17:49:41
146
原创 04-js运算符
js运算符 • 算数运算符 逻辑运算符 相等运算符: 短路运算(逻辑中断)三元运算符 逗号运算符 运算符优先级 //运算符就有优先级 表达式
2022-06-20 21:35:58
111
原创 03.javaScript数据类型--基本数据类型
js基本数据类型 浮点数运算有精度问题 not a numb(NaN) 类型转换为数字 typeof()方法
2022-06-20 21:21:35
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人