03 2022 档案
摘要：Vue核心知识：computed、methods和watch的区别 作用机制上 methods，watch 和 computed 都是以函数为基础的，但各自却都不同 watch 和 computed 都是以 Vue 的依赖追踪机制为基础的，当某一个数据发生变化的时候，所有依赖这个数据的“相关”数据“
阅读全文
摘要：jQuery中的$符 $：jquery中的函数名 document：是参数 $(document)：把js中的document对象变成jquery可以使用的对象。然后调用ready()的函数。这个ready()是jquery中的函数 ready()的执行时间在页面dom对象加载后执行的，相当于js中
阅读全文
摘要：ES11语法新特性 私有属性 class Person { //公有属性 name; //私有属性 #age; #weight;//构造方法 constructor(name, age, weight) { this.name = name; this.#age = age; this.#weigh
阅读全文
摘要：ES10语法新特性 对象扩展方法Object.fromEnteries entries和fromEntries像是一个逆运算；一个是将对象转换为二维数组，一个是将二维数组转换为对象。 //二维数组 // const result = Object.fromEntries([ // ['name',
阅读全文
摘要：ES9语法新特性 对象展开 Rest 参数与spread扩展运算符在 ES6中已经引入，不过 ES6中只针对于数组，在 ES9中为对象提供了像数组一样的 rest参数和扩展运算符 对象的合并 // function connect({ host, port, ...user }) { // cons
阅读全文
摘要：ECMASript 8新特性 async 和 await async和 await两种语法结合可以让异步代码像同步代码一样 async函数 async函数的返回值为promise对象， promise对象的结果由async函数执行的返回值决定 //async 函数 async function fn
阅读全文
摘要：ECMASript 7新特性 Array.prototype.includes Includes 方法用来检测数组中是否包含某个元素，返回布尔类型值 //includes indexOf const mingzhu = ['西游记','红楼梦','三国演义','水浒传']; //判断 console
阅读全文
摘要：ES介绍 ES全称 EcmaScript，是脚本语言的规范，而平时经常编写的JavaScript，是EcmaScript的一种实现，所以ES新特性其实指的就是JavaScript的新特性 为什么要学习新特性 1.语法简洁，功能丰富 2.框架开发应用 3.前端开发职位要求 ECMA是什么？ ECMA
阅读全文
摘要：常用Composition API 拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Composition API(组合API)“表演的舞台”。 组件中所用到的：数据、方法等等，均要配置在setup中。 setup函数的两种返回值： 若返回一个对象，则对象中
阅读全文
摘要：路由的简介 路由就是一组key-value的对应关系。 多个路由，需要经过路由器的管理。 vue-router的理解 为了实现SPA (single page web application）应用 vue的一个插件库，专门用来实现SPA应用 对SPA应用的理解 1.单页Web 应用(single p
阅读全文
摘要：四个map方法的使用 **mapState方法：**用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性: sum、school、subject（对象写法) ...mapState({sum:'sum',school:'school',subje
阅读全文
摘要：getters的使用 1.概念:当state中的数据需要经过加工后再使用时，可以使用getters加工。 2.在store.js 中追加getters配置 ...... const getters = { bigSum(state){ return state.sum*10 } } //创建并暴露s
阅读全文
摘要：vuex 概念 在vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写)，也是一种组件间通信的方式，且适用于任意组件间通信。 何时使用? 多个组件需要共享数据时 搭建vuex环境 创建：src/store/index.js //引入vue核心库
阅读全文
摘要：插槽 1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 >子组件。 2.分类：默认插槽、具名插槽、作用域插槽 3.使用方式： 默认插槽： 父组件中: <category> <div>html结构1</div> </Category> 子组件中: <tem
阅读全文
摘要：Vue封装的过渡与动画 1.作用：在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。 2.图示： 3.写法: 准备好样式: 元素进入的样式: 1.**v-enter：**进入的起点 2.**v-enter-active：**进入过程中 3.**v-enter-to：**进入的终点 元素
阅读全文
摘要：组件的自定义事件 1.一种组件间通信的方式，适用于：子组件 ==> 父组件 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件 （事件的回调在A中)。 3.绑定自定义事件: 1.第一种方式，在父组件中:<Demo @su="test"/>或<Demo v-on:s
阅读全文
摘要：基本数据类型中的null和undefined的区别： null表示“没有对象”，该处不应该有值； undefined表示“缺少值”。该处应该有值，但是没有定义； 转为数值也不同，null转为数值为0，undefined转为数值NaN（不是一个数字）； 什么时候会有null: 1、作为函数的参数，表示
阅读全文
摘要：webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。 相关API: XXXXXStorage.setItem( ' key ' , 'value ' );
阅读全文
摘要：ref属性 ref属性 被用来给元素或子组件注册引用信息（id的替代者) 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象(vc) 使用方式: 打标识：<h1 ref="xxx">.....</h1>或<School ref="xxx"></School> 获取：this.
阅读全文
摘要：脚手架文件结构 node_modulespublic public favicon.ico：页签图标 index.html：主页面 src assets：存放静态资源 logo.png component：存放组件 Hellolorld.vue App.vue：汇总所有组件 main.js：入口文件
阅读全文
摘要：Vue的生命周期钩子（8个回调函数+5个模块化函数） 生命周期: 又名：生命周期回调函数、生命周期函数、生命周期钩子。 是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 生命周期函数中的this指向是vm或组件实例对象。
阅读全文
