2022年8月19日
setTimeout代替setInterval避免阻塞
摘要： 使用setTimeout代替setInterval避免setInterval阻塞 /** * setTimeout替代setInterval，避免阻塞 * @export * @class InsteadSetInterval */ export class InsteadSetInterval { 阅读全文
posted @ 2022-08-19 14:51 丿流水 阅读(192) 评论(0) 推荐(0)
vscode插件
摘要： Tabnine AI（Tab键扩展，代码补全）别名路径跳转any-rule（常用正则表达式）Bracket Pair Colorizer（彩色括号）Change Case v0.0.6（快捷驼峰转换）change-case v1.0.0（快捷驼峰转换）console helper v2.4.28（在 阅读全文
posted @ 2022-08-19 14:16 丿流水 阅读(190) 评论(0) 推荐(0)
vue2.x mixin 监听浏览器窗口大小事件
摘要： 用于实时监听浏览器窗口大小来改变全局变量，以达到自适应的效果 import { mapActions } from 'vuex' import { throttle } from '@/utils' export default { data () { return { handler: () => 阅读全文
posted @ 2022-08-19 09:46 丿流水 阅读(571) 评论(0) 推荐(0)
vue项目收缩搜索表单
摘要： 需求背景 如果列表的查询字段很多，整个页面全部显示的搜索条件，无疑体验很不好。一般默认只显示几个查询条件，通过点击按钮再显示全部查询条件。 收起状态：显示固定的几个筛选条件（默认筛选条件可自定义），按钮文案——展开。点击按钮切换到“展开状态”； 展开状态：显示全部筛选条件，按钮文案——收缩。点击按钮 阅读全文
posted @ 2022-08-19 09:31 丿流水 阅读(833) 评论(0) 推荐(0)
2022年8月18日
vue项目自动根据文件目录生成vue路由
摘要： 前言 每添加一个新的页面都需要手动添加路由虽然不是一件很麻烦的动作，但也是件很繁琐的动作。如果能够在创建文件的时候自动生成路由，不需要改路由的配置配置文件还是能省一些动作避免一些错误，比如引入文件路径不对、文件名写错、大小写不对等也不失为一种好的方法。 技术栈 vue项目使用element-ui框架 阅读全文
posted @ 2022-08-18 18:53 丿流水 阅读(1741) 评论(0) 推荐(0)
2022年8月16日
input输入框只能输入纯数字简单实现
摘要： 前言 实现输入纯数字的实现方式有很多种，但我还是习惯拿来即用，最原始、最好记的那一种。 技术栈 vue2.x项目使用element-ui框架。 实现方式 input组件使用 onkeyup键盘的enter事件（也可以使用input事件）输入时实时更改键入值，保证输入的是纯数字 <el-input v 阅读全文
posted @ 2022-08-16 11:02 丿流水 阅读(1244) 评论(0) 推荐(0)
2022年8月15日
vue项目单行文本溢出处理
摘要： 前言 一般最常见的详情信息展示页面，都需要处理文字溢出的情况。当然也可以用原生的“title属性”，但是太low！ 背景 多行文本每个项目处理的方式不一样，这里单独介绍单行文本溢出的场景： 1）当文字溢出时，超出部分显示三个点，el-tooltip组件悬浮显示全部文字； 2）文字未超出时，正常显示， 阅读全文
posted @ 2022-08-15 17:28 丿流水 阅读(1081) 评论(0) 推荐(0)
2022年8月12日
前端常用算法
摘要： 前端中常用算法 数组打乱 var arr = [1, 2, 3, 4, 5, 6, 7]; arr.sort(function() { return (0.5 - Math.random()); }); console.log(arr); 通过sort回调函数传入随机数来进行随机排序 随机生成指定长 阅读全文
posted @ 2022-08-12 15:26 丿流水 阅读(351) 评论(0) 推荐(0)