不羁的风°-CSDN博客

原创 JS函数封装

JS函数封装在工作中我们常常会封装一些大幅度提升开发效率和性能安全的函数方法等，在此记录…1.函数防抖 (只执行最后一次点击)export const debounce = (fn, delay = 500) => { let timer return function () { const args = arguments if (timer) { clearTimeout(timer) } timer = setTimeout(() =&g

2021-06-25 14:34:33 496

原创 vsCode开发插件和配置推荐

vsCode插件1. 首先vsCode的中文插件Chinese (Simplified) Language Pack for Visual Studio Code2. 自动补全标签插件，可大幅度提升开发效率Auto Close Tag3. 给代码加上不同颜色的括号，更方便区分代码块Bracket Pair Colorizer4. git提交管理，可以清楚看到每一行的作者和改动时间，强烈推荐！GitLens — Git supercharged5. HTML CSS的代码提示HTM

2021-04-29 10:29:39 237

原创 element二次封装el-select支持模糊搜索

el-select封装1.首先安装pinyin-match插件// 安装 pinyin-match npm install pinyin-match --save2.封装组件方便后期使用<!-- * @Descripttion: 二次封装支持模糊音搜索el-select--全局组件 * @Author: JayShen * @Date: 2021-04-21 17:09:08 * @LastEditors: JayShen * @LastEditTime: 2021-04-22

2021-04-22 17:57:00 1144

原创 js数组对象等使用方法，防忘记！

Array:1. concat()合并多个数组，原数组不变，返回新的数组，也可用于字符串const a = [1, 2, 3]const b = [4, 5, 6]const c = a.concat(b)console.log(c) // [1, 2, 3, 4, 5]2. join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔const arr = ["苹果","桃子","西瓜"];console.log(arr.join('、')); // 苹果、桃子、西瓜

2020-09-22 15:44:57 256

原创 React Hooks浅学使用

React Hooks最近在写个老项目的时候，引入了hooks开发，使用感觉非常愉快，同时也踩了一些坑。作为一名小白，单单写的时候我认为hooks带来的优点还是很多的，比如不需要写一堆生命周期了，不用每次this了。而且完全向下兼容很适合老项目中混用????，本篇仅限于理解使用，不适于理解原理。1.首先是写法的改变我们可以渐渐放弃Class// 原有的写法class Demo extends React.Component {}// hooks 写法简洁!function Demo() {

2020-09-17 16:47:35 206

原创 vue开发常用的input正则

各位前端小伙伴们肯定会遇到只能输入数字等这种限制用户的需求，因为目前项目用的是vue+element，如果要限制输入问题，很多人肯定会选择el-input自带的type=“number”，但是不得不说这个真的鸡肋一样????，根本过不了测试小姐姐那一关。于是乎就有了下面的操作????。1.input限制只输入数字，我这里使用的是element中的el-input也是适用的（注意使用这个一定要把type="number"去掉）// οninput="value=value.replace(/[^\d.]/

2020-08-04 17:09:36 3056

原创 vue全局过滤器常用方法封装，也可单独使用

好久好久没有回来了，打算放一点日常干货，可以让自己或者需要的人直接打包带走的那种。????由于目前开发用的是vue，经常会把一些日常使用的方法封装成一个函数，但是我觉得使用的时候每次还得import还是有些麻烦????，所有现在封装的时候大多直接做成过滤器的形式。看代码吧！！！1.首先是日常用的最多的缺省数据，当后台返回null、undefined等的时候，前端展示‘–’const tranNull = value => { if (value === null || value === u

2020-08-04 16:48:45 545

原创 vue实现粘贴截图上传图片

vue实现粘贴截图上传图片当初提出这个需求的时候，可把我难住了，在网上各种搜索，大多数都是利用富文本的粘贴功能，但是富文本大多都有工具栏，想偷懒的我就放弃了????。代码如下(已做精简)！html<div class="box"> <div id="preview" v-on:paste="handlePaste"> <span>将图片按Ctrl...

2020-03-03 18:04:19 7438 13

jaysj的博客