- 博客(16)
- 收藏
- 关注
原创 阿里矢量图刷新显示异常
在vue中使用阿里矢量图遇到了刷新丢失问题一开始我使用的是在根html中引入的方式, <link rel="stylesheet" href="./font/iconfont.css">在使用过程中莫名的遇到了刷新丢失问题于是更改了新的css引入方式main.js中新增引入import "@/font/iconfont.css";在vue模板中使用的方法<i :class="`iconLogo iconfont ${menu.icon}`">&
2021-09-02 13:10:29
307
原创 vue动态路由的使用
项目创建过程中经常遇到的一个需求就是权限管理,本文就我在使用动态路由的过程中进行一个总结首先,前端想要实现对菜单的动态渲染实际上有两种操作方式1.前端还是书写静态路由表,根据后端传来的code利用v-if去判断渲染菜单项实际这种使用方式并不可取,因为不方便后期维护。2.前端只写没有权限控制的login,register, 404 页面的路由,其余路由则是根据后端传过来的,拼接入路由表。这里我在项目中使用的第二种方法首先,我们要先理解动态路由表的请求和添加都是发生在路由守卫里边的。不废话直
2021-09-01 16:33:12
1384
1
原创 el-menu多级动态菜单渲染
使用el-menu时往往会遇到动态渲染使用场景安装和引用element暂不赘叙,对其使用方法不是很熟悉的小伙伴可以去官网按照指引完成使用先简单叙述一下渲染思路:首先我们要知道要渲染一个多级菜单的过程实际上就是对后端给我们的多层数据格式进行循环遍历的一个过程,只是在遍历的过程中,需要对是否submit-menu和普通el-menu-item进行判断。这里使用的是自定义组件创建MenuTree组件src/components/MenuTree.vue// 以下是组件内容<div>
2021-09-01 15:25:29
5428
5
原创 图片上传和预览功能
本次分享的是在工作中遇到的图片上传和预览问题因为使用的是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
353
原创 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
580
3
原创 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
144
原创 JavaScript闭包和继承
什么是闭包:闭包的概念:闭包就是函数嵌套时,让局部变量变成自由变量的环境,是一种让局部变量进化的方式(简单来说就是在函数内部书写函数,利用函数调用局部的变量)闭包的应用场景:for (var i = 0; i < 10; i++) { console.log(i); //可以访问到每次的i } 必须满足两个条件: 1.在...
2019-11-02 10:27:21
478
2
原创 ajax的失败处理和状态简述
var xhr = new XMLHttpRequest(); xhr.open("get",url,true); xhr.onreadystatechange = function() { //载体自身的执行情况。 // xhr.readyState //网络的状态 /...
2019-10-23 09:39:31
256
原创 PHP数据接收和使用
接受来自js发送的数据。有几种接收方式: 1.$_GET $u = $_GET["user"]; 2.$_POST $P = $_POS 3.$_REQUEST //两种传输方式的数据都可以接收。 $q = $_REQUEST创建虚拟服务器完成后操作,数据表格的方法 //链接数据库 $link = @new mysqli("local...
2019-10-22 19:59:43
975
原创 前端了解的mysql语句
1.登录mysql,链接mysql,选择数据库link=@newmysqli("localhost:3306","root","root","test1910");if(link = @new mysqli("localhost:3306","root","root","test1910"); if(link=@newmysqli("localhost:3306","root","roo...
2019-10-22 09:09:48
149
原创 ES6的...拓展语法
ES6中的拓展语法… 就是拓展语法它有3个作用: 1 收集剩余参数 2 解构数组时 3 传递参数1 收集剩余参数 function demo(a, ...args) { console.log(a, args); } demo(1, 2, 3, 4, 5); 2 解构数组 var arr = [1, ...
2019-10-10 11:59:02
333
原创 JS改变this指向bind方法
function demo(){ console.log(arguments); console.log(this); return; } // demo(1,2,2,2); // document.onclick = demo; var obj = { ...
2019-10-10 11:49:01
111
原创 节点和创建方法
节点:了解节点首先要理解什么是DOM树状图,例如:html的子元素有head和body组成;head又有tittle和meta组成,dody也有各种子元素构成。于是在结构上就形成了像树枝分叉一样的结构,一般我们就将这种结构称为DOM树状图。节点的类型一般分为12种,在这里就拿其中几种比较常见的类型讲解他们的属性操作节点操作:1.nodeName:节点名称。元素 大写的标签类型注...
2019-09-26 12:02:09
4102
原创 页面卷动的设置
页面卷动值获取方式:var scroolTop = document.body.scrollTop || docunment.documentElement.scrollTop;两种不同方式的原因:因为在早期不同的浏览器认为这个值的属性的归属不同。IE 和 火狐认为是body的属性而chrome则认为是HTML的属性。例如:设置一个按钮返回顶部。// 获取回到顶部按钮 ...
2019-09-25 20:48:19
343
原创 引用类型的常用定义,操作,用法
自己整理的一部分数据类型知识。 因为是在有道云上整理的所以没办法直接把图上传过来,没办法只好把链接分享一下了.文档:有点模糊附上链接有兴趣的的可以看原图。...
2019-09-24 21:21:00
306
原创 JAVAscript的复杂数据类型
JAVAscript数组:指的是一组有顺序的数据。按理来说:数组的每一个成员可以是任意类型但是,通常情况下我们只推荐在一个数组中存放同一种数据类型的值。 // 有些情况下,数据的类型又不能一致。比如如果想要记录一个人的信息数据 var name = "张小花"; var age = 33; var sex = "男"; var height = 1...
2019-09-23 21:45:37
478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人