- 博客(68)
- 收藏
- 关注
RSS订阅原创 自定义封装的数组方法
isAllEqualSingle判断数组内(一个数组)元素是否全相同，相同返回true，否则返回falsefunction isAllEqualSingle(array) { if (array.length > 0) { return !array.some(function (value, index) { return value !==...
2019-09-09 10:49:11
493
转载 require.context 用法，巧妙引入文件
require.context 用法，巧妙引入文件const modules1 = {}const modules2 = {}# 只获取子文件夹下的index文件 ./xxx/index.jslet files = require.context('./', true, /^\.\/(\w*\/)+index\.js$/, 'lazy')# 获取当前目录下的js文件 ./xxx.js...
2019-04-20 10:28:45
2980
转载 关于import ，export 命令
在CommonJS 中// CommonJS模块 let { stat, exists, readFile } = require('fs');// 等同于 let _fs = require('fs'); let stat = _fs.stat; let exists = _fs.exists; let readfile = _fs.readfile;而ES6 模块不是对象，...
2019-02-21 09:38:14
437
转载 网页点击特效
http://www.4u4v.net/shu-biao-dian-ji-ye-mian-chu-xian-fu-qiang-min-zhu-deng-wen-zi-dan-mu-te-xiao.html
2018-11-08 14:32:59
701
原创 基于element 树形表格组件
数据格式化方法treeTable/dataTranslate.jsimport Vue from 'vue'function DataTransfer (data) { if (!(this instanceof DataTransfer)) { return new DataTransfer(data, null, null) }}DataTransfer.tree...
2018-09-26 17:25:00
4280
转载 前端解决跨域（全）
前端解决跨域（全） https://segmentfault.com/a/1190000011145364前后端交互 跨域问题的解决 https://blog.csdn.net/sharehu/article/details/78161390
2018-07-27 09:09:50
283
转载 for循环优化
for循环优化for (var i = 0; i < list.length; i++) { //…… }==》let i = list.length; while (i--) { }代码优化
2018-07-26 17:27:45
520
原创 条件判断的性能优化
条件判断的性能优化if（）{ }else if(){ }else 直接略过，不建议。。。switch (this.currentWrite) { case '项目经理初审': this.form.pmFirstApprovalPersion = res.data.name break; case '执行部门审核1': this.form.ex...
2018-07-26 16:29:39
808
原创 el-upload 限制图片上传的方法
<el-upload :action="action" :accept="'image/*'" list-type="picture-card" :file-list="filelist" :on-preview="handlePictureCardPreview" :before-remove="beforeRemove&qu
2018-07-26 14:49:03
6410
1
转载 input type=file accept中可以限制的文件类型
input type=file accept中可以限制的文件类型在上传文件的时候，需要限制指定的文件类型。 accept表示可以上传文件类型，image表示图片，*表示所有支持的格式。accept可以指定如下信息： https://www.cnblogs.com/lgx5/p/5662472.html...
2018-07-26 11:59:09
557
转载 Vue v2.4中 新增的$attrs及$listeners属性
Vue v2.4中 新增的$attrs及$listeners属性用于跨级组件传值$attrs–继承所有的父组件属性（除了prop传递的属性、class 和 style ）inheritAttrs：默认值true,继承所有的父组件属性（除props的特定绑定）作为普通的HTML特性应用在子组件的根元素上，如果你不希望组件的根元素继承特性设置inheritAttrs: false,但是c...
2018-07-26 11:57:00
3458
2
原创 vue 组件传参func用法
vue 组件传参func用法使用场景：比如一个button组件里面有一个loading属性，在父组件中如何去改变loading的值，一种是通过props去改变，另外一种可以通过func暴露整个组件对象来实现。button.vue &lt;button @click="handleClick"&gt;&lt;button&gt;props:{ funcProps: {...
2018-07-23 09:51:20
4236
原创 关于vue slot 的多级传递使用
关于vue slot 的多级传递使用 关于slot 以及scope-slot的基本使用，官方文档已经有了详细的介绍：点击这里查看，这里就不复述了。但是在实际的使用过程中，常常会出现外部组件内容需要多级嵌套传递到目标组件，那么slot可以如何实现呢？ 现在假设有A，B，C三个组件，层级关系为A&gt;B&gt;C(爷爷，父亲，儿子)C:&lt;div&gt; C组...
2018-07-19 14:37:37
15861
3
原创 el-dialog el-tabs结合样式改造
el-dialog el-tabs结合 样式改造效果： dialog.vue (封装好的组件)<template> <div> <el-dialog :visible.sync="dialogVisibles" class="theme1" @close="$emit('update:show', false)"> &
2018-07-19 14:17:54
11362
1
原创 切换浏览器窗口 elementui 的tabs组件出现蓝色边框问题
切换浏览器窗口 elementui 的tabs组件出现蓝色边框问题如图： 解决办法：在commos.scss中加入属性覆盖.theme{ .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: none; border-top-left-radius: 20px;...
2018-07-18 14:27:40
2358
转载 数组多重条件过滤的方法
数组多重条件过滤的方法let array = [{ date: '2016-05-02', name: 'Ethan', status: 'success', total: '81'},{ date: '2016-05-04', name: 'Lynn', status: 'fail', tag: '50'},{ date: '2016-05-01'...
2018-07-16 16:55:02
2415
原创 css 彩色按钮(七彩葫芦娃)
css 彩色按钮common.scss$blue: #48b0f7;$light-blue:#3A71A8;$red:#C03639;$pink: #E65D6E;$green: #30B08F;$tiffany: #4AB7BD;$yellow:#FEC171;$panGreen: #30B08F;@mixin colorBtn($color) { backgr...
2018-07-12 15:51:58
1789
原创 element DropdownMenu组件（宫本特款）
DropdownMenu排好队，一个一个来 component / dropdownMenu.vue<template> <div class="share-dropdown-menu"> <span class="share-dropdown-menu-title" @click.self="clickTitle">{{title..
2018-07-12 15:29:12
1901
转载 element 指令waves 水波纹效果
element 指令waves作用：点击当前元素触发水波纹效果directives / waves / waves.css.waves-ripple { position: absolute; border-radius: 100%; background-color: rgba(0, 0, 0, 0.15); background-clip: padd...
2018-07-11 14:56:47
12145
转载 element 隐藏指令clickoutsde改造
element 隐藏指令clickoutsde改造该指令是在element 源码的指令clickoutsde的基础上改造的作用：点击绑定指令的当前元素的外部生效触发事件directives / clickoutsde.js// 引入Vue用以判断当前运行环境import Vue from 'vue'// element封装的一些常用dom操作，这里on可以先当做是addE...
2018-07-11 14:50:30
1086
原创 element 隐藏组件el-scrollbar
element 隐藏组件el-scrollbar虽然在官方文档中没有给出这个组件，但是在源码中是有的。因为他在<el-scrollbar></el-scrollbar>可以直接使用，但是一些细节需要微调 1.css// 在common.css中添加.el-scrollbar__wrap{ overflow-x: hidden;}2 . 在使...
2018-07-11 14:37:24
3947
2
原创 map() （es6）
map() （es6）map()的实例是{key:value}结构，但不同于Object.Map 结构的实例有以下属性和操作方法。 （1）size 属性 （2）set(key, value) （3）get(key) （4）has(key) （5）delete(key) （6）clear()遍历方法 keys()：返回键名的遍历器。 values()：返回键值的遍历器。...
2018-07-11 11:45:23
894
原创 Set（）方法es6
Set（）方法 (es6）set方法没有重复元素 （===）// 去除数组的重复成员[...new Set(array)]// 例一const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]// 例二const items = new Set([1, 2, 3, 4, 5, 5, 5, 5])...
2018-07-11 11:37:49
1165
原创 数组方法汇总
数组方法汇总Array.length 返回或设置一个数组中的元素个数 设置 length 属性的值来截断任何数组Array.from() 语法 Array.from(arrayLike, mapFn, thisArg) arrayLike 想要转换成数组的伪数组对象或可迭代对象。 mapFn (可选参数) 如果指定了该参数，新数...
2018-07-11 10:51:06
124
原创 Object对象
Object对象方法汇总Object.assign(target, …sources) target：目标对象。 sources： 原对象 返回值为对象常用：复制对象var obj = { a: 1 };var copy = Object.assign({}, obj);console.log(copy); // { a: 1 }合并对象...
2018-07-11 09:44:36
134
原创 vue中echarts随窗口变化响应
vue中echarts随窗口变化响应utilsexport function debounce(func, wait, immediate) { let timeout, args, context, timestamp, result const later = function() { // 据上一次触发时间间隔 const last = +new Date(...
2018-07-10 16:12:26
3393
1
转载 webpack构建vue项目
webpack构建vue项目1.脚手架vue-clinpm i vue-cli -g1.1使用vue-cli初始化项目 Usage: vue <command> [options] Options: -V, --version output the version number -h, --help output usage info...
2018-07-06 14:51:20
1450
原创 element table 前端分页+前端模糊查询
&lt;template&gt;&lt;div&gt; &lt;el-input v-model="search" placeholder="请输入内容"&gt;&lt;/el-input&gt; &lt;el-table :data="tables.sl
2018-07-04 10:47:32
5911
2
转载 element table 前端关键字模糊查询
&lt;template&gt; &lt;div class="box"&gt; &lt;el-input v-model="search" placeholder="请输入内容"&gt;&lt;/el-input&gt; &lt;el-t
2018-07-04 08:53:02
8336
2
原创 echarts 图表的事件（左键单击，右键单击）
ECharts 支持常规的鼠标事件包括’click’、’dblclick’、’mousedown’、’mousemove’、’mouseup’、’mouseover’、’mouseout’ 事件，同时还隐藏了一个右键点击事件oncontextmenu，myChart.on('click',(params)=>{ console.log('左键单击');});let ch...
2018-06-08 10:22:44
6660
1
原创 vue slot的调用方法
首先，我们常见的html标签是这样的：<div>这里是内容</div>vue中的组件使用跟html标签是非常类似的，那么可不可以这样写呢？？<DataTablePage>这里是插入的内容</DataTablePage>毫无疑问，当然是可以的，只需要在子组件中加入slot<template> <...
2018-05-21 10:04:25
5445
转载 generator（生成器）
形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield语句，定义不同的内部状态function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending';}var hw = helloWorldGener...
2018-05-15 15:08:24
400
转载 map、reduce、filter、sort
let arr = [1, 3, 5, 7, 9];let a = arr.map((item,index) => { return item*index;});console.log(a)Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算var ar...
2018-05-15 14:02:33
131
转载 ES6 解构用法
var person = { name: '小明', age: 20, gender: 'male', passport: 'G-12345678', school: 'No.4 middle school'};var {name, age, passport} = person;console.log('name = ' + name + ', ag...
2018-05-15 10:20:23
242
转载 ...rest传参
…rest可以灵活使用，取代argumentsfunction foo(a, b, ...rest) { console.log('a = ' + a); console.log('b = ' + b); console.log(rest);}
2018-05-15 09:54:20
1516
转载 es6中的Map和Set，for ... of
Map是一组键值对的结构，具有极快的查找速度。得到的是一个对象。var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);var a = [['Michael', 95], ['Bob', 75], ['Tracy', 85]];console.log(m)console.log(a)// Map的增删改查va...
2018-05-15 09:48:49
402
转载 随机数
JS的随机数函数及相关函数：Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil(Math.random()*10); // 获取从1...
2018-05-15 08:58:19
112
转载 数组的交集和并集
let a = new Set([1, 2, 3]);let b = new Set([3, 5, 2]); // 并集let unionSet = new Set([...a, ...b]);//[1,2,3,5]// 交集let intersectionSet = new Set([...a].filter(x => b.has(x)));// [2,3]// ab...
2018-05-14 14:02:40
1094
原创 python入门
安装 在Windows上安装Python 到官网下载python，配置环境变量 运行python点击这里有详细教程python基础字符串// 特殊字符需要用\来转义的>>> print('\\\t\\')\ \// r'' 用来表示''内部的内容不转义>>> print(r'\\\t\\')\\\t\\// '''...'''用来表示多行>>> print('''line
2018-05-07 15:39:06
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人