自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

阿铭的博客

一只前端小菜鸟

  • 博客(24)
  • 收藏
  • 关注

转载 实现数组扁平化的6种方法

数组扁平化这节课的知识点结合了数组 API、ES6,以及 JSON方法的相关知识。可以通过下面的表格再来看一下这六种方式的代码思路。方法/问题实现难度编码思路递归实现易递归实现,返回新数组reduce实现中reduce进行累加操作扩展运算符实现中筛选出数组项进行连接split和toString易转成字符串再转数组flat方法易特定功能方法直接操作正则和JSON方法易JSON方法转成字符串转回过程中正则处理。

2023-01-31 09:32:00 4875

原创 vue使用讯飞语音webapi

项目要求实现语音转文字,决定使用讯飞语音的webapi,在网上找了很多方法,修修改改,经过了一些坑,终于实现了想要的效果。

2022-10-24 11:01:50 1788

原创 git常用命令速查

代码】git常用命令速查。

2022-08-04 10:21:43 188

转载 扁平数据结构转Tree

代码】扁平数据结构转Tree。

2022-08-03 11:19:23 143

转载 10个常见的前端手写功能

代码】10个常见的前端手写功能。

2022-08-03 11:02:30 683

原创 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 937

原创 js 一些处理数据的方法

关于处理数组和对象的方法

2022-06-29 11:47:35 2652

转载 关于跨域问题

关于跨域的一些问题

2022-06-21 14:02:15 2686

转载 vue封装弹出框

vue封装弹出框

2022-06-21 11:05:15 803

转载 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 2960

转载 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 434

转载 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 563

原创 身份证校验规则

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 522

转载 几个有用的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 316

原创 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 573

原创 封装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 558

转载 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 2483

原创 常用正则表达式

1、纯数字oninput="value=value.replace(/[^\d]/g,'')"2、数字和小数oninput="value=value.replace(/[^\d\.]/g,'')"

2021-12-15 09:47:20 3376

转载 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

2021-12-14 15:55:43 4855 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 289

原创 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 212

原创 工作随手笔记

工作笔记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 213

原创 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 91

原创 vue实现自定义身份证,数字键盘(光标,输入框,键盘)

vue实现自封装身份证键盘(光标,输入框,键盘)组件介绍组件代码插入链接与图片组件使用引用使用参数介绍方法插槽组件介绍vue实现自封装身份证键盘(光标,输入框,键盘全手写)组件代码<template> <div class="myKeyboard" @click="handleFocus" @blur="handleBlur" tabindex="0"> <div class="input-container"> <!-- <d

2021-10-29 09:46:20 3733 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除