![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Aloye_喜樂
这个作者很懒,什么都没留下…
展开
-
整合ES6-ES12及相关面试题整理
目录ES6箭头函数模板字符串解构赋值扩展运算符对象属性简写promise(重点说一下)let 与 constES7数组.includes()ES8async/awaitES9Object.values()Object.entries()Rest/Spread 属性ES10Array的 flat()方法和 flatMap()方法String的 trimStart()方法和 trimEnd()方法Object.fromEntries()新的基本数据类型 BigIntSymbolES11Promise.allSe原创 2021-08-09 17:27:04 · 414 阅读 · 0 评论 -
JavaScript 常见面试题
文章目录实现延迟加载的方式什么是作用域链什么是同源策略什么是闭包?用途及注意的地方call、apply、bind的区别对缓存的理解http工作原理http与https的区别性能优化的方法对this的理解new操作符具体干了什么什么是css预处理器及优点cookies、sessionStorage、localStorage的区别模块化开发的优点常用的模块化的方案有哪些ES6和ES7的区别及H5新特性js继承propertype、_proto、constractor的关系简述对promise的理解ajax请求数原创 2021-05-07 17:13:14 · 233 阅读 · 0 评论 -
JS VUE 递归循环遍历渲染并实现增删功能
封装递归组件if-condition-<template> <div> <div v-if="dataInfo.children && dataInfo.children.length>0" class="condition-item-con"> <div class="condition-line-con" v-if="dataInfo.children && dataIn.原创 2021-04-07 19:45:11 · 699 阅读 · 0 评论 -
element 表格中使用el-switch前弹出提示
<el-table-column label="是否启用"> <template slot-scope="scope"> <el-switch v-model="scope.row.enable" @change="upadteEnable($event,scope.row)" active-color="#3C78FF" inactive-color="#C0C4CC"></el-switch> </templa.原创 2021-04-02 20:31:29 · 895 阅读 · 0 评论 -
使用Bus进行跨组件传值
bus.jsimport Vue from 'vue'const Bus = new Vue()export default Bus使用的时候要引用Busimport Bus from './bus.js'this.$nextTick(()=>{//解决第一次触发emit无效问题 Bus.$emit('updateFormData',123)})beforeDestroy () { // 销毁监听事件 Bus.$off('updateFormData')}imp原创 2021-03-11 20:50:47 · 299 阅读 · 0 评论 -
echarts属性
// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb37原创 2021-02-04 13:54:26 · 83 阅读 · 0 评论 -
常用正则校验,邮箱,手机号,密码,特殊符号等
num_reg: /^\d+$/,//校验数字正则 ename_vaild_reg:/^[0-9a-zA-Z_-]{1,}$/,//数字、26个英文字母或者下划线或中划线 positive_integers_reg:/^[1-9]+[0-9]*]*$/,//正整数 url_reg:/(^((https|http)?:\/\/)[^\\s]+)/,//URL的正则 parameter_reg:/^[a-zA-Z]*$/,//英文字母 field_vaild_reg:/.原创 2021-01-27 15:55:24 · 376 阅读 · 0 评论 -
通过url地址字符串,筛选出参数
/** * 通过url字符串,筛选出参数 * @param url url字符串 * @return {Object} 返回参数对象 */ getQueryString(url) { let args = {}; // 保存参数数据的对象 let index = url.indexOf('?') if(index != -1) { let qs =url.substr(index+1); // 获取url中"?"符后的字串原创 2021-01-27 15:42:41 · 308 阅读 · 0 评论 -
处理时间期限,两个时间相减
/*** 转换时效 * @creatTime creatTime 创建时间 时间戳 * @param time 时效 20天 */dateTimes(creatTime,time){ var timestamp = Date.parse(new Date());//当前时间 var times = creatTime+(time*1000*60*60*24); var runTime = parseInt((times- timestamp)/1000); var原创 2021-01-27 15:40:37 · 270 阅读 · 0 评论 -
Swiper安装及使用,以及解决不能自动轮播和左右切换问题
首先先装下依赖npm install swiper vue-awesome-swiper --save在main.js里进行全局引入//swiperimport VueAwesomeSwiper from "vue-awesome-swiper"Vue.use(VueAwesomeSwiper)//Swiper 6.0版本后要单独引用Navigation, Pagination, EffectFade, Autoplayimport Swiper, { Navigation, Paginat原创 2021-01-14 13:31:22 · 940 阅读 · 0 评论 -
通过a标签下载图片和文件
可以解决图片不同源下载问题<img class="detail-img" v-for="(item,index) in fileList" :src="item.url" :key="index" @click="downloadIamge(item.url,item.name)"/>/** * 表单查看详情状态下载图片 * @param imgSrc 图片地址 * @param name 图片名称 */downloadIamge(imgSrc, name) { var原创 2021-01-06 14:52:16 · 1019 阅读 · 0 评论 -
Promise 和 async-await的区别-前端面试题
Promise 和 async-await 都是优化异步编程体验的解决方案。Promiseasync-awaitpromise 出现解决了传统 callback 函数回调地域的问题,支持链式调用可以停.then,promise 分别有 3 种状态一旦函数执行 promise 有了结果就无法改变,遇到复杂的业务逻辑 promise 显然不是那么方便需要不停 then 这样语法显然也不美观。async,await 是基于 promise 实现的,它是基于 Generator 函数的语法糖原创 2021-01-04 16:47:06 · 1950 阅读 · 0 评论 -
+element+<el-menu> 导航菜单二次封装,递归、无限循环遍历,支持横向排列、纵向排列
父组件<template> <div class="element-box"> <el-menu :default-active="value" @select="changeEvent" > <menu-tree :menuData="dataList"></menu-tree> </el-menu>原创 2020-12-25 16:58:44 · 2054 阅读 · 3 评论 -
js 判断校验对象数组中某一属性是否重复
/** * 判断数组中是否有重复 * @param arr 数组 * @param key 要校验的key值 */ isRepeat(arr,key){ var obj = {}; for(let i=0;i<arr.length;i++){ if(obj[arr[i]...原创 2020-12-04 16:41:26 · 4663 阅读 · 0 评论 -
el-select element 选择器懒加载,滚动加载
<el-form-item label="业务主题:" prop="theme" required> <el-select v-model="ruleForm.theme" :placeholder="language.matter_theme" v-el-select-loadmore="loadMoreTheme" class="w-600"> <el-option v-for="item in th.原创 2020-12-03 10:29:44 · 1240 阅读 · 0 评论 -
vue仿钉钉日历组件,移动端,展开折叠月历周历
重新用ts+v3写了一下,简化了一些功能,需要的自取月历周历原创 2020-11-16 11:26:35 · 6702 阅读 · 23 评论 -
js 将对象列表转换成想要的对象数组,数组重构
将这种格式转换成下面这种let arr = [{ profession: "专业1", work_type: "工种1", train_time: "2020/10/26-2020/10/26" }, { profession: "专业1", work_type: "工种1"原创 2020-10-27 16:23:37 · 813 阅读 · 0 评论 -
vue js实现列表拖拽
<el-radio-group v-else v-model="radioLabel" class="radio-group"> <div v-for="(item,index) in dataSettingForm.staticData" :key="index" draggable="true" @dragstart="dragStart(index)" @dragenter="dragEnter(index)" @drageover="dragOver(index)" @dr.原创 2020-09-11 13:44:24 · 2034 阅读 · 1 评论 -
vue-js-获取到上传音乐的标题,作者,时长,大小,封面
第一个链接是npm install的第二个是引入script的,以防万一我两个都用了https://www.npmjs.com/package/jsmediatagshttps://wwwindex.bootcdn.cn/jsmediatags/下面是我在项目中使用方法先在index.html中引入script <script src="https://cdn.bootcdn.net/ajax/libs/jsmediatags/3.9.3/jsmediatags.js"><原创 2020-06-12 14:53:31 · 1098 阅读 · 3 评论 -
vue-element-穿梭框表格el-transfer
左边表格是调后台接口所得到的,不调接口可以自己写点数据的哈,在实现穿梭框的同时又自己写了删除列表功能(弹出框哦),可删除可恢复。下面是HTML代码<template> <section> <!--工具条--> <el-row> <el-col :span="18" style="padding-bottom: 0px;margin-left:4%;"> <el-form style="display原创 2020-06-12 09:48:29 · 6401 阅读 · 0 评论 -
vue-js-elementUI表格上移下移和手写批量删除不调后端接口
这里是HTML代码<!--工具条--> <el-row> <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> <el-form class="title-bar" style="border-bottom: 2px solid #eef1f6;margin-bottom: 10px;"> <el-form-item st原创 2020-06-10 17:05:18 · 553 阅读 · 0 评论 -
项目中遇到的数组转换
遍历出数组中某一项的值:let lengths = this.selectedStaffList.map(item => item.musicLength);//输出:["1","2"]将遍历的值转化成数字:let _lengths = lengths.map(Number);//输出:[1,2]数组求和:_lengths.forEach(item => { sum = sum + item; });//输出:3...原创 2020-06-10 16:30:59 · 96 阅读 · 0 评论 -
js/vue处理日期格式
switchTimeFormat (time) { const dateTime = new Date(time) const year = dateTime.getFullYear() const month = dateTime.getMonth() + 1 const date = dateTime.getDate() const hour = dateTime.getHours() const minute = dateTime.getMinutes() c原创 2020-05-19 17:04:37 · 334 阅读 · 0 评论