JavaScript
文章平均质量分 57
Silver Scrapes
努力提升自己的苦逼程序员。
展开
-
el-menu多级动态菜单渲染
使用el-menu时往往会遇到动态渲染使用场景安装和引用element暂不赘叙,对其使用方法不是很熟悉的小伙伴可以去官网按照指引完成使用先简单叙述一下渲染思路:首先我们要知道要渲染一个多级菜单的过程实际上就是对后端给我们的多层数据格式进行循环遍历的一个过程,只是在遍历的过程中,需要对是否submit-menu和普通el-menu-item进行判断。这里使用的是自定义组件创建MenuTree组件src/components/MenuTree.vue// 以下是组件内容<div>原创 2021-09-01 15:25:29 · 5711 阅读 · 5 评论 -
vue动态路由的使用
项目创建过程中经常遇到的一个需求就是权限管理,本文就我在使用动态路由的过程中进行一个总结首先,前端想要实现对菜单的动态渲染实际上有两种操作方式1.前端还是书写静态路由表,根据后端传来的code利用v-if去判断渲染菜单项实际这种使用方式并不可取,因为不方便后期维护。2.前端只写没有权限控制的login,register, 404 页面的路由,其余路由则是根据后端传过来的,拼接入路由表。这里我在项目中使用的第二种方法首先,我们要先理解动态路由表的请求和添加都是发生在路由守卫里边的。不废话直原创 2021-09-01 16:33:12 · 1435 阅读 · 1 评论 -
ajax的失败处理和状态简述
var xhr = new XMLHttpRequest(); xhr.open("get",url,true); xhr.onreadystatechange = function() { //载体自身的执行情况。 // xhr.readyState //网络的状态 /...原创 2019-10-23 09:39:31 · 268 阅读 · 0 评论 -
JavaScript闭包和继承
什么是闭包:闭包的概念:闭包就是函数嵌套时,让局部变量变成自由变量的环境,是一种让局部变量进化的方式(简单来说就是在函数内部书写函数,利用函数调用局部的变量)闭包的应用场景:for (var i = 0; i < 10; i++) { console.log(i); //可以访问到每次的i } 必须满足两个条件: 1.在...原创 2019-11-02 10:27:21 · 491 阅读 · 2 评论 -
js的常见兼容问题
高级浏览器 IE浏览器的兼容问题1.获取DOM元素样式 getComputedStyle(dom) dom.currentStyle2.事件监听 addEventListener attachEvent3.移除事件监听 removeEventListener detachEvent4.事件对象获取 e window.event5.事件源 e.target e.slcElement6.阻...原创 2019-11-02 11:01:02 · 157 阅读 · 0 评论 -
Math内置对象使用方法
Math 内置对象它具有数学常数和函数的属性和方法。不是一个函数对象。Math常用方法 1.Math.random() 定义随机数封装一个函数 用于获取一个从第一个参数(包含)到第二个参数(包含)的随机数 var r = Math.random(); 括号内不写是0到1之间随机数 包含0 不包含1 var r = Math.random(10, 20);10到20之间随机数...原创 2019-11-09 15:56:16 · 606 阅读 · 3 评论 -
图片上传和预览功能
本次分享的是在工作中遇到的图片上传和预览问题因为使用的是weex框架进行开发(weex是一个比较老旧已经被废弃的框架),不支持一些比较好用的像el-ui这种目前比较流行,且功能比较丰富的ui库因此在解决时使用了原生的input(type = file)。解决问题weex自带的eeui库,并没有找到有关文件上传的模块。不得不使用原生js。虽然还是会有type警告,但是功能方面还是可以完成的。 <input type="file" id="bankCard" @change="saveImg" /原创 2020-08-11 09:50:48 · 375 阅读 · 0 评论