Vue Router是Vue官方的一个插件库，用来实现SPA（single page web application）。 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。对于前端，key是路径，value是组件。 基本使用 npm安装好vue-rou......
前言 自己笔记本电脑是装的黑苹果，之前在Catalina里蓝牙很完美，然后昨天手贱格盘升级到12 Monterey。其他地方还好说，就是唯独这个蓝牙十分头疼。 具体问题为： 睡眠唤醒后，蓝牙失效。蓝牙键盘无法自动连接上，AirPods也是如此 手动去偏好设置中重新关闭再开启蓝牙后，有一定几......
Vuex Vuex是Vue的一个官方插件，用于多个组件需要共享数据。也是一种组件间的通信方式，适用于任意组件间通信。Vuex官方文档 原理示意图： 搭建Vuex环境 npm安装好vuex包后，创建 src/store/index.js 文件： //引入Vue核心库 import Vue from "vue"; //引入Vuex import Vuex from "vuex"; //应用Vuex插件 Vue.use(Vuex); //准备acti......
render函数 import Vue from 'vue' 在main.js中直接引入vue，其实引入的是runtime运行版的vue，精简掉了模板解析器，所以不能使用template配置项。 但我们可以使用render函数实现模板解析： render(createElement) { return createElement(App) } 由于无需使用this，所以可以用箭头函数简写： render: h => h(App) render函数......
数据代理 Vue 首先将data中的数据存储在实例对象vm的 _data 中，然后利用Object.defineProperty()把 _data 中的所有属性添加到vm身上，并为每个属性分别创建getter和setter，在getter和setter内部代理操作 _data 中对应的属性，实现数据代理。 列表渲染 <ul id="root"> <!-- <li v-for="(p,......
对象的属性名 什么时候必须使用['属性名']的方式调用对象的属性？ 属性名包含特殊字符：- 空格 属性名为一个变量（不是一个确定的字符串） var p = {}; p['content-type'] = 'text/json'; var propName = 'myAge'; var value = 18; p[propName] = value; 立即调用函数IIEF 作用在于可以隐藏内部实现，和不会污染外部命名空间。 ;(function() { // 函数体 })() 为防止JS语句不加分号而引起的......
数据-变量-内存的联系 var a = xxx，变量a的内存中到底保存的是什么？ 若xxx是一个基本数据类型，则保存的就是这个数据本身 若xxx是一个对象，则保存的是该对象的地址值 若xxx是一个变量，则保存的是xxx的内存中的内容，可能是基本的数据，也可能是地址值 引用变量的赋值问题 2个引用变量指......
数据类型分类 基本类型（值类型）： String 字符串型 Number 数字型 Boolean 布尔型：true / false undefined：undefined null：null 对象类型（引用类型）： Object 任意对象 Function 函数对象：可以执行 Array 数组对象：数值下标，内部数据有序 判断数据类型 typeof返回数据类型的字符串表达： 可以判断除了nu......
正则表达式用于定义一些字符串的规则。 使用构造函数创建正则表达式 通过RegExp()构造函数创建正则表达式的对象： var reg = new RegExp("正则表达式", "匹配模式"); 两个参数均为字符串类型，匹配模式可省略 正则表达式为要匹配的字符串中需包含的关键字 匹......