- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 generator
function* hellloWordGenarator(){ yield 'hello'; yield 'world'; yield 'ending';}var hw = hellloWordGenarator()console.log(hw)//1.hw是一个generator的遍历器对象// Generator {_invoke: ƒ}// _invoke: ƒ invoke(method, arg)// __proto__: Generator//2.
2020-05-23 17:31:38
171
原创 for-of ---generator函数中的for-of
function* foo(){ yield 1; yield 2; yield 3; yield 4; yield 5; yield 6; yield 7; return 8}for (let v of foo()){ console.log(v)}// for of 循环可以自动遍历Generator函数生成的Iterator对象，且此时不需要调用next方法//注意：一旦next方法返回的对象的done属性为true，
2020-05-23 17:31:12
221
原创 yield*使用遍历二叉树结构数据---es6语法
//yield*表达式 在generator函数中执行另外一个generator函数//使用yield*语句遍历完全二叉树//3个参数分别是左树，当前节点，右树function Tree(left,label,right){ this.left = left this.label = label this.right = right}//中序遍历函数//由于返回的是一个遍历器，所以要用generator函数//函数体内采用递归算法，所以左树和右树要使用yield*遍
2020-05-23 17:30:05
331
原创 jieliu
防抖函数 <input id="throttle" /> var throttle = function (func, delay) { var prev = Date.now(); return function () { var context = this; var args = arguments; var now = Date.now(
2020-05-21 17:35:58
238
原创 fangdou
防抖函数 function ajax(context) { console.log('ajax content' + context) } // 防抖函数,设置延迟执行时间delay和被处理的函数fn function debounce(fn, delay){ return function(...rest){ let that = this let _args = rest
2020-05-20 14:53:59
216
原创 tableColumn
<template> <el-table-column :prop="tableHeader.columnName" :label="tableHeader.columnComment" :key="tableHeader.id" :show-overflow-tooltip="true"> <template v-for="item in...
2020-02-20 22:04:42
1116
原创 table
<template> <el-table :data='emptyData' size='mini' stripe border height='200' v-if='showFlag'> <template v-for="item in list"> <el-table-colum...
2020-02-19 23:18:56
143
原创 v-if和v-else同时使用的注意事项
v-if和v-for同时使用的注意事项v-if和v-for同时使用，v-for的优先级要高于v-if，这意味着v-if将分别重复运行于每一个v-for中。所以如果你的目的是有条件的跳过循环，那么可以将v-if置于外层元素或者上...
2020-02-19 23:12:56
1106
原创 vue中的环境配置内容
vue中的环境配置内容：打包配置创建.env.test文件，文件内容如下NODE_ENV='test' # 测试环境VUE_APP_TT='TT'创建.env.pre-release文件，文件内容如下：NODE_ENV='pre-release' # 预发布环境创建.env.production文件，文件内容如下...
2020-02-12 15:03:36
406
原创 vue中的tree结构数据组成
根据level值将数据变成tree结构//result是盛放数据的容器 //判断result数据中是否包括有该level数据，if(result.hasOwnProperty(item.level)) { //如果有，就将数据方法入该level下的children数组中 item.children.push({ id:item.level, label:item.l...
2020-01-07 20:35:35
627
原创 文件预览,下载
文件预览：1.将文件的responseType改为blob2.将文件内容通过URL.createObjectURL(blob)的形式转换为地址栏中的地址3.newPage = window.open()开启新空白页面，将转换的地址赋值给newPage.location 文件下载：1.将文件的responseType改为blob2.将文件内容通过URL.createObjectURL(...
2020-01-07 20:33:41
493
原创 表单验证pattern
表单验证vue中表单验证，可以通过pattern设置正则表达式，定制验证的规则；pattern：html5新设置的表单验证的属性,只有当<input>类型为text，search， url，telephone，email，password时是有效例子： const numberPattern = [ { required: true, message: "版本号不能为...
2020-01-07 17:09:18
1295
原创 vue组件中的upload.timepicker
vue组件中的upload组件before-upload: function(file); 上传前的钩子函数http-request：覆盖默认的上传行为，可以自定义上传的方法on-success: function(response,file,fileList)on-exceed: function(file,fileList)headers : 填写headers信息accept: ...
2020-01-07 17:08:41
248
原创 vue项目中的自定义v-model
vue项目中的自定义v-model：1. v-model：默认是基于input框定制，所以只会接受value属性和input事件的响应。2. 可以通过model选项来配置接受的props和event：如下例子例子：//子组件<template> <div v-if="show"> <p>定制 v-model</p> &...
2019-12-29 15:21:27
235
原创 http请求contentType;responseType;content-Disposition
http请求：含义：content-type：http/https发送信息至服务器时的内容编码类型，contentType用于表示发送数据流的类型，服务器根据编码类型使用特定的解析方式。大白话就是告诉接收端传递的内容主体是什么。常用类型：1. application/json： 告知接收端发送的json对象????参数以序列化后的json字符传传递参数：JSON.Stringify(data)[...
2019-12-18 22:46:57
1023
原创 layui中使用loading
在上传文件中:在before回调或者是choose回调中加入:layer.load(1)在done的回调中加入:layer.closeAll(‘loading’)在ajax的请求中:在xhr.open()之前就开始加入: layer.load(1) //load后的参数可以是空,也可以是0-2,代表的是不同的加载样式在xhr.onload()中加入: layer.closeAll(‘...
2019-11-25 17:11:06
2729
原创 文件下载的公共方法
function fileDownload(url, type, data){var sUrl = url + ‘?’;var xhr = new XMLHttpRequest();var token = localStorage.getItem(‘Access-token’)for (var key in data){ sUrl += key + '=' + data[key] + ...
2019-11-25 15:08:21
182
原创 通过XLSX在前端获取excel数据
已layui中的upload组件上传为例子://获取文件的file对象var file = $(’#inputImport’).files[0];//将数据读取为arraybuffer的格式var reader = new FileReader();reader.readAsArrayBuffer(file)//在workbook中获取到excel的内容reader.onload =...
2019-11-25 10:19:20
351
原创 转译特殊字符的方法
转译字符的方法：1⃣️escape不编码字符有69个：，+，-，.，/，@，_，0-9，a-z，A-Z2⃣️encodeURI不编码字符有82个：!，#，$，&，’，(，)，，+，,，-，.，/，:，;，=，?，@，，~，0-9，a-z，A-Z3⃣️encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，，~，0-9，a-z，A-Z在日常的开发中，使用...
2019-11-20 21:43:44
2157
原创 layui中upload上传文件并传递参数
layui中upload传参方式:使用layui写文件上传功能,需要传入id和tablename两个参数layui.upload.render({ elem:'#id', url:'接口路径', accept:'file', size:'传入文件的大小', before: function (){ this.data = { id: '传入id值', tablena...
2019-11-19 15:26:35
24395
5
原创 日常
功能实现:点击"查看"按钮显示被选中行相关信息;思路:页面内容包括两部分,一部分是点击页面时的展示页面,一个时点击查看时显示的页面. 将显示页面和隐藏页面通过show/hiden切换,并设置不显示页面为display:none. 点击按钮后出发隐藏页面显示的事件.选中内容: 通过layui中的 table.checkStatus(‘idTest’)方法获取该行的数据,将该行数据显示在页...
2019-11-18 23:07:19
287
原创 echarts相关常用配置属性:
echarts相关常用配置属性:grid: {left: ‘1%’, //距离左边的边距top: “10%”, //距离上部的边距}//轴线相关的常用配置xAxis: {type: ‘value’,show: false, //是否显示该轴axisLine: {show: false //是否显示该轴线},splitLine: {show: false, //是否显示...
2019-09-05 15:53:32
653
http请求contentType和response.md
2019-12-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人