enumerable 控制属性是否可以枚举(遍历) 当且仅当该属性的enumerable 键值为 true 时，该属性才会出现在对象的枚举属性中。 默认为 false。...该方法接受一个参数（也就是被赋予的新值），会传入赋值时的 this 对象。 默认为 undefined。...需求：能否让people对象中的age属性动态发生变化呢？ **尝试方法：**在外界定义变量num 把num的值赋给perople中的age属性。...不是，vue在读取到data属性后 会先把data赋值给 vue实例上的另外一个属性 _data ，再把_data中的属性和getter和setter方法复制到vm的实例对象上....name = '张三三' //创建一个新的对象把整体的张三所在的对象给替换掉 this.list[0] = {id:1,name:'张三三
当你的用户重新登录你的应用时，你可以为他们展示一个数字键盘，他们可以在此输入一个PIN码，你的应用在让他们登录前需要验证这个PIN码。 在我们的教程中，我们将创建这第二种用例的一个简单示例。...我们将看到如何在 React Native 中从头开始设置一个数字键盘，以便用户可以创建一个 PIN 并使用该 PIN 登录应用。...当点击 Keypad 内容时，我们将首先调用 onPress 属性进行检查： 如果按下的按钮的值为 X 。如果是这样，它应该删除数组中的最后一个项目——换句话说，删除最后选择的PIN值。...如果按下的按钮的值是除了 X 之外的任何值。如果是，它应该使用 setCode 属性将选中的项目添加到代码数组中。 如果代码数组的长度等于 pinLength - 1 。...如果 code 状态数组中有四个项目，长度将为 3 ，因为数组中的索引值从 0 开始。
// 给data做响应式处理 } 首先判断了下 data 是不是函数，是则取返回值不是则取自身，之后有一个 observe 方法对 data 进行处理，这个方法尝试给创建一个Observer实例 __ob...Observer 对象实例，Observer 是一个 Class，用于依赖收集和 notify 更新，Observer 的构造函数使用 defineReactive 方法给对象的键响应式化，给对象的属性递归添加...: boolean) { const dep = new Dep() // 在每个响应式键值的闭包中定义一个dep对象 // 如果之前该对象已经预设了getter/setter...栈中，当前取值的watcher取值结束后出栈并把原先的watcher值赋给 Dep.target，cleanupDeps 最后把新的 newDeps 里已经没有的watcher清空，以防止视图上已经不需要的无用...同时将该实例存入target栈中 */ export function popTarget() { ... } /* 将观察者实例从target栈中取出并设置给Dep.target */ 这里 Dep
注意：v-bind:class指令可以与普通的class特性共存 1、 v-bind 中支持绑定一个对象 如果绑定的是一个对象 则 键为 对应的类名 值 为对应data中的数据 的区别 绑定对象的时候 对象的属性 即要渲染的类名 对象的属性值对应的是 data 中的数据。...v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件。 循环结构 v-for 用于循环的数组里面的值可以是对象，也可以是普通元素。...-- 循环结构-遍历数组 item 是我们自己定义的一个名字 代表数组里面的每一项 items对应的是 data中的数组--> 在data 中定义一个 默认的 索引 currentIndex 为 0。 给第一个li 添加 active 的类名。
该对象拥有数值属性，可当做数组来用，含有传入到该函数的所有参数。arguments标识符本质上是一个局部变量，在每个函数中会自动声明并初始化该变量。...对数据渲染的过程有了更深的一层理解，从new Vue()开始，创建了一个vue是对象，会先进行init初始化——>$mount()——>compile(若已经是render则该过程不需要)——>render...$el // 当前组件对应的根元素 vm.$slots // 定义在父组件中的slots，是个对象键为name，值为响应的数组 vm....注意是在原数组中进行排序，没有新键数组。数组中的undefined元素会始终排列在数组末尾。...value,...要插入数组中的零个或多个值，从start序号开始插入。 返回值： 如果从数组中删除了元素，则返回一个新数组，包含这些删除的元素，splice()会直接修改数组。
注意：v-bind:class指令可以与普通的class特性共存 1、 v-bind 中支持绑定一个对象 如果绑定的是一个对象 则 键为 对应的类名 值 为对应data中的数据 的区别 绑定对象的时候 对象的属性 即要渲染的类名 对象的属性值对应的是 data 中的数据 绑定数组的时候数组里面存的是data 中的数据 绑定style 从创建 到销毁的过程 ，这些过程中会伴随着一些函数的自调用。...reverse() reverse() 将数组倒序，成功返回倒序后的数组 替换数组 不会改变原始数组，但总是返回一个新数组 filter filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素...该方法并不会修改数组，而是返回一个子数组 动态数组响应式数据 Vue.set(a,b,c) 让 触发视图重新更新一遍，数据动态起来 a是要更改的数据 、 b是数据的第几项、 c是更改后的数据 图书列表案例
BOM对象（把浏览器的地址栏，历史记录，DOM等装在一个对象） 浏览器内部有JS解释器/引擎；在html里的JS代码会被引擎所执行，执行的结果是对DOM对象的操作（即是对节点树内的标签进行操作） JS添加特效...： 无非就是用JS操作DOM对象而已 JS的引入方式 JS代码可在html中任意位置编写，但浏览器解析代码是从上到下的，需注意此时html是否已经解析该标签，能让JS能否获取该DOM对象，所以有时会把代码放到...= 22; var b=33; alert(a && b); //输出33 数组与对象的操作 JS中数组的数字键值只能从0开始递增 注意 ： 数组中括号，JS中length ； 对象用大括号 ?...Js的内置对象的使用 ? ? window对象 window对象和JS没关系；是浏览的一个数组对象，供JS来操作。...如果直接赋值，不加var（如：a=10）就会一直往外找该变量，找到则赋值给它，否则默认赋给window.变量名 ?
v-text v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题 如果数据中有HTML标签会将html标签一并输出 注意：此处为单向绑定，数据对象上的值改变，插值会发生变化...注意：v-bind:class指令可以与普通的class特性共存 //1、 v-bind 中支持绑定一个对象 如果绑定的是一个对象 则 键为 对应的类名 值 为对应data中的数据 的区别 绑定对象的时候 对象的属性 即要渲染的类名 对象的属性值对应的是 data 中的数据 绑定数组的时候数组里面存的是data 中的数据 2. style样式处理 对象语法 是动态的向DOM树内添加或者删除DOM元素 控制元素是否渲染到页面 v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件 3.循环结构 v-for遍历数组...-- 循环结构-遍历数组 item 是我们自己定义的一个名字 代表数组里面的每一项 fruits对应的是 data中的数组名-->
(m); // m 为当前元素的值 } VM215:3 0 VM215:3 1 VM215:3 2 VM215:6 1 VM215:6 2 VM215:6 5 变量声明 var 声明一个变量，可赋一个初始值...includes() includes()用于表示数组是否包含给定的值 第二个参数为起始位置，默认为0，如果负数，则表示倒数的位置，如果大于数组长度，则重置为0开始。...闭包函数 内部函数只能在外部函数中访问 内部函数形成闭包 可以访问外部函数的参数和变量 外部函数却不能使用这个内部函数的参数和变量 闭包可以给内部函数的变量提供一定的安全保障 在js中一个函数在另一个函数中定义...正则对象方法 RegExp对象方法 属性 说明 test() 用于检测一个字符串是否匹配某个模式 exec() 该方法用于检索字符串中的正则表达式的匹配,该函数返回一个数组 [a-z] 匹配小写字母从...a到z中的任意一个字符 [A-Z] 匹配大写字母从a到z中的任意一个字符 [0-9] 匹配数字0到9中任意一个字符，等于 \d [0-9a-z] 匹配数字0到9或者小写字母a到z中任意一个字符。
依赖收集的特点：给每个属性都增加一个dep属性，dep属性会进行收集，收集的是watcher // 2. vue会给每个对象也增加一个dep属性 const vm = new Vue({...$set 的实现原理是：如果目标是数组 ，直接使用数组的 splice 方法触发相应式；如果目标是对象 ，会先判读属性是否存在、对象是否是响应式，最终如果要对属性进行响应式处理，则是通过调用 defineReactive...数组里每一项可能是对象，那么我就是会对数组的每一项进行观测，（且只有数组里的对象才能进行观测，观测过的也不会进行观测）vue3：改用proxy ，可直接监听对象数组的变化。...，移动到旧后之后）旧后与新前（尾与头比，此种发生了，涉及移动节点，那么新前指向的节点，移动到旧前之前）如何从真实DOM到虚拟DOM涉及到Vue中的模板编译原理，主要过程：将模板转换成ast 树，ast...$set 的实现原理是：如果目标是数组，直接使用数组的 splice 方法触发相应式；如果目标是对象，会先判读属性是否存在、对象是否是响应式，最终如果要对属性进行响应式处理，则是通过调用 defineReactive
includes() includes()用于表示数组是否包含给定的值 第二个参数为起始位置，默认为0，如果负数，则表示倒数的位置，如果大于数组长度，则重置为0开始。...如果没有提供初始值，则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。...闭包函数 内部函数只能在外部函数中访问 内部函数形成闭包 可以访问外部函数的参数和变量 外部函数却不能使用这个内部函数的参数和变量 闭包可以给内部函数的变量提供一定的安全保障 在js中一个函数在另一个函数中定义...正则对象方法 RegExp对象方法 属性 说明 test() 用于检测一个字符串是否匹配某个模式 exec() 该方法用于检索字符串中的正则表达式的匹配,该函数返回一个数组 [a-z] 匹配小写字母从...a到z中的任意一个字符 [A-Z] 匹配大写字母从a到z中的任意一个字符 [0-9] 匹配数字0到9中任意一个字符，等于 \d [0-9a-z] 匹配数字0到9或者小写字母a到z中任意一个字符。
Lua Table 简介Table 结构：在Lua中，table是一种可以存储键值对的数据结构，它既可以用作数组（通过数字索引来访问元素），也可以用作字典（通过任意类型作为键），作为二者的结合体使用也是可以的索引...其所有元素都是字符串或数字，返回指定表中从start位置到end位置且每个元素以特定分隔符分割的字符串注意：当使用 table.concat 函数时，它默认会按照数值索引的顺序连接表中的元素，忽略非数值索引的键值对...table.move (a1, f, e, t ,a2)a1: 源表f: 开始索引e: 结束索引t: 目标索引a2: 目标表，默认为a1将开始索引到结束索引区间内的元素从表 a1 移动到表 a2目标索引开始的位置...在表内从 list1 到 list#list 原地 对其间元素按指定次序排序。 如果提供了 comp ， 它必须是一个可以接收两个列表内元素为参数的函数。...// 此时栈顶的值是 "xmr"，而索引 1/-2 指向的是刚创建的表，因此相当于为表添加了一个键 "name" 和对应的值 "xmr"。
表单修饰符在我们填写表单的时候用得最多的是input标签，指令用得最多的是v-model关于表单的修饰符有如下：lazy在我们填完信息，光标离开标签的时候，才会将值赋予给value，也就是在change...会对对象中的每一项进行求值，此时会将当前 watcher存入到对应属性的依赖中，这样数组中对象发生变化时也会通知数据更新源码相关get () { pushTarget(this) // 先将当前依赖放到...：key的作用主要是为了更高效的更新虚拟DOMvue在patch过程中 判断两个节点是否是相同节点是key是一个必要条件 ，渲染一组列表时，key往往是唯一标识，所以如果不定义key的话，vue只能认为比较的两个节点是同一个...-- 相当于多了一个事件监听，事件名是update:a, -->中，会把接收到的值赋值给属性绑定的数据项中。...$set 的实现原理是：如果目标是数组，直接使用数组的 splice 方法触发相应式；如果目标是对象，会先判读属性是否存在、对象是否是响应式，最终如果要对属性进行响应式处理，则是通过调用 defineReactive
它是一个函数变量，里面的变量和函数不会污染到全局作用域。从 jQuery 到 Lodash 之类的库都用 $etc 表示该用法。 在这里我想说的是“学好函数”。在使用函数的过程中可能会有很多小陷阱。...那什么是 bind 函数？ Bind 将一个全新的 this 赋给指定的函数。Bind 与 call 或 apply 不同，bind 情况下，函数不会立即执行。...map 携带一个函数参数。而该函数自身也带有参数。这个参数是从数组中筛选的。这个方法应用于数组中的所有元素，并返回处理过的元素。 reduce ruduce 函数将指定的列表缩减为一个最终值。...当然，通过循环数组并将结果保存在变量中也能实现相同的效果。但在这里，同样是将一个数组缩减成一个值，reduce 更为简洁。...reduce 的一个实际用途是合并数组中的数组元素。合并是将内部数组元素转换成一个简单数组。
removeSub方法用于从subs数组中移除一个依赖。depend方法用于将当前正在执行的Watcher添加到Dep实例中。notify方法用于触发所有依赖（即Watcher）进行更新。3....在addDep方法中，会判断该依赖是否已经被添加过，如果没有，则将其添加到newDeps数组和newDepIds集合中，并判断是否已经被订阅过，如果没有，则调用dep.addSub(this)将当前Watcher...最后，将代理对象proxy缓存到proxyMap中，并返回该代理对象。通过这个函数，Vue3实现了对目标对象的响应式转换，并缓存了代理对象以避免重复创建。...在内部，它使用了一个名为 targetMap 的 WeakMap 来存储依赖关系。它以目标对象为键，以属性的依赖集合为值。...* Vue3使用WeakMap来存储依赖关系，将对象作为键，将属性的依赖集合作为值。这样可以避免内存泄漏，并且不需要全局变量来追踪依赖。
-- vue显示数据，需要使用模板 {{js的表达式}} --> 我的名字叫：{{username}},我的年龄是：{{age+1}},我喜欢很多运动，比如：{{hobby[0]}}...-- 计算数据 --> {{msg - 8}} 注意：写插值语句的时候，只有的id=app的元素下面才可以使用插值语句，所以，尽可能创建一个标签，将所要渲染的数据，都写入当前标签中 3.... vue常用指令 指令的属性值为js表达式 3.1 v-html语法结构 v-html：类似于原生中的innerHTML，能够解析标签 给标签添加html...结构text v-text：类似于原生中的innerText，不能解析标签，只能原样输出文本 跟插值语句的用法是一样的 给标签添加文本text 在的dom，会复用之前的dom，但是这并不是我们想要的效果，这个时候就可以给他加一个key值，告诉vuejs，这是唯一的，是不能复用的input 解决方案：只需要给所有的input添加一个key
1）Array.prototype.sliceslice()方法是JavaScript数组的一个方法，这个方法可以从已有数组中返回选定的元素：用法：array.slice(start, end)，该方法不会改变原始数组...s.concat(repeat(s, --n)) : "";}实现深拷贝浅拷贝： 浅拷贝指的是将一个对象的属性值复制到另一个对象，如果有的属性的值为引用类型的话，那么会将这个引用的地址复制给对象，因此两个对象会有同一个引用类型的引用...// 在javascrpt中我们可以通过eval或者new Function的方式来将一个字符串转换成js代码来运行。...;}// Module的实现很简单，就是给模块创建一个exports对象，tryModuleLoad执行的时候将内容加入到exports中，id就是模块的绝对路径// 定义模块, 添加文件id标识和exports...然后通过new Module实例化的方式创建module对象，将模块的绝对路径存储在module的id属性中，在module中创建exports属性为一个json对象// 使用tryModuleLoad
-- 注意:在指令中不要写插值语法 直接写对应的变量名称 在 v-text 中 赋值的时候不要在写 插值语法 一般属性中不加 {{}} 直接写 对应 的数据名 --...注意：v-bind:class指令可以与普通的class特性共存 1、 v-bind 中支持绑定一个对象 如果绑定的是一个对象 则 键为 对应的类名 值 为对应data中的数据 的区别 绑定对象的时候 对象的属性 即要渲染的类名 对象的属性值对应的是 data 中的数据 绑定数组的时候数组里面存的是data 中的数据 绑定style 是动态的向DOM树内添加或者删除DOM元素 v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件 循环结构 v-for 用于循环的数组里面的值可以是对象...-- 循环结构-遍历数组 item 是我们自己定义的一个名字 代表数组里面的每一项 items对应的是 data中的数组-->
1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象只是对原对象的一个引用，而不复制对象本身，新旧对象还是共享同一块内存 如果属性是一个基本数据类型，拷贝就是基本类型的值，如果属性是引用类型...，拷贝的就是内存地址, 2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用” 深拷贝就是把一个对象，从内存中完整的拷贝出来，从堆内存中开辟了新区域...，用来存新对象，并且修改新对象不会影响原对象 3、赋值： 当我们把一个对象赋值给一个新的变量时，赋的是该对象在栈中的内存地址，而不是堆中的数据。...把数组列表计算成一个 19.isArray() 判断是否是数组 20. indexOf 找索如果找到了就会返回当前的一个下标，若果没找到就会反回-1 21. lastIndexOf 它是从最后一个值向前查找的...7、解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值 常见的几种方式有 1.默认值 2.交换变量 3.将剩余数组赋给一个变量 结构数组和对象字符串区别 对象的解构与数组类似
数字键： KeyCode.Alpha0 到 KeyCode.Alpha9：主键盘上的数字键0到9 KeyCode.Keypad0 到 KeyCode.Keypad9：数字键盘上的数字键...在不同操作系统（如Windows、MacOS、Linux）上的差异 在Unity中，KeyCode值用于表示键盘上的物理按键。...Input.GetKeyDown() ：这个方法没有提供具体的参数，因此它实际上是一个语法错误或不存在的方法。...在 Unity 中，正确的用法应该是 Input.GetKeyDown(KeyCode)，其中 KeyCode 是一个枚举值，代表键盘上的某个按键。...开发者可以通过访问 Input.touches 属性数组来获取触摸状态。此外，Unity还提供了一个名为 Input-touchSupported 的属性，用于确定当前设备是否支持触摸输入。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
