摘要:api是应用程序编程接口 ; 举个例子:客户端发送异步请求到服务器请求数据,无论是客户端请求数据还是服务端响应数据,都要通过接口地址来通知,通信的时候使用了协议规定传递数据使用 JSON或者XML ; 接口和协议组合在一起就是API ;
        
阅读全文
 
        
     
    
        
        
摘要:var arr = [123,203,23,13,34,65,65,45,89,13,1]; for(var i=0; i<arr.length-1; i++){ //每一轮比较要比多少次 for(var j=0; j<arr.length-1-i; j++){ //如果第一个比第二个大,就交换他们
        
阅读全文
 
        
     
    
        
        
摘要:都是模块规范,和 CommonJs 一样都是社区规范,ES-module 才是官方规范,而且官方规范是趋势 ; AMD:Asynchronous Module Definition 异步模块定义,即并行加载所有的模块 ; CMD:Common Module Definition,公共模块定义规范,在
        
阅读全文
 
        
     
    
        
        
摘要:export function tranListToTreeData(list, rootValue) { // list是最完整的数组 let arr = []; // 记录儿子 list.forEach((item) => { // 记录是否有儿子 if (item.parentId rootV
        
阅读全文
 
        
     
    
        
        
摘要:组织结构是一个公司的灵魂 ,多使用树型结构 ; 页面格式: 渲染头部 : 头部代码: <template> <el-row type="flex" justify="space-around" style="height: 40px; width: 100%" align="middle" > <!
        
阅读全文
 
        
     
    
        
        
摘要:首屏加载优化是对于 SPA 来说的 ,首次加载所有的 html css js 所需的文件 ,后面就不会因为用户对页面的操作而跳转页面 ,没有跳转页面如何展示不同的内容呢 ? 使用 Vue 的路由机制 ,实现不同内容的展示 ; SPA 的优点 : 1. 页面切换速度快 2. 页面内容的改变,不需要重新
        
阅读全文
 
        
     
    
        
        
摘要:ps:路由的两种模型 hash 和 history 模式 ;推荐 hash 模式 ; 打包:ps:要和package.json 的打包命令一致 ; 性能分析和体积优化 ,一些 js 文件的体积比较大 ,可能是 echarts 文件 ; 1. 打开vue 的ui 界面 2. 导入项目文件 3. 打包项
        
阅读全文
 
        
     
    
        
        
摘要:错误场景:使用大屏插件 screenFull 报错:in ./node_modules/screenfull/index.js Module parse failed: Unexpected token (59:42) You may need an appropriate loader to ha
        
阅读全文
 
        
     
    
        
        
摘要:文件结构: index.js 文件代码 : import PageTools from "./PageTools"; import UploadExcel from "./UploadExcel"; import ImageUpload from "./ImageUpload"; import Pr
        
阅读全文
 
        
     
    
        
        
摘要:template 是 ES5 新出的语法 ,template 是不会被页面显示的,但是 vue 中会被翻译成 dom 结构 ; template 编译的过程 : parse 解析生成ast 抽象语法树 - - -- -generate() 生成 render 函数 -- -- -- - 调用 new
        
阅读全文
 
        
     
    
        
        
摘要:为什么引进 mixins 随着项目的开发,组件越来越多 ,这就导致了在各个组件中需要编写功能相同的代码段,重复地定义这些相同的属性和方法,导致代码地冗余,还不利于后期代码的维护 混入mixins 的创建 :在 src 创建 mixins 文件 - list.js 文件 在 list.js 文件中 抽
        
阅读全文
 
        
     
    
        
        
摘要:ps:按钮权限控制 是给所有的按钮都要做判断 ,定义一个判断方法 ,此方法是一个全局的方法 ,可以使用 混入 mixins 定义方法 ; 注意混入 分为 全局混入和局部混入 ;此处使用全局混入定义 checkPermission方法判断按钮是否有权限 ; 逻辑 : 1. 需要给每一个按钮设置一个按钮
        
阅读全文
 
        
     
    
        
        
摘要:ps:404 页面一定要放在最后 , { path: "*", redirect: "/404", hidden: true } ,在创建路由实例的时候,加载路由规则 routes 的时候默认把 404 页面放在最后 ,但是使用 addRoutes 之后 404 页面就不再最后了 ,所以刷新页面的时
        
阅读全文
 
        
     
    
        
        
摘要:ps:服务器返回用户的权限标识 ; 主要在登录的时候判断用户的权限 1. 左侧菜单显示 2. 路由的页面跳转 - 使用 addRoutes 增加动态路由规则并注入路由实例 router ;实现位置:在前置路由守卫中,和登录判断一块的 ; permission 文件实现 前置路由守卫 是否登录(tok
        
阅读全文
 
        
     
    
        
        
摘要:点击修改按钮:定于一个修改的方法,调出弹出层 ; async editRow(id) { // 获取详细信息 当前修改的角色信息 @lcick row.id const res = await getRoleInfoApi(id); // 弹框打开 推荐先赋值回显数据 然后打开弹窗 this.$re
        
阅读全文
 
        
     
    
        
        
摘要:页面内容: 使用 element-ui 实现 tabs 标签页 :https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 1. 把内容封装成一个组件 - 表格 table 2. tabs 的 v-model 和 @tab
        
阅读全文
 
        
     
    
        
        
摘要:有代码:https://gitee.com/zhu-longxu/zhulx-rbac ps:注意本地路由 router 有哪些规则?服务器返回的数据格式? 方法一:本地路由router 包含静态路由规则 ; 虽然动态路由规则定义了但是没有注入;动态路由规则在登录判断的时候选择性是否注入 ;服务器返
        
阅读全文
 
        
     
    
        
        
摘要:index文件代码: import Vue from "vue"; import Vuex from "vuex"; // 导入根getters import getters from "./getters"; // 导入三个模块 import app from "./modules/app"; /
        
阅读全文