- 博客(31)
- 收藏
- 关注
原创 Object.is()
的结果一致的,因为 a 与 b 不相等因为他们指向了不同的地址,c 是由a赋值而来的,他们指向的是同一个地址,因此是相等的。即使我们在后面对 c 的属性进行一些修改,它与 a 仍然是相等的。因为修改的是 a 与 c 共同指向的那个地址的值。比较两个值是否相等,如果两边的值不是同一个类型的话,会将它们转为同一个类型后再进行比较。Object.is()不会对类型进行转换,两边的值必须相等且类型相同才会等到。接受两个参数,分别是需要比较的两个值;是与任何值都不相等的,包括他本身。的正负,他们都是相等的,而。
2024-05-16 14:53:31
318
原创 v-for 和 v-if 为什么不共存?
因为其实我们只需要渲染2个节点,但是最终还是循环了3次,造成了性能浪费,也就是 v-for 优先级高于 v-if,共存时会造成性能浪费。但是我们会看到,代码会报错:** item 找不到**?却是可以共存的,为什么呢?我们还是拿最简单的代码来分析。不信我们可以看看转换后的产物,跟刚刚是一模一样的!的,真正循环的只有1、3这两个节点,这提高了性能。找不到,大家都知道为啥了吧?,判断为真则正常渲染,判断为假则执行。会先循环,然后在循环中去判断。是在外层的,所以报错说。去计算,然后再去渲染。
2024-01-08 14:40:21
410
原创 git tag
通过标签回退版本后,要马上拉一个分支,然后当前主干分支要立即回到原来的位置,否则正在开发的代码可能白干了,接着在刚拉的分支上修改bug,修改完毕合并到主干上。其中>bugfix,是bugfix分支的内容。的战斗,修改后发版本,那么你就犯了严重的错误,因为你修改后的代码是无法与正在开发的版本合并哒,也就是说你的修改并不能加入现有的代码。看到了吗,你所有的操作记录都在这儿,这就是git,记录操作。
2023-12-19 15:44:14
153
原创 vue 组件通信-全局事件总线
文章目录前言一、vue2.x 事件总线二、vue3.x 事件总线1. 安装第三方库 mitt2. 注册使用3. 将事件总线注册到 vue 实例4. 派发事件的组件5. 监听事件的组件前言全局事件总线:任意组件间通信。一、vue2.x 事件总线$bus 所有组件都能看的到,所有的vc、vm都能看得到// main.jsnew Vue({ el: '#app', render: h => (App), beforeCreated() { // 安装全局事件总线,$bus就是
2022-02-24 14:01:11
875
原创 Vue3.x 的七种组件通信方式
文章目录一、前提二、举一个例子三、使用详情1. Props 方式2. emit 方式3. v-model 方式4. ref 方式5. provide/inject 方式6. 事件总线7. 状态管理器工具总结一、前提本篇文章是全部采用的 这种组合式 API 写法,相当于选项式来说,组合式 API 这种写法更加自由,具体可参考 vue文档 对两种方式的描述。本篇文章将介绍如下七种组件通信方式:● props● emit● v-model● refs● provide / inject● e
2022-02-24 13:48:19
1119
原创 let 和 var 在 for 循环中的表现
var 案例for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i) }, 100)}结果: 10 个 10原因: 因为 i 是全局变量,最后访问的都是全局变量 i,而每次循环改变 i 的值就是改变后的全局变量的值,故而输出值为10let 案例for (let i = 0; i < 10; i++) { setTimeout(() => { console.log(i)
2022-02-22 15:49:24
561
原创 JS entries() 方法
const fiuits = ['Banana', 'Orange', 'Apple']fruits.entries()/*[0, "Banana"][1, "Orange"][2, "Apple"]*/
2022-02-16 09:33:03
448
原创 js的右击事件
在原生中, oncontextmenu在vue中, @contextmenu// vue 中<div @contextmenu="clickRight($event, item.name)">{{ item.title }}</div>methods: { clickRight(event) {}}
2022-02-16 09:16:07
995
原创 如何优雅高效的取数值的整数部分和小数部分
// 取整数Math.trunc(3.75) // 3Math.trunc(-3.75) // -3// 取小数3.75%1 // 0.75-3.75%1 // -0.75
2022-02-15 15:42:00
315
原创 js中的空值合并操作符与可选链操作符
空值合并操作符( ?? ) 是一个逻辑操作符,当左侧操作数为null或者 undefined 时,返回其右侧操作数,否则返回左侧操作数与逻辑或操作符(||)不同,逻辑或操作符会在操作数为假值时返回右侧操作数。// 例如:'' 或 0 时,下面的例子0 ?? 'liyading' // 00 || 'liyading' // liyading'' ?? 'liyading' // '''' || 'liyading' // liyading...
2022-02-15 14:49:48
338
原创 JSON.stringify()
一个参数 JSON.stringify({}); // '{}'JSON.stringify(true); // 'true'JSON.stringify("foo"); // '"foo"'JSON.stringify([1, "false", false]); // '[1,"false",false]'JSON.stringify({ x: 5 ..
2022-02-15 14:07:51
204
原创 深究HTML第二天
1.table注意问题:table中放tr标签,tr标签中只能放th,td,而td中可以放任何标签;就好比ul只能放li标签一样的性质。2.cellspacing:控制单元格与单元格之间的距离;cellpadding:控制单元格内容与边框之间的距离。3.table合并规则:先上后下,先左后右。4.图像形式的提交按钮5.label直接包裹input,利用for=“id"获得光标聚集6.di...
2019-02-25 01:20:06
124
原创 深究HTML第一天
我和Html深谈的第一天1.h1在HTML中只出现一次,为避免不利于SEO2.3.sublime常用快捷键:tab补全ctrl+shift+d快速复制一行ctrl+shift+k快速删除一行ctrl+f查找ctrl+h查找替换 ctrl+鼠标单击:集体编辑ctrl+k+b隐藏(显示)侧边栏ctrl+shift+上箭头(下箭头):上下快速移动一行4.base必须在head中...
2019-02-23 23:56:42
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人