本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CSS 动画由规范 -- CSS Animations Level 1 定义。CSS ...

//富文本编辑器import { container, quillEditor, Quill } from "vue-quill-editor";// 粘贴图片上传import {ImageExtend} from 'quill-image-paste-module'Quill.register('modules/ImageExtend', ImageExtend)

yarn add babel-polyfillsrc/main.js 首行增加：import 'babel-polyfill'

文件：.eslintrc.jsExpected indentation of 2 spaces but found 4增加： {代码...} 'Vue' is not defined增加： {代码...} rule 'vue/no-parsing-error' was not found {代码...}

当引用less文件时，报错信息如下 {代码...} 说明less-loader的版本过高，不兼容getOptions方法。故：npm uninstall less-loader --save-devnpm i [email protected] --save-dev

css {代码...} 注释无法嵌套旧版浏览器中可以使用<!-- --> 及 //,不推荐html {代码...} 注意：不要使用//及/** 注释*/，打包容易出现问题js可使用： {代码...} 不可使用： <!-- 注释 -->参见:([链接]

删掉 node_modules文件夹和pacakage-locak.json文件然后 npm i

vue-cli： npm i -g @vue/cli 最新版本

{代码...}

引入css文件 {代码...} / global styles / {代码...} import '@/'@：src

原因是没有绑定v-model属性,且data中没有绑定的value属性.

encodedURIComponent(uriComponent: string | number | boolean)将utf-8字符串转换成字符的实例规则：以下字符不会被转义字母 数字 - _ . ! ~ * ' ( )譬如：encodeURIComponent('=') // %3DencodeURIComponent('?') // %3F避免服务器收到意外的请求，最好使用encoded...

问题出现在引入方法的时候可以把方法用{}包括即可譬如：import foo from './utils/index';改成import {foo} from './utils/index';

function fun(){} //声明一个名为fun的函数fun() //执行fun函数如果直接在声明函数之后加执行()，会报错。所以常见的立即执行函数写法：(function fun(){}()) //立即执行函数(function fun(){})() //立即执行函数