- 博客(41)
- 收藏
- 关注
RSS订阅原创 vue脚手架安装
vue脚手架安装1、准备工作1.1、 安装node1.2、安淘宝镜像（非必须）1.3、 安装webpack2、搭建vue脚手架2.1、安装vue-cli2.2、初始化项目1、准备工作1.1、 安装node百度安装node方法，安装完成后输入node-v，显示版本号则说明安装成功。1.2、安淘宝镜像（非必须）运行命令npm install -g cnpm --registry=https...
2019-11-14 18:51:07
289
原创 LivePlayer播放器安装与使用
LivePlayer播放器安装与使用1、安装模块2、配置3、使用公司项目需要抛弃萤石云插件，因此视频播放要另寻出路，找来找去，找到了LiveGBS GB28181流媒体服务，研究了一下demo，因为要使用LivePlayer，所以想要在自己项目里使用，还得把LivePlayer装好，项目用的vue。1、安装模块npm install @liveqing/liveplayer2、配置在该文...
2019-11-13 20:13:12
5714
原创 高德地图开发（一、引入地图）
百度地图无法满足开发需求，因此开始研究高德地图怎么使用，因为要从头开始，所以开了一个系列做个记录，每篇的前半段会包括原生，然后再是vue实现方式。首先是高德地图如何调用以及设置
2019-09-05 20:52:35
2613
原创 elementui限制日期控件选择范围
elementui日期控件选择范围1、文档2、实现代码1、文档elementui日期控件el-date-picker相关文档2、实现代码以设置只能选择今天以及今天以前的日期为例，代码如下。html代码：<el-date-picker align="right" type="date" placeholder="选择日期" :picker-options="pickerOpti...
2019-06-28 19:39:40
2438
原创 vue事件异常触发解决
使用vue绑定事件时有时会遇上奇怪的问题，比如click事件触发两次；加载事件不论满足条件都被立刻触发，这些都可以使用vue的prevent修饰符解决。
2019-05-15 19:29:05
869
原创 img图片请求失败后的处理
视频与图片（video与img）请求失败后的处理1、onerror 事件监听2、onerror弊端的解决，优化写法3、背景图片前端使用video与img标签时，有时候会遇到加载失败的情况，造成失败的原因有很多，网络问题、路径错误、资源已被删除等，img会显示一个裂图，video则没有任何提示，因此从用户体验上来说，需要进行处理，常用的是用准备好的一张图片来提示用户图片或者视频加载失败。不做任何...
2019-05-13 21:25:27
4003
原创 IE中遇到的坑(一、在Vue.prototype上声明全局变量)
如果要兼容IE，在给Vue.prototype添加新属性的类型为对象时，最好先声明该对象的每一个属性。
2019-05-10 20:05:40
1909
原创 websocket报错后重连
websocket报错后重连原始代码解决过程最终解决方案今天后端websocket服务器出了问题，导致前端一直在提示net::ERR_CONNECTION_REFUSED。原始代码websocket连接的方法之前的代码：deviceWebsocket () { if ('WebSocket' in window) { try { // 报错...
2019-05-06 12:54:19
5607
原创 queryselector选择器注意事项
queryselector选择器使用时注意事项1、选择器命名有要求2、vue里使用时注意生命周期1、选择器命名有要求今天在vue项目中使用queryselector时报错，因为是根据数据直接生成的复选框，所以就用的数据id作为html标签的id，结果到了取值的时候却报错了。"SyntaxError: Failed to execute ‘querySelector’ on ‘Document...
2019-05-05 19:29:00
6341
2
原创 js深拷贝的实现方式，有图有真相
深拷贝的实现，深拷贝与浅拷贝的区别1、浅拷贝与深拷贝的区别2、深拷贝的几种实现方式2.1、手动实现1、浅拷贝与深拷贝的区别如何区分深拷贝与浅拷贝？简单来讲浅拷贝就是b复制了a，a或者b改变后，a、b都变化了。深拷贝就是b复制了a，a或者b改变，对方都不会变化。归根到底就是引用数据类型与基础数据类型在复制时的区别，具体的例子可以看这篇：js复制拷贝数据时的注意事项（https://blog...
2019-05-04 18:09:47
692
原创 js复制拷贝数据时的注意事项
js复制拷贝数据时的注意事项1、复制数据时的划分2、基础数据类型的复制3、引用数据类型的复制昨天教导新人的时候，发现她不了解复制数据时的区别，以为a=b之后赋值之后之后就没有关联了，因此今天写这篇文章自己整理一下这中间要注意的东西。这篇先写因为数据类型导致的复制区别，下篇写深拷贝浅拷贝。1、复制数据时的划分在代码中，经常会用到需要将a赋值给b的情况。但是a的值得类型往往会影响到拷贝之后a、b...
2019-04-29 13:51:44
454
原创 复选框checkbox自定义样式
纯CSS实现复选框自定义样式1、去掉默认样式2、第一种方式：用图片实现3、第二种方式：用字体图标实现1、去掉默认样式 input[type=checkbox]{ appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; //visibility: hidde...
2019-04-28 19:25:26
4607
1
原创 百度地图添加自定义图标标注以及自定义动画效果
百度地图添加自定义图标标注以及自定义动画效果1、添加自定义图标标注2、添加自定义动画效果2.1、标注对象marker的构成2.2、自定义动画效果实现过程2.3、最终实现效果上次写的是添加自定义图标，但是用的是添加自定义覆盖物方法，结果不支持点聚合，这次写的还是添加自定义图标，但是可以支持点聚合，同时还加上了自定义动画效果。1、添加自定义图标标注代码如下，vue里记得把图标扔到static文件...
2019-04-25 22:46:32
9286
6
原创 js免去遍历快速获取数组或集合中的数据
js快速获取数组或集合中的数据1、循环遍历获取2、键值对方式获取今天调试时发现数据更新有问题，我第一时间就想到是因为数据交互太频繁，导致前端还没计算完后端又传数据过来了，所以就想怎么减少计算量，提高运行速度，弄完后就记录一下用的方式。后续再对循环遍历的优化另开一篇记录。1、循环遍历获取很多时候取得的数据源是数组形式保存数据假设数据源为let res = [ { name: "名称"...
2019-04-24 12:49:27
2220
转载 Flex 布局教程：语法篇
介绍因为自己经常用到flex布局，所以打算弄一篇博文，但是因为接触flex布局就是从阮一峰老师的教程开始，而且写的也很好，所以就不再写了，直接转载该文，这里在原文的基础上为了方便阅读增加了目录。转载自阮一峰的：Flex 布局教程：语法篇原文链接：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html ...
2019-04-23 13:09:09
491
原创 vue阻止子元素触发父元素的事件，事件冒泡处理
vue阻止子元素触发父元素的事件1、起因2、实现代码3、部分特殊情况的处理方式1、起因需求要求图片列表可选，并且点击该区域弹出图片详情，但是复选框又有自己的事件，所以需要点击复选框的时候不触发父元素的事件。2、实现代码原代码<div class="tim" id="tim" v-for="(fileName, index) in nowPhotoArr" :key="fileNa...
2019-04-19 19:20:06
17734
7
原创 elementui复选框组使用与遇到的问题
elementui复选框组使用与遇到的问题1、复选框组使用2、默认值的设置3、遇到的问题3.1、导致问题的写法3.2、正常可以使用的写法今天有个弹出窗编辑的时候elementui的复选框出了问题，控制台也没有报错，但就是死活选不中，解决后决定写一遍文章描述一下复选框的用法，以及这个问题是怎么导致的。1、复选框组使用// deviceDialogFormData.config默认为['0']...
2019-04-19 18:47:44
3821
原创 百度地图自定义图标点聚合实现与注意事项
百度地图自定义覆盖物点聚合前因实现代码前因往往需要用到地图的时候设计都不会使用百度地图自带的覆盖物样式，而是需要我们自己去制作或设计，在上一篇文章中描写了怎么添加与删除自定义覆盖物。（https://blog.csdn.net/weixin_44849078/article/details/89362561）但是之后想要对自定义覆盖物使用点聚合时却发现不支持，会报错。无奈之下到处看demo，...
2019-04-18 19:43:07
3792
3
原创 vue父子组件传值，父传子，子传父
vue父子组件传值，父传子，子传父1、父组件向子组件传值1.1、父组件的代码。1.2、子组件的代码1.3、限制传递的数据类型1.4、 父组件的值变化会同步到子组件2、子组件向父组件传值2.1、$emit事件2.2、子组件代码2.3、父组件代码1、父组件向子组件传值现有两个父子组件，父组件为photoManager.vue，子组件为photoDetail.vue。并且处于同一文件夹下。1.1...
2019-04-12 19:56:42
2779
1
原创 vuex介绍、安装、使用，vue项目中使用vuex
1、vuex能做什么，有什么用2、安装vuex3、引入项目中3.1、项目结构一览3.2、main.js所需代码3.3、vuex配置文件4、调用和改变储存在vuex中的数据4.1、获取vuex中的数据4.1.1、计算属性computed中获取4.1.2、getters方法获取4.2、改变vuex中储存的数据
2019-04-11 17:18:20
1402
原创 element-ui树形控件带复选框时子节点未全选中时父节点半选中，获取不到父节点id
elemetnui树形控件在父节点的子节点未全部选中时，通过default-checked-keys绑定的数据不包含该节点，导致保存时出现问题。一、解决办法二、注意事项，赋值时会显示全选中
2019-04-11 11:13:28
8467
6
原创 vue前端按钮权限控制隐藏
vue前端按钮权限控制隐藏权限控制描述如何实现1、储存权限数据2、权限判断方法3、设置vue自定义指令4、最终代码与效果很多后台管理系统会用到权限管理，菜单权限比较好控制，按钮权限就复杂一些，本文介绍的就是按钮权限如何控制，用的是vue项目。权限控制描述前端需要根据后端传来的权限数据控制是否显示新增、编辑、删除（红框所示部分）功能。菜单管理处设置的新增、删除、编辑权限参数如图红框所示部分...
2019-04-10 19:41:23
16927
17
原创 js遍历树，多层嵌套for循环，递归
js遍历树，多层嵌套for循环，递归一、目的源数据示例二、如何获得数据多层for循环嵌套遍历树数据递归遍历树数据一、目的遍历获取树数据中的部分数据。源数据示例menuType=2的数据为按钮，按钮可以在一级菜单下也可以在二级菜单下，层级不固定。// 示例数据 menuType=0为一级菜单，1为按钮，2为二级菜单let menuTreeList = [ { "id": "c...
2019-04-10 16:21:58
23336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人