- 博客(24)
- 收藏
- 关注
转载 实现数组扁平化的6种方法
数组扁平化这节课的知识点结合了数组 API、ES6,以及 JSON方法的相关知识。可以通过下面的表格再来看一下这六种方式的代码思路。方法/问题实现难度编码思路递归实现易递归实现,返回新数组reduce实现中reduce进行累加操作扩展运算符实现中筛选出数组项进行连接split和toString易转成字符串再转数组flat方法易特定功能方法直接操作正则和JSON方法易JSON方法转成字符串转回过程中正则处理。
2023-01-31 09:32:00
5113
原创 vue使用讯飞语音webapi
项目要求实现语音转文字,决定使用讯飞语音的webapi,在网上找了很多方法,修修改改,经过了一些坑,终于实现了想要的效果。
2022-10-24 11:01:50
1979
原创 axios特点
1、从浏览器中创建XMLHttpRequest2、node.js创建http请求3、支持Promise API4、拦截请求和响应5、转换请求数据和响应数据6、取消请求7、自动换成jsonaxios中发送的字段参数是data和params区别:params和请求地址一起发送data作为一个请求体发送params一般适用于get,data一般适用于post put...
2022-07-11 11:42:17
982
转载 vue实现某元素吸顶或固定位置显示(监听滚动事件)
vue实现某元素吸顶或固定位置显示(监听滚动事件)1、监听滚动事件2、监听元素到顶部的距离3、先写一个该元素固定到顶部的样式,isFixed(less写法)4、然后将需要固定的元素的class与searchBar进行绑定,如果searchBar为true时,就应用这个isFixed样式5、注意,如果离开该页面需要移除这个监听的事件,不然会报错。页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先,在mounted钩子中给w
2022-03-06 10:32:34
3083
转载 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
2022-01-26 16:25:38
471
转载 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
2022-01-26 15:04:02
617
原创 身份证校验规则
1、只允许输入数字和X oninput="this.value=this.value.replace(/[^0-9X]+/,'');"2、checkIdno(code) { const city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江
2022-01-12 08:59:54
631
转载 几个有用的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;
2021-12-29 13:55:16
371
原创 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"
2021-12-28 16:01:16
691
原创 封装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
2021-12-27 14:58:53
613
转载 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,'')" --> <
2021-12-21 16:26:51
2687
原创 常用正则表达式
1、纯数字oninput="value=value.replace(/[^\d]/g,'')"2、数字和小数oninput="value=value.replace(/[^\d\.]/g,'')"
2021-12-15 09:47:20
3749
转载 el-table 树形表格+多选
el-table 树形表格+多选转载于:https://blog.youkuaiyun.com/Yzt_199626/article/details/1171718221. 注意到到点的就是,后端返回的数据结构类型中,每一层级都得包含父级的标识,如下的 parentId 的父级的 id为 0,自己的 id 为1: { id: 1, parentId: 0, date: '2016-05-02', name: '王小虎1
2021-12-14 15:55:43
5001
5
原创 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
2021-11-29 15:42:29
318
原创 vue-cli 3.x 打包后删除console.log
vue-cli 3.x 打包后删除console.log一、安装terser-webpack-plugin二、配置vue.config.js三、调试以及打包一、安装terser-webpack-pluginnpm install terser-webpack-plugin --save-dev或者yarn add terser-webpack-plugin --save-dev二、配置vue.config.jsmodule.export = { configureWebpack: (co
2021-11-08 17:48:21
258
原创 工作随手笔记
工作笔记1.缓存$router2.字体大小自适应3.git操作pull,push等操作报错ssl4.日期格式化5.echarts显示暂无数据等(设置title属性)6.获取前一天年月日7.监听高度8.echarts饼状图在图表内部和外部都显示数据9.git常用命令速查10.Thousand11.控制浏览器返回方法13.安装淘宝镜像14、直接跳转第三方页面1.缓存$router//缓存$route getParamsObj(){//判断标签页打开方式 let params = thi
2021-11-04 09:18:59
255
原创 git常用操作
git常用操作一、Git恢复之前版本的两种方法reset、revert方法一:git reset方法二:git revert二、git合并代码git 将主分支代码复制到‘fenzhi’分支git 将‘fenzhi’分支代码合并到主分支三、git提交代码报错一、Git恢复之前版本的两种方法reset、revert方法一:git reset如果想恢复到之前某个提交的版本,且那个版本之后提交的版本我们都不要了,就可以用这种方法。1. 查看版本号:可以使用命令“git log”查看:2. 使用“git r
2021-11-04 08:59:15
123
原创 vue实现自定义身份证,数字键盘(光标,输入框,键盘)
vue实现自封装身份证键盘(光标,输入框,键盘)组件介绍组件代码插入链接与图片组件使用引用使用参数介绍方法插槽组件介绍vue实现自封装身份证键盘(光标,输入框,键盘全手写)组件代码<template> <div class="myKeyboard" @click="handleFocus" @blur="handleBlur" tabindex="0"> <div class="input-container"> <!-- <d
2021-10-29 09:46:20
4037
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人