流浪のwolf

卷帝

导航

随笔分类 -  前端 / 直接使用

1 2 3 4 下一页

一些功能写好的代码 复制直接使用 减少工作时间
什么是API
摘要:api是应用程序编程接口 ; 举个例子:客户端发送异步请求到服务器请求数据,无论是客户端请求数据还是服务端响应数据,都要通过接口地址来通知,通信的时候使用了协议规定传递数据使用 JSON或者XML ; 接口和协议组合在一起就是API ; 阅读全文

posted @ 2022-11-14 19:44 朱龙旭的网络 阅读(166) 评论(0) 推荐(0)

冒泡排序
摘要: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++){ //如果第一个比第二个大,就交换他们 阅读全文

posted @ 2022-11-12 11:50 朱龙旭的网络 阅读(9) 评论(0) 推荐(0)

我对CMD 和 AMD 的理解 ?
摘要:都是模块规范,和 CommonJs 一样都是社区规范,ES-module 才是官方规范,而且官方规范是趋势 ; AMD:Asynchronous Module Definition 异步模块定义,即并行加载所有的模块 ; CMD:Common Module Definition,公共模块定义规范,在 阅读全文

posted @ 2022-11-11 14:55 朱龙旭的网络 阅读(22) 评论(0) 推荐(0)

将数组数据转化成树形结构 tranListToTreeData
摘要:export function tranListToTreeData(list, rootValue) { // list是最完整的数组 let arr = []; // 记录儿子 list.forEach((item) => { // 记录是否有儿子 if (item.parentId rootV 阅读全文

posted @ 2022-11-09 01:03 朱龙旭的网络 阅读(134) 评论(0) 推荐(0)

HRM平台 - 组织结构的渲染
摘要:组织结构是一个公司的灵魂 ,多使用树型结构 ; 页面格式: 渲染头部 : 头部代码: <template> <el-row type="flex" justify="space-around" style="height: 40px; width: 100%" align="middle" > <! 阅读全文

posted @ 2022-11-09 01:02 朱龙旭的网络 阅读(52) 评论(0) 推荐(0)

如何对 Vue 首屏加载实现优化 ?
摘要:首屏加载优化是对于 SPA 来说的 ,首次加载所有的 html css js 所需的文件 ,后面就不会因为用户对页面的操作而跳转页面 ,没有跳转页面如何展示不同的内容呢 ? 使用 Vue 的路由机制 ,实现不同内容的展示 ; SPA 的优点 : 1. 页面切换速度快 2. 页面内容的改变,不需要重新 阅读全文

posted @ 2022-11-08 21:44 朱龙旭的网络 阅读(420) 评论(0) 推荐(0)

打包上线分析 - 后台管理系统 - 性能优化
摘要:ps:路由的两种模型 hash 和 history 模式 ;推荐 hash 模式 ; 打包:ps:要和package.json 的打包命令一致 ; 性能分析和体积优化 ,一些 js 文件的体积比较大 ,可能是 echarts 文件 ; 1. 打开vue 的ui 界面 2. 导入项目文件 3. 打包项 阅读全文

posted @ 2022-11-08 11:52 朱龙旭的网络 阅读(243) 评论(0) 推荐(0)

封装大屏组件 screenfull
摘要:错误场景:使用大屏插件 screenFull 报错:in ./node_modules/screenfull/index.js Module parse failed: Unexpected token (59:42) You may need an appropriate loader to ha 阅读全文

posted @ 2022-11-08 09:48 朱龙旭的网络 阅读(527) 评论(0) 推荐(0)

组件全局注册 每个页面可以直接使用组件
摘要:文件结构: index.js 文件代码 : import PageTools from "./PageTools"; import UploadExcel from "./UploadExcel"; import ImageUpload from "./ImageUpload"; import Pr 阅读全文

posted @ 2022-11-08 08:44 朱龙旭的网络 阅读(25) 评论(0) 推荐(0)

你对 Vue.js 的template 编译的理解?
摘要:template 是 ES5 新出的语法 ,template 是不会被页面显示的,但是 vue 中会被翻译成 dom 结构 ; template 编译的过程 : parse 解析生成ast 抽象语法树 - - -- -generate() 生成 render 函数 -- -- -- - 调用 new 阅读全文

posted @ 2022-11-07 22:26 朱龙旭的网络 阅读(263) 评论(0) 推荐(0)

Vue中mixins(混入)的介绍和使用
摘要:为什么引进 mixins 随着项目的开发,组件越来越多 ,这就导致了在各个组件中需要编写功能相同的代码段,重复地定义这些相同的属性和方法,导致代码地冗余,还不利于后期代码的维护 混入mixins 的创建 :在 src 创建 mixins 文件 - list.js 文件 在 list.js 文件中 抽 阅读全文

posted @ 2022-11-07 20:07 朱龙旭的网络 阅读(99) 评论(0) 推荐(0)

后台管理系统-按钮权限控制的实现
摘要:ps:按钮权限控制 是给所有的按钮都要做判断 ,定义一个判断方法 ,此方法是一个全局的方法 ,可以使用 混入 mixins 定义方法 ; 注意混入 分为 全局混入和局部混入 ;此处使用全局混入定义 checkPermission方法判断按钮是否有权限 ; 逻辑 : 1. 需要给每一个按钮设置一个按钮 阅读全文

posted @ 2022-11-07 19:59 朱龙旭的网络 阅读(522) 评论(0) 推荐(0)

做用户权限的时候 刷新后页面 404
摘要:ps:404 页面一定要放在最后 , { path: "*", redirect: "/404", hidden: true } ,在创建路由实例的时候,加载路由规则 routes 的时候默认把 404 页面放在最后 ,但是使用 addRoutes 之后 404 页面就不再最后了 ,所以刷新页面的时 阅读全文

posted @ 2022-11-07 19:38 朱龙旭的网络 阅读(8) 评论(0) 推荐(0)

后台管理系统-角色权限控制的实现
摘要:ps:服务器返回用户的权限标识 ; 主要在登录的时候判断用户的权限 1. 左侧菜单显示 2. 路由的页面跳转 - 使用 addRoutes 增加动态路由规则并注入路由实例 router ;实现位置:在前置路由守卫中,和登录判断一块的 ; permission 文件实现 前置路由守卫 是否登录(tok 阅读全文

posted @ 2022-11-07 19:19 朱龙旭的网络 阅读(376) 评论(0) 推荐(0)

给角色修改权限的时候 - 后台管理系统
摘要:点击修改按钮:定于一个修改的方法,调出弹出层 ; async editRow(id) { // 获取详细信息 当前修改的角色信息 @lcick row.id const res = await getRoleInfoApi(id); // 弹框打开 推荐先赋值回显数据 然后打开弹窗 this.$re 阅读全文

posted @ 2022-11-06 18:43 朱龙旭的网络 阅读(58) 评论(0) 推荐(0)

后台管理系统tabs栏切换思路
摘要:页面内容: 使用 element-ui 实现 tabs 标签页 :https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 1. 把内容封装成一个组件 - 表格 table 2. tabs 的 v-model 和 @tab 阅读全文

posted @ 2022-11-06 10:09 朱龙旭的网络 阅读(483) 评论(0) 推荐(0)

前端实现权限控制 - 三种方法 - 不同的角色有不同的路由映射
摘要:有代码:https://gitee.com/zhu-longxu/zhulx-rbac ps:注意本地路由 router 有哪些规则?服务器返回的数据格式? 方法一:本地路由router 包含静态路由规则 ; 虽然动态路由规则定义了但是没有注入;动态路由规则在登录判断的时候选择性是否注入 ;服务器返 阅读全文

posted @ 2022-11-05 23:02 朱龙旭的网络 阅读(343) 评论(0) 推荐(0)

后台管理系统获取用户资料的逻辑 - 在 路由跳转的时候判断是否获取用户资料 - 点击跳转页面不会重新获取,但是刷新重新获取数据
摘要: 阅读全文

posted @ 2022-11-05 08:38 朱龙旭的网络 阅读(22) 评论(0) 推荐(0)

后台管理系统登录逻辑配置顺序
摘要: 阅读全文

posted @ 2022-11-05 08:36 朱龙旭的网络 阅读(30) 评论(0) 推荐(0)

store文件夹的处理,vuex模块化modules
摘要:index文件代码: import Vue from "vue"; import Vuex from "vuex"; // 导入根getters import getters from "./getters"; // 导入三个模块 import app from "./modules/app"; / 阅读全文

posted @ 2022-11-05 07:47 朱龙旭的网络 阅读(165) 评论(0) 推荐(0)

1 2 3 4 下一页