杂项总结 vue sass less vue-router

// 通用修饰符 
// 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语法很相似，因此被很多开发者接受
 * 
 */