- 博客(39)
- 收藏
- 关注
RSS订阅原创 form表单输入正则校验
form表单输入正则校验<el-form slot="dialog-content" class="dialogContent" :model="userForm" :rules="userRules" ref="addRuleForm" style="list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative"> <el-form
2021-09-06 20:02:23
1349
1
原创 什么是纯函数？
什么是纯函数？1.如果函数的调用参数相同，则永远返回相同的结果。它不依赖于程序执行期间函数外部任何状态或数据的变化，必须只依赖于其输入参数。2.该函数不会产生任何可观察的副作用，例如网络请求，输入和输出设备或数据突变（mutation）。//纯函数function sum(a,b){ return a+b;}3.react中的reducer就是一个纯函数。...
2021-09-04 22:25:57
239
原创 loading的封装以及使用
element ui中loading的封装以及使用import { Loading } from 'element-ui';let loadingCount = 0;let loading;const startLoading = () => { loading = Loading.service({ lock: true, text: '拼命加载中……', spinner: 'el-icon-loading', fullscreen: false, backgroun
2021-09-03 14:11:32
724
1
原创 js使用递归函数深拷贝对象
js使用递归函数深拷贝对象/** * @description: 深拷贝 * @param {*} source原对象 * @return {*} */function cloneDeep(source) { // target目标对象 var target = {}; for(var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) {
2021-09-02 22:46:38
164
原创 使用ts如何声明一个对象？
1. 使用ts如何定义一个空对象interface MyObject { [key: string]: any;}2.如何判断一个对象为空对象？let data = {};let arr = Object.keys(data);console.log(arr.length == 0);//true
2021-09-02 10:05:28
12118
原创 使用promise实现一个sleep函数
使用promise实现一个sleep函数const sleep = (time) =>{ return new Promise((resolve) => { setTimeout(resolve,time) })}sleep(5000).then(()=>{ // 5秒后执行 console.log(123)})
2021-09-01 23:03:58
1540
2
原创 手写一个简单版promise
手写一个简单版promiseclass myPromise{ constructor(callback){ this.msg = ""; this.success = null; this.fail = null; callback( success =>{ this.msg = 'SUCCESS'; this.success = success; }, fail =>{ t
2021-09-01 22:16:02
100
原创 es6中reduce用法
es6中reduce用法1.利用reduce对数组进行求和/** * @description: 利用reduce对数组进行求和 * @param {*} * @return {*} */let arr = [1,2,3,4,5,2,3,6];let sum = arr.reduce((prev,cur)=>{ return prev + cur;});console.log(sum);2. 利用reduce求数组最大的数/** * @description: 利用re
2021-09-01 22:07:15
233
原创 前端实现模糊查询和远程搜索功能
前端实现模糊查询和远程搜索功能<el-autocomplete v-model="value" :fetch-suggestions="querySearchAsync" @select="change" @clear="handleClear" placeholder="请输入" clearable></el-autocomplete>/** * @description: 远程搜索功能 * @param {queryString} 用户输入值 *
2021-09-01 19:44:39
489
原创 js函数实现默认参数
js函数实现默认参数 function test(params1: string, params2: string, params3: string, ishiddenCol: boolean = false) { if (ishiddenCol) { // 代码处理逻辑 } }调用test(params1, params2, params3) // 默认不传为falsetest(params1, params2, params3, true) // 传true...
2021-09-01 19:37:43
473
原创 js脚本实现自动签到功能
js脚本实现自动签到功能1.首先在谷歌浏览器安装Tampermonkey插件2.写入脚本// ==UserScript==// @name New Userscript// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You// @match http://*/*//
2021-08-30 17:46:07
3699
转载 基于js管理大文件上传以及断点续传
Axios的简单封装let instance = axios.create();instance.defaults.baseURL = 'http://127.0.0.1:8888';instance.defaults.headers['Content-Type'] = 'multipart/form-data';instance.defaults.transformRequest = (data, headers) => { const contentType = headers['Co
2021-08-30 10:59:28
139
原创 前端高频面试题
*html面试题：1.html5新特性有哪些？2.说说你对HTML语义化的理解？3.HTML5的文件离线储存怎么使用，工作原理是什么？*css面试题：1.水平垂直居中的方法有哪些？2.rem移动端适配原理？3.弹性布局有哪些属性？4.为什么要清除浮动？清除浮动的方式？5.如何使用css3实现一个闹钟摆动的动画？6.sass和less的区别？7.重排和重绘的区别是什么？哪些会导致重排，哪些会重绘？*js面试题：1.说说你对js的理解？js的事件循环机制是什么？2.js的数据类型有哪
2021-08-29 10:55:35
146
原创 js截取url问号后面的参数
js截取url问号后面的参数function getUrlValue() { let query = location.search.substr(1).split('&'); let params = {}; for (let i = 0; i < query.length; i++) { let q = query[i].split('='); if (q.length == 2) { params[q[0]] = q[1]; } }
2021-08-29 10:40:45
1966
原创 ES6数组操作方法every和some的区别
ES6数组操作方法every和some的区别let computers = [ { name: "mac", ram: 32 }, { name: "mac", ram: 8 }, { name: "IBM", ram: 16 }, { name: "IBM", ram: 64 }];//判断每一个元素的ram是否都大于16,强调是每一个let everyBoolan = computers.every(function(item) { return item.ram >
2021-08-29 10:22:49
249
原创 js利用闭包实现防抖函数
使用js实现防抖函数:function debounce(fn,delay){ let timer = null //借助闭包 return function() { if(timer){ clearTimeout(timer) //进入该分支语句，说明当前正在一个计时过程中，并且又触发了相同事件。所以要取消当前的计时，重新开始计时 timer = setTimeout(fn,delay) }else{ time
2021-08-28 09:26:11
452
原创 前端实现excel中多个sheet页导入功能
1.前端使用xlsx插件对excel里的多个sheet转成json数据，发送给后端。// execute workbook stranfer main funcconst process_wb = function (workbook) {console.log('workbook.SheetNames', workbook.SheetNames.length);// 这两行原版本支持单个sheet转换成json数据if (workbook.SheetNames.length == 1) {
2021-08-27 15:18:24
616
原创 前端使用XLSX插件实现导入功能
前端使用XLSX插件实现导入功能，具体代码实现：1.npm install xlsx --save 下载安装xlsx插件依赖包2.在使用得地方引入import XLSX, { utils } from ‘xlsx’;3.把excel数据转成json传给后端4. * @description 解析表格文件数据，返回表格中内容，目前暂不支持导入有单元格合并的表格 * @param {Object} file 导入的文件，二进制数据流 * @returns {Object} data
2021-08-27 15:04:25
3080
原创 前端使用XLSX插件实现导出功能，包含隐藏英文表头字段
前端使用XLSX插件实现导出功能，具体代码实现：1.npm install xlsx --save 下载安装xlsx插件依赖包2.在使用得地方引入import XLSX, { utils } from ‘xlsx’;3. * @description:* @param {Object} json 服务端发过来的数据* @param {String} name 导出Excel文件名字* @param {String} titleArr 导出Excel表头* @param {String}
2021-08-27 14:50:35
969
1
原创 vue js的MVVM模式
1.Observer 数据监听器，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者，内部采用Object.defineProperty的getter和setter来实现。2.Compile 指令解析器，它的作用对每个元素节点的指令进行扫描和解析，根据指令模板替换数据，以及绑定相应的更新函数。3.Watcher 订阅者， 作为连接 Observer 和 Compile 的桥梁，能够订
2017-10-13 22:30:43
788
原创 密码强度的正则验证
//用三个正则表达式实现。 //纯数字—-一级；加上字母—-二级；加上非数字非字母—三级。 var reg1 = /\d/; var reg2 = /[a-zA-Z]/; var reg3 = /\W/; var level = 0; if(reg1.test(this.value)){
2017-10-12 21:23:19
2495
原创 数组和对象的区别和联系
数组和一般对象的相同点：①都可以继承②数组是对象，对象不一定是数组。（万物皆对象嘛）③都可以当做对象添加和删除属性。 常见的如push(),unshift(),pop(),shift()等。不同点：①数组自动更新length。②按索引访问数组常比访问一般对象的属性明显迅速。③数组对象继承Array.prototype上的大量数组操作方法。
2017-04-20 10:02:15
1355
原创 用原生js实现距离今年年底倒计时效果
// 设置倒计时效果// var time=new Date();// 创建当前时间window.onload=function(){ function djs(){ var time1=new Date();var re1=time1.getTime();// 创建未来的时间var time2=new Date(2017,11,31,23,59,59);v
2017-04-19 19:59:31
2264
原创 变量的生存期
1.变量的生存期。 首先变量分为全局变量以及局部变量。①全局变量是在主程序中进行定义，有效范围从定义开始直到程序运行结束为止。②局部变量是在程序的函数中定义，有效范围只在函数内部，当函数结束后，局部变量的生存期也就结束了。
2017-04-17 16:08:33
1796
原创 jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
$(document).ready() 与 window.onload（）两种方法的区别
2017-04-16 17:07:02
705
原创 哪些操作会导致内存泄漏？
1.什么是内存泄漏？ 内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。2.哪些操作会导致内存泄漏？①setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。②闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）。
2017-04-13 16:55:39
1726
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人