实现数组扁平化的6种方法 数组扁平化这节课的知识点结合了数组 API、ES6,以及 JSON方法的相关知识。可以通过下面的表格再来看一下这六种方式的代码思路。方法/问题实现难度编码思路递归实现易递归实现,返回新数组reduce实现中reduce进行累加操作扩展运算符实现中筛选出数组项进行连接split和toString易转成字符串再转数组flat方法易特定功能方法直接操作正则和JSON方法易JSON方法转成字符串转回过程中正则处理。
axios特点 1、从浏览器中创建XMLHttpRequest2、node.js创建http请求3、支持Promise API4、拦截请求和响应5、转换请求数据和响应数据6、取消请求7、自动换成jsonaxios中发送的字段参数是data和params区别:params和请求地址一起发送data作为一个请求体发送params一般适用于get,data一般适用于post put...
vue实现某元素吸顶或固定位置显示(监听滚动事件) vue实现某元素吸顶或固定位置显示(监听滚动事件)1、监听滚动事件2、监听元素到顶部的距离3、先写一个该元素固定到顶部的样式,isFixed(less写法)4、然后将需要固定的元素的class与searchBar进行绑定,如果searchBar为true时,就应用这个isFixed样式5、注意,如果离开该页面需要移除这个监听的事件,不然会报错。页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先,在mounted钩子中给w
IE浏览器,vue读取缓存数据 方法1:设置请求头(axios封装中)config.headers['Cache-Control'] = 'no-cache, no-store' // 清除缓存config.headers['Pragma'] = 'no-cache' // 清除缓存方法2:URL后加数学随机数 或者 时间戳?time=new Date().getTime() // 时间戳?number=Math.random() // 随机数转载于:https://www.cnblogs.com/jackjo/p
vue项目在IE浏览器上打开显示空白 1、安装依赖npm install babel-polyfill npm install --save-dev @babel/core @babel/plugin-transform-runtime @babel/preset-env es6-promise @babel/polyfill babel-plugin-transform-remove-console2、main.js中引用babel-polyfill、es6-promise// 解决低版本兼容性问题import 'babel-p
身份证校验规则 1、只允许输入数字和X oninput="this.value=this.value.replace(/[^0-9X]+/,'');"2、checkIdno(code) { const city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江
几个有用的java script 代码 1、获取随机布尔值(true/false)使用 Math.random() 会返回 0 到 1 的随机数,之后判断它是否大于 0.5,将会得到一个 50% 概率为 True 或 False 的值const randomBoolean = () => Math.random() >= 0.5;console.log(randomBoolean());2、判断一个日期是否是工作日const isWeekday = (date) => date.getDay() % 6 !== 0;
element 两个日期选择器组成日期范围选择器 <el-row> <el-col> <el-form-item label="规则开始时间" prop="begindate"> <el-date-picker v-model="form1.begindate" type="date" placeholder="请选择规则开始时间" style="width: 400px" size="small"
封装sessionStorage,localStorage 本地存储 1、封装的cache.js文件const sessionCache = { set (key, value) { if (!sessionStorage) { return } if (key != null && value != null) { sessionStorage.setItem(key, value) } }, get (key) { if (!sessionStorage) { ret
el-input 实现实时输入数字转换千分位 el-input 实现实时输入数字转换千分位1、div部分<el-input v-model="form4.rewardPointsTop" placeholder="请输入总上限积分" style="width: 400px" @input="handleThousand" ></el-input> <!-- oninput="value=value.replace(/[^\d]/g,'')" --> <
常用正则表达式 1、纯数字oninput="value=value.replace(/[^\d]/g,'')"2、数字和小数oninput="value=value.replace(/[^\d\.]/g,'')"
el-table 树形表格+多选 el-table 树形表格+多选转载于:https://blog.csdn.net/Yzt_199626/article/details/1171718221. 注意到到点的就是,后端返回的数据结构类型中,每一层级都得包含父级的标识,如下的 parentId 的父级的 id为 0,自己的 id 为1: { id: 1, parentId: 0, date: '2016-05-02', name: '王小虎1
localStorage、sessionStorage、Cookie区别及用法 localStorage、sessionStorage、Cookie区别及用法一、区别二、建议三、用法1. localstorage 和 sessionstorage2、[cookie ](https://www.runoob.com/js/js-cookies.html)一、区别1、localStorage: localStorage 的生命周期是永久的,关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据,否则数据永远不会消失2、s