一些小笔记

因为平时做的都是个人的小项目，很少接触 Vuex ，最近又接触到了就遇到个小问题了。 在Vuex 的教程中有这么一段描述，如下图

接下来会用通俗点的说法解释路由守卫中三个参数其中之一的 next 参数next(),next(false),next('/'),next(error) 希望通过这接地气的解释能让自己和其他人理解

参考 Vue Router 文档中的 base 配置项 Router 构建选项 base 具体做法 添加一个 base 配置项即可

require 和 import 分别是不同模块化规范下引入模块的语句（CommonJS 和 ES6），下文将介绍这两种方式的不同之处。 1. 主要区别 区别 import require 加载 编译

安装 TS 安装 检查版本，有没有安装成功 TS 基础知识 接口（interface）：是一种能力，一种约束而已 看例子 类(TS 里的类只是个语法糖，本质上还是 JS 函数的实现)

ref 的用处 ref 将 setup 函数声明的变量变为响应式，包含且仅有一个 value 属性 ref 与 reactive 的区别 ref 是把值类型添加一层包装，使其变成响应式的引用类型的值。

先说一个大家都不怎么明确的 scss 与 sass 区别 Sass 有两套语法规则： 一种是用缩进作为分隔符来区分代码块的 一种是和 Css 一样采用了大括号{}作为分隔符。

在开发过程中经常出现按设计搞上的尺寸写 最终在不同手机上显示不一样，现在有了 rpx 这种单位会使工作轻松很多。 什么是 rpx rpx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。

常用命令对比 yarn npm yarn init npm init yarn npm install yarn global add xxx@x.x.x npm install xxx@x.x.x

一、安装 TypeScript 二、检查版本看是否安装成功 三、手动转换 进入到需要转换的 demo.ts 文件路径，命令行输入以下内容 此时当前路径就会生成一个 demo.js 文件，即转换完成

直接看代码直接看代码直接看代码直接看代码直接看代码直接看代码直接看代码直接看代码直接看代码直接看代码

相同点 都是对视图的封装，React 是用类和函数表示一个组件，而 Vue 是通过构造选项构造一个组件 都提供了 creatElement 的 XML 简写， React 提供的是 JSX 语法，而

使用官方的工具和教程 官方文档教程 官方工具codemod，详细地址在正文，点击链接即可......

安装命令 操作命令 nrm ls 可以查看所有源 nrm use taobao 切到淘宝源 nrm use npm 切到 npm 官方源

比如页面中的这种大弧度，圆弧，就可以用 clip-path: ellipse() 来实现 详细参考来源 https://www.cnblogs.com/moqiutao/p/10547330.html

上图中<HTMLDivElement[]>，尖括号<>是用来给 ref 传 TypeScript 参数的 意思是告诉 ref ，([]) 是一个 HTML div 元素的数组

用 selected 标记被选中的标签页 selected 用 index 表示，不推荐（永远不要用这个）

不能使用 scoped 因为 data-v-xxx 中的 xxx 每次运行可能不同 必须输出稳定不变的 class 选择器，方便使用者覆盖 必须加前缀 .button 不行，很容易被使用者覆盖

马一下 https://blog.csdn.net/weixin_41287260/article/details/89742151

（CSS）用 a:active{}即可 代码块 补充:下面这句 JS 代码用来判断苹果手机触发了点击事件，实现用户点击按钮的时候按钮会有阴影反馈效果。