摘要: "更多文章" 页面权限控制 页面权限控制是什么意思呢? 就是一个网站有不同的角色,比如管理员和普通用户,要求不同的角色能访问的页面是不一样的。如果一个页面,有角色越权访问,这时就得做出限制了。 "Vue 动态添加路由及生成菜单" 这是我写过的一篇文章, 通过动态添加路由和菜单来做控制,不能访问的页面 阅读全文
posted @ 2019-06-20 10:44 谭光志 阅读(13298) 评论(0) 推荐(1) 编辑
摘要: "更多文章" 写后台管理系统,估计有不少人遇过这样的需求:根据后台数据动态添加路由和菜单。 为什么这么做呢?因为不同的用户有不同的权限,能访问的页面是不一样的。 在网上找了好多资料,终于想到了解决办法。 动态生成路由 利用 vue router 的 方法可以动态添加路由。 先看一下官方介绍: rou 阅读全文
posted @ 2019-06-19 17:58 谭光志 阅读(66005) 评论(7) 推荐(4) 编辑
摘要: "更多文章" 一个弹窗组件通常包含两个部分,分别是遮罩层和内容层。 遮罩层是背景层,一般是半透明或不透明的黑色。 内容层是放我们要展示的内容的容器。 现在弹窗组件的结构已经搭建出来了。 类 : 遮罩层 类 : 内容层容器 类 : 内容层头部 类 : 内容层主体部分(用来展示内容) 类 : 内容层脚部 阅读全文
posted @ 2019-06-14 15:23 谭光志 阅读(21885) 评论(0) 推荐(2) 编辑
摘要: "更多文章" 最近在用 element ui 开发一个网站,使用 table 组件时,发现修改完数据,有时候会延迟一两秒,页面才会发生变化。 看了一下代码,发现修改数据的代码是这样的 注意事项(以下内容摘自 "官方文档" ) 由于 JavaScript 的限制,Vue 不能检测以下数组的变动: 1. 阅读全文
posted @ 2019-06-14 09:56 谭光志 阅读(40887) 评论(0) 推荐(1) 编辑
摘要: "更多文章 " 一般情况下,在 vue 中结合 axios 的拦截器控制 loading 展示和关闭,是这样的: 在 配置一个全局 loading。 同时设置 axios 拦截器。 这个拦截器的功能是在请求前打开 loading,请求结束或出错时关闭 loading。 如果每次只有一个请求,这样运行 阅读全文
posted @ 2019-06-07 14:34 谭光志 阅读(2717) 评论(2) 推荐(0) 编辑
摘要: 更多文章 需求一: 在一个列表页中,第一次进入的时候,请求获取数据。 点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。 也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方案 在 App.vue设置: <keep-alive include="li 阅读全文
posted @ 2019-06-07 14:30 谭光志 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 最近公司有个需求,要求在浏览器中点击某个按钮,自动调起电脑中的一个应用。 首先,将以下代码复制到一个 文件,例如 。 这段代码注册了一个 协议,作用是调起电脑中的 应用 ,路径是 。 保存完成后,双击注册。 PS:协议,应用可以自由设置 其次,建一个 文件 标签里的 就是刚才注册的协议,现在打开浏览 阅读全文
posted @ 2019-05-17 17:51 谭光志 阅读(1996) 评论(0) 推荐(0) 编辑
摘要: "项目地址" HTML问题 HTML5语义化 什么是语义化?就是用合理、正确的标签来展示内容,比如h1~h6定义标题。 好处 易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。 方便其他设备解析,如盲人阅读器根据语义渲染网页 有利于开 阅读全文
posted @ 2019-04-27 12:22 谭光志 阅读(1113) 评论(1) 推荐(0) 编辑
摘要: 最近用 uniapp(一种第三方 app 开发框架) 开发 app,其中一个页面有十几个 input 输入框,在点击 input 输入时,软键盘弹起,导致页面往上顶,底部的按钮也全部弹到页面上面去了,布局全被打乱。 原来的样子: 软键盘弹出来后: 在开发APP时,通常情况下页面的宽度和高度都会设为 阅读全文
posted @ 2019-04-23 14:17 谭光志 阅读(2292) 评论(0) 推荐(0) 编辑
摘要: "更多文章" 最近开发网站有一个需求,要求页面上有一块区域,用户能用鼠标在上面写字,并能保存成图片 base64 码放在服务器。 这样的需求用 canvas 实现是最好的。 需要用到 canvas 的以下几个属性: beginPath 创建一个新的路径 globalAlpha 设置图形和图片透明度的 阅读全文
posted @ 2019-04-23 14:16 谭光志 阅读(5884) 评论(0) 推荐(0) 编辑