// 通用修饰符
// stop 实现阻止冒泡的修饰符
// prevent 实现阻止默认行为的修饰符
// once 表示单次触发的修饰符
// self 表示绑定事件的元素与触发事件的元素是同一个元素
// 鼠标修饰符
// left 鼠标点击左键
// right 鼠标点击右键
// middle 鼠标中间件
// 辅助修饰符
// ctrl 点击 ctrl 辅助键
// shift 点击 shift 辅助键盘
// alt 点击 alt 辅助键
// meta :点击 window | command 辅助键盘
// 键盘事件修饰符
// keydown keyup keypress 键盘的事件
// 有效修饰符 esc tab space enter delete(delete|backspace) up down left right 以及所有字母键盘
//$router 是 路由实例,包含一些切换路由的方法
/***
* push 进入一个新页面
* replace 替换当前页面
* back 返回上一个页面
* forward 进入下一个页面
* go 返回第一个页面
*/
// $route 存储了路由相关数据
// 路径 名称 query 动态路由数据(params) 等等
// 在 hash 策略下,hash 属性代表的是第二个 # 后面的内容
// vue 项目中用到的相关插件
// 在 es5 开发中,需要获取 vue.js 文件,可通过 bower 工具
// bower install vue
// 通过 npm 来安装 bower 指令 npm install -g bower
// es6 开发中,我们要获取 vue 模块 npm install vue
// 安装 vuex npm install vuex
// 安装 路由 npm install vue-router
// 安装 axios npm install vue-router
// ui 库
// vue-quill-editor 富文本编辑器
// mint-ui 做移动端使用的 ui 库 npm install mint-ui
// element-ui 做 pc 端使用的ui 库
// vue 富文本编辑器的 安装方法及使用
// npm install vue-quill-editor quill
// 注意:我们要引入 quill 模块的 样式
// quill/dist/qull.core.css
// quill/dist/qull.snow.css
// quill/dist/qull.bubble.css
// vue-cli 脚手架 的 安装
// npm install -g @vue/cli
// development 表示开发的环境
// production 表示发布的环境
// ssr( 服务器端渲染 )
// 前端服务器端渲染的问题
// 1 白屏时间长,影响用户体验
// 2 不利于搜索引擎优化(SEO)
// 后端服务器端渲染的问题
// 无法绑定交互
// 为了解决浏览器端与服务器端渲染的问题,使用前后端同步渲技术
// less
// npm install less -g
// sass
// 前提 安装 sass 前先安装 ruby
// 安装完成 输入 gem -v 可查看版本号
// sass 属于 gem 的一个模块,可以通过 gem 安装 sass
// gem install sass sass -v 查看版本号
// 手动安装 sass gem install 将 sass 文件拖进来
/**
* 注意:
* 我们在开发的时候,通常写中文注释
* 但是 ruby 是日本人开发的,因此编码不涵盖中文字符串,所以我们要跟字符串集
* 进入 进入C:\Ruby22-x64\lib\ruby\gems\2.2.0\gems\sass-3.4.22\lib\sass目录,打开engine.rb文件,
* 在54行,添加Encoding.default_external = Encoding.find('utf-8')
*
*
* sass支持两种拓展名
* 一种是.sass
* 这种拓展名文件,支持的语法比较新,跟css差距很大,因此开发者很少使用
* 一种是.scss
* 这种拓展名文件,支持的语法跟css语法很相似,因此被很多开发者接受
*
*/
杂项总结 vue sass less vue-router
于 2022-03-23 16:38:42 首次发布