全栈

签名是把header和payload对应的json结构进行base64url编码之后得到的两个串用英文句点号拼接起来，然后根据header里面alg指定的签名算法生成出来的。算法不同，签名结果不同。以alg: HS256为例来说明前面的签名如何来得到。按照前面alg可用值的说明，HS256其实包含的是两种算法：HMAC算法和SHA256算法，前者用于生成摘要，后者用于对摘要进行数字签名。这两个算法也可以用HMACSHA256来统称5. JWT的验证过程。

1. vue组件间通讯1. vue组件间通讯1.1 父子组件1.2 消息总线这种方式需要另外创建一个vue实例，用来当做消息总线1.3 vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”（数据仓库）， 让其在各个页面上实现数据的共享包括状态，并且可操作。：1.State：单一状态树2.Getters：状态获取3.Mutations：触发同步事件4.Actions：提交mutation，可以包含异步操作。

1. 准备工作1. 准备工作后台服务接口，对书本的增删改查操作2. 弹出窗口进入， 找到Dialog对话框，可以参考“嵌套表单的dialog”实现。该步骤先实现弹出窗口的前端逻辑，并不会调用后台接口服务进行实际的业务操作。：隐藏显示设置，通过Vue实例对象中的dialogFormVisible="true|false"来控制dialog显示隐藏：通过close或closed事件，在关闭dialog弹出框时清空form表单数据和验证信息；在数据表格中添加“编辑”“删除”功能连接。

努力是为了不平庸~1. 准备工作2. 动态树2.1 在配置请求路径在src/api/action.js中配置获取动态树数据的请求路径2.2 使用动态数据构建导航菜单。

1. mockjs努力是为了不平庸~1. mockjs1.1 mockjs介绍Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。：easy-mock，一个在线模拟后台的数据平台1.2 mockjs使用步骤。

努力是为了不平庸~1. 搭建项目1.1 使用vue-cli创建项目在命令行，到自己的vue工程存放的目录，运行一下命令，前提是vue-cli先安装好。1.2 通过npm安装element-ui1.3 导入组件打开 src目录下的main.js，该文件是项目的入口文件，所以在这里导入，其他组件均可使用，不用再导入。1.4 测试修改HelloWorld.vue添加elementUI组件查看效果2 创建登录页面2.1 创建登录组件。

7） main.js把App.vue模块的内容，放置在index.html的div标签下，查看App.vue的内容，这个页面的内容有一个logo和一个，的内容由router配置决定。*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。6） main.js中，引入了vue，App和router模块，创建一个vue实例，并把App.vue模块的内容挂载到index.html的id为app的div标签下，并绑定了一个路由配置。

Vue是一个当下流行的开发框架，它的核心思想是组件化和数据驱动，ElementUI是饿了么推出的基于vue2.0的组件库，提供了丰富的课复用的组件，方便前端的开发。ElementUI官网：另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。

努力是为了不平庸~1 vue中文件及文件夹命名规范驼峰式命名法(camelCase)短横线命名(kebab-case)全小写帕斯卡命名法(PascalCase)kebab-case尽量使用名词，尽量使用一个单词3.1 所有模块的主文件index.js全小写3.2 属于组件的.js文件，使用PascalBase风格3.3 其他类型的.js文件，使用kebab-case风格除index.vue之外，其他.vue文件统一用PascalBase风格统一使用kebab-case命名风格。

Vue除支持内置的v-model/v-show等指令，还允许自定义指令。 vue2中，代码的复用和抽象的主要形式是组件，但在有些情况下仍然需要对普通dom元素做底层操作，这种情况下需要自定义指令。根据自定义指令的作用范围，可分为：全局、局部两种

努力是为了不平庸~Vue.js 使用了的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom，结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。这是一种基于字符串的模板技术,以字符串和数据为输入,通过用正则表达式将占位符替换为所需数据的方式,构建出完整的 HTML 字符串。1.1 插值。

1.体积小：压缩后33k左右，体积小意味着下载速度很快。2.更高的运行效率：基于虚拟dom，一种预先通过javascript进行各种计算，把最终的DOM操作计算出来并进行优化的技术。所谓虚拟dom指的是对真实dom的一种模拟。相对于直接操作真实dom，我们构建一棵虚拟的dom树，将各式数据和操作直接应用到这颗虚拟的dom树上，然后再虚拟的树修改应用到真实的dom树中，有助于减少dom的操作次数，带来性能上的提升，可以频繁的操作虚拟节点，然后一定时刻一次性的同步修改到真实dom节点。3.双向数据绑定