Vue.js

前言 实现思路 canvasWidth和canvasHeight用于设置Canvas的尺寸。 isDrawing表示是否正在绘制，lastX和lastY用于保存上一个绘制点的位置。 完整代码 效果

随着WebGL的性能提升和硬件设备的进步，基于Three.js和AI的3D场景生成技术将会有更为广泛的应用。 推荐一个网站里边有各种免费高清图片 免费正版高清图片素材库 超过2.8百万张优质图片和视频

Suspense**是一个在异步组件加载时展示占位内容的特性** defineAsyncComponent**用于定义异步组件**。

表单修饰符 lazy（当光标离开标签时，才会将值赋值给value） trim（过滤掉两边的空格） number（自动将用户的输入值转为数值类型，但如果这个值无法被parseFloat解析，则会返回原来

vue中使用xlsx读取excel文件的详细步骤 下载安装插件 导入项目 获取文件对象 这里使用的h5原生文件上传项 其中multiple属性允许上传多个文件 在选择文件的过程中，触发事件的流程是下面

1.为什么使用持久化 目的: 让在vuex中管理的状态数据同时储存在本地。可免去自己储存的环节。 在开发的过程中，像用户信息（名字，头像，token）需要vuex中储存且需要本地储存 再例如，购物车如

1. 导航守卫 2.全局前置守卫 每次发生路由的导航跳转时，都会触发全局前置守卫。因此，在全局前置守卫中，可以对每个路由进行 访问权限的控制： router/index.js 3.守卫方法的三个形参

vue基础必备基础指令(自我总结) v-model 数据绑定 data 返回对象用 return v-for 循环 格式 v-for="字段名 in(of) 数组json" v-show 显示 隐藏

网络请求的基础模块: `XHR 或 fetch` 由于原生的请求代码较为复杂, 所以会进行封装后使

1. v-show: 把元素准备好, 随时可以展示; 适合元素频繁切换显示 1. v-if: 如果满足条件再展示; 适合元素切换不频繁的场景

public: 简单粗暴-所有放在此目录下的文件都会打包到最终项目文件夹里 assets: 智能分辨-会自动识别项目中用到的文件 再打包到最终代码里

Vue的开发方式分两种: 1.脚本模式: 类似jQuery, 通过引入脚本来完成开发 -- 适合入门阶段 2.脚手架模式: 生产场景中使用, 专业的 工程化 开发模式