anken1536-CSDN博客

转载【工具】maven安装报错 Error: JAVA_HOME not found in your environment.安装jdk到jre时进度条卡住不动...

最近项目中涉及到用maven打包，所以需要安装apache-maven（项目构建与管理工具、主要是用mvn打包）。注意 Maven 安装之前要将jdk安装好，配置JAVA_HOME环境变量。jdk安装时除了安装jdk'还有jre，如果遇到jre安装卡住不动。关闭安装进程，清除安装的目录，并在c盘的windows目录下的system32或者sysWOW64中查找java.exe\j...

2018-11-14 10:40:00 502

转载【vue】基于vue+elementUI+seajs的后台管理外框架demo，导航菜单+tab页面显示跳转

后台管理外框架demo，由vue + seajs架构的后台管理框架，页面主要三部分组成：头部、左侧菜单、主界面。左侧菜单以路由控制在主界面以tab页形式展示。seajs主要是用来做代码组织的，方便模块化加载。功能上实现主要是vue+elementUI+vuex。左侧导航（自定义app-nav组件）整个框架使用elementUI实现界面，导航使用的是左侧菜单组件-NavMenu导航...

2018-10-11 17:38:00 612

转载【Javascript】数组去重的几种方法

indexOf创建新的数组存储数据，利用es5中的indexOf方法在新数组中查找重复项，如果没有即可添加到新数组。var arr = ["a", 3, 5, 2, 1, 4, 2, 3, 3, 3, "a", 5, 5, 5, 4];var arr1 = [];for (var i = 0; i < arr.length; i++) { if (arr1.in...

2018-10-09 16:30:00 194

转载【es6】变量声明-let 、const

let特性没有预解析，必须先定义再使用；不存在变量提升，存在暂时性死区//var声明变量的方式存在“变量提升”，即如下情况：console.log(a);//输出undefinedvar a = 2;//let不允许这种情况，如果在变量未声明前使用则会报错，出现“暂时性死区”console.log(b);//Uncaught ReferenceError: ...

2018-09-30 10:19:00 132

转载【JavaScript】判断一个对象是否为数组的几种方法

typeof 对于Function、String、Number、Undefined等几种类型，完全可以胜任，但是当对象是Array时，var arr = [1,2,3,4];alert(typeof arr); //objectinstanceof 返回一个Boolean值，指出对象是否是特定的一个实例，使用var arr = [1,2,3,4];alert(arr i...

2018-09-19 09:27:00 99

转载【gulp打包】使用gulp+babel打包处理es6转换为es5, 包括es6中Symbol对象

》》》》【问题】在使用gulp打包的项目中，引入了一些采用es6语法编写的js文件。导致在一些浏览器中识别不了出错，例如IE和搜狗。》》》》【解决】使用babel做了处理。使用方案一：gulp-babel + babel-preset-env + babel-core1、 cd进入项目下，依次安装：cnpm install gulp --save-devcnpm install...

2018-09-13 14:35:00 1132

转载【JavaScript】for循环整理：forEach、for in、 for of的区别使用

数组 forEach遍历数组，并让每一项执行一个函数；参数函数第一个形参代表当前的值；第二个形参代表当前的序号；第三个形参代表数组本身；不能使用break退出循环，不能使用return返回到外层var arr = [1,2,3,4];//forEach执行四次//仅用于数组，内部不能使用break,continuearr.forEach((value,key,arr)...

2018-08-23 14:42:00 220

转载【vue开发问题-解决方法】（十一）数据双向绑定导致修改数据格式原数据绑定出错...

数据双向绑定导致的问题填写表单后获取到checkbox的值是数组格式，但是在传递保存过程中，把获取到的数据改为字符串格式，以,号分隔。但是这里出现一个问题，我修改格式后绑定的数据格式也改变了，即便我修改的是用重新定义的变量接收的。所以需要使用以下方法来进行纠正。例如//表单中的checkbox，绑定QQLX<el-checkbox-group id="QQL...

2018-08-20 12:00:00 688

转载【JavaScript】使用url下载文件，解决chrome浏览器自动识别图片打开问题。

前两天做的一个文件下载，使用文件存储地址url去下载，不需要打开文件。使用新建a标签，触发点击事件来进行下载。 downloadNormalFile(src, filename) { var link = document.createElement('a'); link.setAttribute("downlo...

2018-08-10 16:32:00 1522

转载【vue开发问题-解决方法】（九）使用element upload自定义接口上传文件，input多文件上传...

昨天做了一个上传用户头像的功能，已经附件管理功能。头像上传使用了elemenUI的上传控件el-upload，附件管理因为对样式没有要求使用了原生的附件上传。项目背景：使用axios的post调用接口头像上传使用el-upload标签，设置show-file-list为false不显示文件列表，注意一定要设置action（虽然这里用不到），http-request覆盖默认的上...

2018-08-07 14:42:00 958

转载【插件】jsPlumb 删除节点以及节点间的连线

deleteflowchart: function (activities) { //移除节点的端点及节点之间的连线 if(activities) $.each(activities, function (i, activeitem) { var divID = activ...

2018-07-09 10:51:00 5921

转载【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域...

需求是实现在每次后台请求数据时显示加载动画，请求完成动画消失。实现方法可以借助之前的axios拦截器，在请求前显示动画，请求结束清除动画。 axios.interceptors.request.use( (config) => { // 所有请求之前都要执行的操作 //根据接口传入...

2018-07-03 15:34:00 327

转载【vue开发问题-解决方法】（七）Vue不能检测到对象属性添加或删除，vue不能检测到数组的变动问题...

由于JavaScript的限制，Vue不能检测对象属性的添加或删除。vue实现数据双向绑定有这么一个过程：当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用Object.defineProperty() 把这些属性全部转为getter/setter。每个组件实例都有相应的 watcher 实例对象，它会在组件渲染的...

2018-06-20 11:13:00 526

转载【vue开发问题-解决方法】（六）axios报错问题，Cannot read property 'protocol' of undefined...

在使用vue-cli搭建的项目运行npm run build打包之后，报错问题：Cannot read property 'protocol' of undefined定位错误到router文件中，从路由排查原因，问题出现在axios应用方式上，由于之前使用的是vue-resource，其使用方式为：/*引入资源请求插件*/import Resource ...

2018-06-20 10:46:00 1949

转载【vue开发问题-解决方法】（五）vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function...

现有一表单需要填写日期，采用了elementUI中日期选择器，但是获取到的数据格式是Mon Jun 18 2018 00:00:00 GMT+0800 (中国标准时间)而我需要的数据格式为2018-06-18查看elementUI文档，有对应的解决方法：使用 value-format设置获取日期格式，使用format设置显示日期格式。 <...

2018-06-14 15:20:00 714

转载【vue开发问题-解决方法】（四）vue Element UI使用中.$scopedSlots.default is not a function 报错...

当使用elementUI中v-if来判断显示元素时，会报错。vue.js:600 [Vue warn]: Error in render: "TypeError: l.$scopedSlots.default is not a function"这是因为在v-for或者v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现复用的情况。而原本这些标签...

2018-06-14 10:40:00 385

转载【vue开发问题-解决方法】（三）axios拦截器，post请求问题处理，异步请求封装...

axios post请求处理在vue中使用axios Post请求时会遇到后台接收不到参数问题，查看请求参数格式还是json的数据格式：而后台需要的数据格式为：key:val格式，所以需要在请求传参之前将数据序列化后再传递到后台：如果可以引入qs库，然后用qs 将数据做处理。const qs = require('qs');axios.post('/fo...

2018-06-11 16:27:00 895

转载【vue开发问题-解决方法】（二）element UI日期控件失效RangeError:Maximum call stack size exceeded...

问题：在vue项目中使用elementUI，使用日期控件的时候出现错误而正常情况下，点击日期控件会出现以下面板：查看代码：与elementUI官网中的代码一致，绑定的数据也都是data:''形式然后又看了控制台输出的错误信息：堆栈溢出网上查看这些信息都是js问题，但是vue的js和elementUI的js都是压缩版不能调试，因为vue和elementUI都...

2018-05-04 10:12:00 811

转载【vue开发问题-解决方法】（一）在style中设置background-image时路径问题

vue工程项目在style中设置background-image时路径问题1. 在css外设置background-image时，不能直接使用url，应该使用<li :style="'background-image:url(require('./../assets/banner_top2.png'))'"></li>2. 在css中设置ba...

2018-04-26 16:36:00 4251

转载【Vue学习笔记】（1）问题及解决方法记录

1、父组件传递 props 到子组件过程中，报错或者没有值。参考链接：http://www.jb51.net/article/117447.htm2、vue工程项目中style设置background-image路径问题：使用<li v-for="img in imgs" :key="img.id" class="" :style...

2018-03-27 11:07:00 108

转载【正则】获取页面中img标签的src地址修改

想在html中的的src的相对路径中<img src="/Images/IMG_8506_副本.jpg" alt="">添加绝对路径，首先获用正则获取img标签：/<img [^>]*src=['"]([^'"]+)[^>]*>/gi得到的结果为：<img src="/Images/IMG_8506_副本.jpg" a...

2018-03-26 11:45:00 611

转载【插件】jQuery.iviewer----图片浏览（滚动放大缩小问题解决）

做项目的时候使用到一个图片浏览的插件jQuery.iviewer，链接地址：http://www.jq22.com/jquery-info4580效果如下：但是应用的时候出现不能滚动放大缩小的问题，查看代码的时候发现封装的滚轮判断事件有点问题，返回的delta都为0，然后对jquery.iviewer.js的代码做了一些修改：1、添加函数addWheelEvent来判断滚...

2018-01-16 17:14:00 759

转载【插件】layDate----日期插件的使用（自定义mark标记，两个日期控件关联）

layDate ----JS日期与时间的组件，是 layui 独立维护的三大组件之一。不依赖第三方库，同时兼容所有的浏览器。使用方法也比较简单，拓展功能很方便。使用教程可参考官方文档：http://www.layui.com/laydate/使用方法：1、引入js文件（路径使用自己的路径）<script src="/laydate/laydate.js">...

2018-01-16 16:13:00 1817

转载【JavaScript】动画-小案例：小球运动

最近的讲js运动框架时，做了一个小案例，随机生成几个小球，然后让他们在页面中跳动，碰到边界就弹回来并修改颜色。效果如下：代码如下： 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name...

2017-12-25 11:47:00 427

转载【JavaScript】回流（reflow）与重绘（repaint）----小结

重绘与回流首先要了解页面是如何呈现的：HTML文档加载后生成DOM树（包括display：none;元素）；在DOM树的基础上配合css样式结构体生成render树（不包含display:none;、head节点，包含visibility:hidden;节点），即页面中的占位确定了.最后绘制页面（也叫渲染），不会改变页面布局的一些属性：color、背景色等。重绘（repa...

2017-12-25 10:34:00 372

转载【插件】jquery.circliful----环形统计图

环形统计图效果：左边统计图数据绑定右边人员出勤率，当数人员出勤率变化，统计图更新。引入js，设置css： <script src="scripts/jquery/jquery.circliful.min.js"></script>/*环形图样式start*/.circliful { position: relativ...

2017-12-22 14:13:00 364

转载【插件】ECharts----tooltip、样式设置，注册点击事件（柱状图和饼状图及部分设置）...

序言最近一直在赶项目，遇到过很多问题，也找到了一些解决的方法，现在准备静下心来整理一下这段时间的成果，完善代码，把遇到的问题和解决方法记下来，备忘。前几天做统计页面的时候，需求为对在线/离线人员统计，对不同类别统计，需要显示统计信息并能单击某一类别触发事件。用到的插件当然是强大的echarts了。这里为官方文档案例，最全面的还是官方文档啦。html <!--...

2017-12-18 17:46:00 496

转载【JavaScript】计数器+classList使用-纯js案例：全选反选

这两天做了一个全选反选的案例，用了几种方法，刚开始写的磕磕绊绊，听老师讲解后理清思路，再来写就很容易了。其实还是写代码时候的思路问题。首先要分析功能，然后分步实现，不要搅在一起。下面几种方法为比较精简的方法，用到classList属性，刚开始写的两个方法都比较原始，所以相对比较复杂，就不放上来了。案例的功能：1、每个列表项li都能点击切换选中和未选中状态；2、全选框能点击切换选中和...

2017-11-26 16:08:00 168

转载【JavaScript】for循环-小案例：选项卡、伸缩导航

这两天学习js的for循环，做了一些小案例，总结来说：用设置class来改变元素的样式以及是否显示;用for循环给多个元素添加注册事件;注意自定义属性的使用：O[i].index = i;以及用变量num来记录当前状态或者序号。案例1：选项卡效果：代码： 1 <!doct...

2017-11-20 18:04:00 185

转载【工具使用】git和码云

GIT 使用语句整理码云平台帮助文档Git教程-廖雪峰的官方网站常用语句git pull origin master 更新本地存储库git add 文件名添加到暂存区git commit -m "备注" 提交修改git commit --amend 修改已提交的message，进入文件编辑界面进行修改git status 查看文件修改状态git push orig...

2017-11-15 17:17:00 75

转载【JavaScript】纯js获取元素-小案例：简易对话

案例1：效果代码： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xh...

2017-11-15 15:49:00 156

转载【JavaScript】纯js-小案例：带缩略图的图片轮换

今天整理文件时找到了之前做的一些js练习，里面的带缩略图的图片轮换正好跟我之前做的banner轮播有点像。就又看了一遍，添加了一些注释。效果如下：代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset=...

2017-11-10 17:35:00 454

转载【CSS3】变换transform---小案例，行星运动效果

transform变换rotate旋转rotate(angle) 2D旋转；rotateX(angle) 沿着x轴旋转；rotateY(angle) 沿着y轴旋转；rotate(angle) 沿着z轴旋转；deg角度、rad弧度、turn圈、grad梯度90deg = 100grad = 0.25turn ≈ 1.570796326794897rads...

2017-11-09 10:46:00 170

转载【CSS3】选择器-小案例：纯css实现轮播

CSS选择器：基本选择器：通配符选择器：*；元素选择器：元素标签；class选择器：相当于身份证上的名称；id选择器：相当于身份证号（唯一性）；多元素组合选择器多元素选择器 E,F 选择所有E元素或者F元素；后代选择器 E F 选择所有属于E元素后代的F元素，即E元素的下n级元素F；子元素选择器 E > F 选择所有E元素的子元素...

2017-11-07 15:47:00 170

转载【CSS】伪类和伪元素选择器

伪类基于当前元素所处的状态或具有的特性，用于设置元素自身的特殊效果。a：link 规定所有未被点击的链接；a：visited 匹配多有已被点击过的链接；a：active 匹配所有鼠标按下未松开的元素；a：hover 匹配所有鼠标移入/悬停在元素上的元素；：focus 被选中的元素；：first-child 元素...

2017-10-22 15:36:00 72

anken1536的博客