自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 vue 自定义属性 data-v,closest 获取事件源外层元素

在遇到使用e.target 的时候,通常会传一个参数,比较简单,在此记录一下 使用:data-XXX 来绑定 <div class="custom-tree-node" slot-scope="{ node, data }&...

2019-10-22 10:07:46

阅读数 18

评论数 0

原创 修改element ui tree 搜索功能,实现分级搜索,关键字高亮

element ui 里面的tree 自带的搜索功能是默认搜索的全部数据,有关键字的显示,没有的不显示 需求: 在element UI tree 原有功能不变的情况下新加 1)搜索 tree 时,如果非叶子节点里面含有关键字,那么就显示此节点下的所有节点,此节点下的所有节点不参与过滤; 2...

2019-10-09 08:46:07

阅读数 28

评论数 0

原创 vue h5 实现拖拽

目前项目遇到拖拽的功能,记录一下,大概逻辑如下: 1)左侧为分类列表,右侧为数据,根据左侧的列表分类展示右侧的数据; 2)右侧的数据还可以拖动到左侧类型里面,类似于文件夹拖动时的剪切,复制 实现: div为目标元素,当鼠标拖动下面的li 移上去并放开时会触发,并且鼠标样式会发生...

2019-10-08 17:30:58

阅读数 29

评论数 1

原创 vue for 循环element ui 多选按钮组 el-checkbox-group ,单选按钮el-radio-group,输入框el-input,绑定值重复问题

前言:最近在做项目,有个做题的需求,分别有单选题,多选题,问答题,三种题型。因为题的数量不确定,所以肯定是for 循环每一道题,完了之后发现有问题; 问题: for循环之后,就会发现,这三种组件(el-checkbox-group,el-radio-group,el-input)以下简称组件。...

2019-07-18 12:00:54

阅读数 274

评论数 0

原创 使用vue addRoutes 实现权限分配,并且解决不能删除问题,刷新失效问题

前言:做了好多权限分配的项目,使用了好多种方式控制,个人感觉使用 addRoutes 来做还是比较好的,使用过程中有几个坑,在此记录一下。 先在路由index.js文件里面初始化路由:最后在导出 let vueRouter = new Router( { routes...

2019-07-18 11:26:37

阅读数 153

评论数 1

原创 vue 穿梭框 组件

前言:由于项目需要,element ui 里面的穿梭框不满足需求,所以自己封装了一个穿梭框,此穿梭框为三个,可以两两穿梭。 如下图: 代码如下:如有bug ,欢迎指出; 其实数据的传输,最好用vuex 来做;下面用的props ,监听来做的。 其中需要判断的几个点:大家参考下 1):操...

2019-06-28 10:22:38

阅读数 1005

评论数 1

原创 mongodb 数据库 创建及查询总结

mongodb 的使用,近来在学习后台,以下为自己总结作为笔记保存 1) 先在D盘中新建一个文件夹,用来存放mongodb 的数据(我建在了D盘,名字为mongodb) 2)开启mongodb服务(开启之后不能关闭,不然以后使用就连不上了)命令,后面跟的为新建的文件夹的路径 3) 如果在本地...

2019-05-22 17:27:58

阅读数 425

评论数 0

原创 vue-cli3 处理静态文件 下载引用

问题:利用vue-cli3 写的项目,有一个下载excel 模板的功能,模板存放在前端本地,然后下载。 解决: 1)把excel 模板放到本地项目的 public 下(注意,一定要放在public 下,这样webpack 在打包的时候才不会解析他,会原封不动的引用他); 2)在data里面定...

2019-05-07 15:28:44

阅读数 1026

评论数 1

原创 git 切换分支, 合并

git 用法总结: 一:如后台仓库新建了一个分支,前端需要在新分支上面开发,那么前端需要在本地新建一个分支(以test为例),并且切换到这个分支上,之后提交就会在这个分支上提交 1:git branch (查看本地分支,*在哪,本地分支就是谁) 2.git branch -a (查...

2019-03-26 09:22:44

阅读数 62

评论数 0

原创 js 把一个深层数组拉平

工作中经常遇到的问题,把一个深层的数组拉平,在此记录一下 拉平一个深层数组,类似于 [1,[2],[3],[4[5]]] 变为[1,2,3,4,5] menuData:[1,[2],[3],[4[5]]] cloneMenuData:[] async getMenusArr(menuData) ...

2019-03-21 11:05:21

阅读数 342

评论数 0

原创 js递归遍历dom 树

项目中经常会遇到遍历深层数组,不确定有多少级,在这里记录一下 arr:需要遍历的数组,类似如下 id : 遍历的满足条件 async getArray(arr, id) { for (var i = 0, l = arr.length; i &lt; l; i++) { ...

2019-03-15 14:58:55

阅读数 186

评论数 0

原创 获取鼠标点击的地方,并插入文本。window.getSelection()

前言:因项目需求,有一个富文本框,点击页面的插入姓名,会在富文本框内的鼠标处,插入姓名。 解决:利用window.getSelection() 来获取富文本框的焦点,并保存下来,在点击插入姓名时,在再那个焦点处插入。 EX: 注:因为项目是vue 写的,所以有些变量需要自己在data 里免定...

2018-12-13 16:32:14

阅读数 556

评论数 0

原创 vue 获取实际dom 的高度 this.$nextTick()

前言:利用vue 写的项目,由于用了iframe 的原因,子页面的内容会随着数据的不同而不同,所以iframe 的高度需要等页面数据加载完后动态计算。 经过自己各种的调试,发现在mounted 里面无法得到所需要的高度,永远偏低。 解决办法:利用watch 监听 listModel,为请求的...

2018-11-07 16:46:13

阅读数 2864

评论数 1

原创 iframe 里面的遮罩被父元素盖住问题

前言:最近项目遇到的问题,项目的所有菜单点击会出现对应的子页面,同时出现本页面的选项卡,(之后类似于选项卡的操作,不过选项卡的标签是由点击的菜单组合而成)。类似效果如下: 实现方法:点击每个菜单的时候,下面的内容由iframe 切换,同时创建选项卡......。 问题:由于所有的子页面是由...

2018-11-07 16:33:14

阅读数 1313

评论数 1

原创 js 实现数组中取出现频次最大的值

前言:因项目需要,要实现常用诊断要从医生选择的频次来加载20条。 解决: 1. 医生每选一次都要存入一个数组,存到localStorage 里面 ,注意,此处要在localStorage里面添加,不是覆盖;解决如下: 利用push 和apply 方法,来实现,这样不会覆盖,也不会把重合的去掉...

2018-10-17 17:17:30

阅读数 90

评论数 0

原创 利用云信SDK实现前端实时聊天功能

前言:由于项目中有聊天的功能,会根据不同的状态,来判断哪些角色的人可以参与聊天,或者结束聊天等等。由于历史原因,项目不能使用websocket  来实现实时通信,所以就使用了云信的SDK,来实现实时聊天功能。 1.  首先引入两个sSDK文件 &lt;script type="...

2018-09-30 10:23:28

阅读数 1173

评论数 0

原创 前端浏览器生成pdf文件,并且自定义里面的内容

前言:在公司的项目里面遇到一个需求,根据后台提供的心电数据,前端在pdf文件里面绘制出该心电图,并且可以打印。 遇到的主要问题: 1. 浏览器的计算单位是PX,而打印出来纸上的计量单位是mm,  1px !=1mm,所以需要知道单位如何变成一致的。 2. 该插件里面绘制的中文字,会出现乱码。...

2018-09-29 15:08:35

阅读数 1037

评论数 0

翻译 前端浏览器窗口直接展示pdf文件

1. 利用jq 的一个插件  jquery.media.js,首先引入jq ,和 jquery.media.js 2.在页面写一个a标签,&lt;a class="media" href="222.pdf"&gt;&lt;/a&am...

2018-09-29 14:46:18

阅读数 2112

评论数 4

原创 vue 复选框 ,单选框

复选框v-model 绑定一个数组,当选中当前项时,改项的value会自动进入数组中,未选中时会自动从数组中删除&lt;div id='example-3'&gt; &lt;input type="checkbox" id=&...

2018-07-12 10:48:58

阅读数 1534

评论数 0

原创 使用ES8 Object.entries() 遍历对象

let obj = { one: 1, two: 2 };for (let [k,v] of Object.entries(obj)) {  console.log(`${JSON.stringify(k)}: ${JSON.stringify(v)}`);} "one": 1...

2018-07-11 11:07:26

阅读数 440

评论数 0

转载 Rem 自适应布局

1.先引入一下js,到头部的script标签的最前面。2..根据设计稿大小,调整里面的最后两个参数值。3.使用1rem=100px转换你的设计稿的像素,例如设计稿上某个块是100px*300px,换算成rem则为1rem*3rem。上面的代码,如果在uc浏览器下横屏与竖屏转换,发现代码并没有自适应...

2018-07-10 14:20:31

阅读数 50

评论数 0

转载 jquery 利用JSONP 解决跨域具体实现

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;title&gt;GoJSONP&lt;/title&gt;&lt;/head&gt;&...

2018-07-06 14:08:26

阅读数 39

评论数 0

原创 允许在字母之间换行

在内容超出文本内容时,一般会写自动换行,出现省略号,但是如果是字母的话就不会换行。前提是要有宽度。css3 提供的新属性:word-break:break-all; //允许在单词内换行。...

2018-07-06 10:34:07

阅读数 419

评论数 0

原创 Jq 自动登录

本文章是利用jq 来做自动登录,具体需求如下,在用户点击了保存密码后,下一次访问时跳过登录页面,直接进入首页,具体是利用token 来做的,判断token是否存在;1. 首先做一个中间页(在登录之前的一个页面,专门做跳转,相当于一个跳转页);$(document).ready(function (...

2018-07-04 17:47:17

阅读数 190

评论数 0

原创 vue 利用路由守卫判断是否登录

1.在router下的index.js 路由文件下,引入相关需要文件;import Vue from 'vue' import Router from 'vue-router' import {LOGIN} from '../common/js/i...

2018-07-04 16:22:53

阅读数 3443

评论数 1

转载 vue如何默认选中单选框

一般我们使用单选框,会这么写://HTML&lt;input type="radio" name="radios" value="1" checked&gt;&lt;label&gt;one&lt;...

2018-06-04 16:16:24

阅读数 3817

评论数 0

原创 Vue beforeRouteUpdate 监测路由

在开发Vue 项目时,有时会遇到利用this.$router.push({ path:XXX})  这样的来跳转,但是有时会不刷新页面,所以要利用(监测路由beforeRouteUpdate)来解决。这个方法是vue-router2.2版本加上的。因为原来的版本中,如果一个在两个子路由之间跳转,是...

2018-05-30 10:33:14

阅读数 11222

评论数 1

原创 Vue keep-alive 缓存

利用vue 开发项目时,一般要用keep-alive 做缓存,但是有些页面不需要缓存,需要每次都刷新,解决办法为 activated();因为做缓存之后,第二次进入页面后,created(),mounted()  里面的不会触发,做了缓存,但是activated() 里的会触发;所以解决办法为在a...

2018-05-30 10:19:32

阅读数 217

评论数 0

原创 时间转换器

formatDate 把时间转换为2018-02-12这种形式1.只要把new Data()之后的时间传入函数,就可以得到这种形式的值。formatDate(date) { const y = date.getFullYear(); let m = date.getMonth() ...

2018-05-30 09:59:55

阅读数 75

评论数 0

原创 mint ui 上拉刷新,下拉加载问题

1.最外层包一层div,一定要有高度。2.mt-loadmore ,该插件会默认自动加载一次,在页面首次加载的时候。3.在加载成功后,并且是最后一页时,要把allLoaded 设置为false;如果不是最后一页,要设为true。大致代码如下:&lt;div class="mint...

2018-05-30 09:41:12

阅读数 1834

评论数 0

提示
确定要删除当前文章?
取消 删除