Cat_Jay_Fish的博客

学习目标：①、jwt出现的原因及工作原理②、jwt工具类介绍，三种场景③、jwt与vuex配合在SPA项目中的应用一、jwt出现的原因及工作原理1. JWT是什么JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案2. 为什么使用JWTJWT的精髓在于：“去中心化”，数据是保存在客户端的。3. JWT的工作原理 ①. 是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下： {"UserName": "Chongc...

课程目标1.了解vuex中的各个js文件的用途2.利用vuex同步存值3.利用vuex取值4.vuex的异步加载问题及后台调用问题一.vuex来源

课程目标1.表单验证2.增删改功能实现一、表单验证1.导入相关代码<!-- 编辑界面 --> <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @click="closeDialog"> <el-form label-width="120px" :model="editForm" :rules="rules" ref="editForm">

课程目标1.动态树的功能2.右侧文章的分页查询功能一.动态树1.数据库表左侧树形菜单数据2.在create方法中通过Ajax进行数据读取created() { let url = this.axios.urls.SYSTEM_MENU_TREE; //箭头函数解决了This指针污染问题 //stringify将对象转换成字符串 this.axios.post(url, {})....

课程目标1.mock.js模拟响应Ajax请求2.前台主界面的搭建3.左侧树收缩功能（vue总线的概念）4.退出功能一.mock.js模拟响应Ajax请求① 安装mockjs依赖npm install mockjs -D #只在开发环境使用配置开发环境及生产环境为了只在开发环境使用mock，而打包到生产环境时自动不使用mock，我们可以在env中做一个配置(1)dev.env.jsmodule.exports...

课程目标1.spa项目完成登录注册布局2.spa项目完成登录功能3.This指针带来的变量污染4.ajax跨域问题5.axios的get/post的区别（qs）一.spa项目完成登录注册布局①安装开发模块npm install element-ui -Snpm install axios -Snpm install qs -S npm install vue-axios -S执行语句 npm install element-ui -S （用于...

了解需求一、通过vue-cli脚手架构建SPA项目使用脚手架的目的：规范前端项目开发的目录结构前提：搭建好NodeJS环境node -vnpm -v1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 注1：xxx 为自己创建项目的名称 注2：必须先安装vue,vu...

1、 Node.js是什么 1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。 1.2 Node.js是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言 注1：Node.js-->JavaScript运行环境，开发语言是：javascript J2EE -->Ja...

1. SPA是什么 单页Web应用（single page application，SPA），就是只有一个Web页面的应用， 是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序：只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序：对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面 优势： 减少了请求体积，加快页...

看一个学习目标

一、模板语法Ctrl+k 格式化1、插值 1.1、文本 {{msg}} 1.2、 html 使用v-html指令用于输出html代码 1.3、 属性 HTML属性中的值应使用v-bind指令 1.4、 表达式 Vue提供了完全的JavaScript表达式支持{{str.substr(027).toUpperCase()}} {{ number...

一、vue简介 1、什么是vue？ Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架， 2、vue是一种库还是框架？ vue其实是一种库，在之前我们用的是库是jquery，而之前的框架用的都是easyui，而现在都是用的是vue作为库，框架用的是elementui，模式从之前的MVC模式变成了MVVM模式。 3、MVVM模式：一种更好的UI模式解决方案，...