11 2021 档案

JavaScript 垃圾回收机制
摘要：1. JavaScript 垃圾回收机制的思想很简单：确定哪个变量不会再被使用，然后释放它所占用的内存空间，垃圾回收程序每隔一段时间就会自动运行一次。但是我们需要对变量进行跟踪，标记不会再使用的变量。 2. 浏览器史上两种主要的标记策略： （1）标记清理：是 JavaScript 最常用的垃圾回收策 阅读全文
posted @ 2021-11-13 20:06 TwinkleG 阅读(199) 评论(0) 推荐(0)
JavaScript 函数参数是值传递的！
摘要：1. JavaScript 中基础类型变量时按照值传递，即 Number、Symbol、String、Boolean、Undefined、Null 引用类型变量按照引用传递，即Object 2. JavaScript 中函数参数都是按照值传递的，然而有些人可能会对下面例子有所误解，认为其是引用传递： 阅读全文
posted @ 2021-11-13 19:27 TwinkleG 阅读(86) 评论(0) 推荐(0)
JavaScript 执行上下文及作用域链
摘要：1. 之前在脑子比较混乱的时候写的一段水文：https://www.cnblogs.com/twinkleG/p/15362246.html 现在回过头来看有点没意义，重新组织一下语言。 2. 红宝书 P88 （1）JavaScript 中作用域也叫做执行上下文，变量和函数所处的上下文决定了它们能够 阅读全文
posted @ 2021-11-12 16:50 TwinkleG 阅读(56) 评论(0) 推荐(0)
v-if 和 v-show
摘要：1. v-if：在符合条件时，渲染DOM；在条件不符合时，不会渲染DOM。 2. v-show：即使不符合条件，也会渲染DOM，只是当不符合条件时，会设置样式 display: none 将元素隐藏，符合条件时显示元素。 比较：（1）v-if 条件切换时是对DOM进行创建和销毁，频繁的修改DOM会有 阅读全文
posted @ 2021-11-08 13:57 TwinkleG 阅读(66) 评论(0) 推荐(0)
怎么理解 Vue 的单向数据流？
摘要：1. Vue 的单向数据流：指数据一般从父组件传到子组件，子组件没有权利直接修改父组件传来的数据，即子组件从 props 中直接获取的数据，只能请求父组件修改数据再传给子组件。父级属性值的更新会下行流动到子组件中。 2. 为什么不能子组件直接修改父组件传来的值呢？父组件的值可能会不断发生变化，那么如 阅读全文
posted @ 2021-11-07 22:10 TwinkleG 阅读(5487) 评论(0) 推荐(0)
Vue 组件通信方式总结【简单到不想总结呜呜】
摘要：为了看的方便，在最后把所有的代码贴出来了，可拉到页面底部查看；【只有前几种方式的，其他方式暂时没贴出来，因为图太多了...】 1. 父组件传值给子组件：在子组件中 props 中定义接收父组件值的变量名称，在父组件调用子组件的标签时，给子组件对应变量名称传入值即可。 父组件中： 子组件中： 2. 子 阅读全文
posted @ 2021-11-07 19:56 TwinkleG 阅读(153) 评论(0) 推荐(0)
Vue-LifeCycle父子生命周期钩子函数【附简单应用场景】
摘要：1. 本篇随笔介绍当在 Vue 中，父子组件的生命周期函数。 2. 首先是父子组件执行顺序问题： 【1】加载渲染过程： （1）如果仅有一个子组件，那么执行顺序为 father.beforeCreate -> father.created -> father.beforeMount -> son.be 阅读全文
posted @ 2021-11-07 16:47 TwinkleG 阅读(319) 评论(0) 推荐(0)
Vue-LifeCycle生命周期钩子函数【非深入】
摘要：1. 在我们使用 Vue 写项目时，必须要了解 Vue 实例化过程中所经历的一些事件。Vue 实例从被创建到销毁的阶段被称作生命周期，在其中我们可以通过八大生命周期钩子函数在 Vue 实例化的不同阶段添加自己希望书写的代码。 （1）beforeCreate：vue 实例刚刚创建出来，data、met 阅读全文
posted @ 2021-11-07 15:27 TwinkleG 阅读(80) 评论(0) 推荐(0)
项目中遇到需要复习的知识点
摘要：1. css animation动画 2. css padding百分比会导致height失效的情况 3. vue created、mounted生命周期 4. 在vue实例中不可以使用普通函数，而要使用箭头函数，否则因为作用域问题无法通过this获取vue实例对象 5. javaScript sc 阅读全文
posted @ 2021-11-06 21:46 TwinkleG 阅读(45) 评论(0) 推荐(0)
css 文本超出部分省略显示
摘要：1. 首先先简单介绍一下几个属性： （1）white-space：nowrap，目前在学习过程中只见过这个属性值，但 white-space 还有其他属性值，可以去文档参考。它表示连续的空白符会被合并，最终只显示一个空白符，同时禁止换行。 （2）text-overflow：ellipsis，表示当文 阅读全文
posted @ 2021-11-06 15:44 TwinkleG 阅读(317) 评论(0) 推荐(0)
ElementUI v-infinite-scroll
摘要：1. v-infinite-scroll 是饿了么团队开发的用于Vue项目开发的无限滚动插件，具体使用直接看GitHub即可： https://github.com/ElemeFE/vue-infinite-scroll 其他资料：https://www.jianshu.com/p/c4abab8c 阅读全文
posted @ 2021-11-06 15:29 TwinkleG 阅读(947) 评论(0) 推荐(1)
等于 和 全等于 区别【new】
摘要：1. 之前转载别人的：https://www.cnblogs.com/twinkleG/p/15310285.html 2. JavaScript红宝书第四版学习总结： 【1】==、!= 被称作等于和不等于， 、!==被称作全等和不全等 【2】等于和不等于在进行比较之前会预先对操作数进行一些转换，转 阅读全文
posted @ 2021-11-05 15:29 TwinkleG 阅读(659) 评论(0) 推荐(0)
ES6 Symbol类型
摘要：Symbol符号：符号的用途确保对象属性使用唯一标识符，创建唯一记号，进而用作非字符串形式的对象属性。（1）基本用法：Symbol需要依靠Symbol()函数初始化，在调用Symbol()函数时，可以传入一个字符串参数作为对符号的描述。 let sym = Symbol('my symbol'); 阅读全文
posted @ 2021-11-05 15:01 TwinkleG 阅读(37) 评论(0) 推荐(0)