
前端
文章平均质量分 60
LangForOne
奔三的小全栈,现任某互联网科技公司研究院开发工程师,前端后端皆有探究,不断提高,無限進步。文章多数为分享在工作开发项目中遇到的问题和一些思路经验,以及可有可无的心得分享
展开
-
vue中鼠标移入移出事件种类以及区别
@mouseenter与@mouseleave。适用于鼠标移入移出时该块整体元素只执行一次事件的场景,例如自行封装的多层级组件。原创 2022-11-28 09:05:52 · 8203 阅读 · 0 评论 -
ElementUI日期选择器DatePicker限制所选时间范围(例如限制前后时长不超一个月)的实现
选择初始时间后,第二个选择的时间前后不能超过初始时间的一个月。且此时下拉框变成禁用状态。选好起始时间和结束时间后,下拉框与所有禁止选用的日期限制全部放开,以供下一轮的正常选择。例如:点击7月15日后,在8月14日往后的日期全部禁止选中。7月15日前一个月的6月15日之前的日期也全部禁止选中。未选择时间时,最初选择时间不能超过今天。...原创 2022-08-31 11:12:31 · 8885 阅读 · 13 评论 -
SourceTree安装跳过注册登录BITBUCKET步骤方法(更详细有用)
公司电脑最近因为某些原因重装了,那么常用的软件也需要重装,其中之一就是SourceTree。 安装过程中有一步是需要登录BITBUCKET,要知道很多公司的办公环境是不允许访问外网的,那么我们应该如何跳过这一步骤呢? 百度搜到的结果几乎都只有第一步创建accounts.json文件,然而操作完后并不好使,重启软件依旧卡在登录界面。而我这边执行完第二步后终于能跳过登录BITBUCKET的界面并可以正常使用了,接下来就从头分享这一系列的操作经验原创 2022-08-24 16:00:14 · 7659 阅读 · 6 评论 -
SourceTree在不使用SSH密钥的情况下连接远程仓库的方法(可进行远端拉取和推送)
windows系统下的SourceTree在不使用SSH密钥的情况下连接远程仓库的方法。网上都是MAC的,我觉得必须自己站出来写一篇了原创 2022-08-24 15:24:36 · 1684 阅读 · 0 评论 -
分批导入功能——按顺序循环执行异步请求(使用递归)
工作中遇到的一个需求完成过程:某页面导入数据超过50条会卡顿,然后产品经理让我限制成只允许导入50条以内的数据,否则报错。改完发版到正式环境后,用户觉得要把文档拆分成好几个太麻烦了,比如要导入300多条数据,就要把原excel文件拆成7个再一份一份导入,用户体验很差。于是这次迭代让我解除只允许导入50条的限制,想办法给导入加个进度条,让用户在等待的冗长时间里能感受到导入正在进行。但是问题来了,导入是调的后端接口,只有在开始执行时进入pending状态,然后一直pending到请求成功或失败后才会返回结原创 2022-07-08 16:46:05 · 882 阅读 · 0 评论 -
小记一个用对象简化if...else if的思路
多用对象少判断 😃原创 2022-06-24 15:04:47 · 175 阅读 · 0 评论 -
el-tree设置选中高亮/焦点高亮、选中的节点加深背景,更改字体颜色等
el-tree默认的focus样式颜色太浅,有时候电脑亮度低或者换个有色差的屏幕,根本看不出来哪一个节点被选中了。而且只有焦点在el-tree时才有颜色变化,鼠标在别的地方点一下就没了,这样会让用户忘记自己之前选的是哪个节点,很不方便。第一步:给el-tree组件标签加上属性highlight-current开启高亮加了这个属性,选中的节点的样式才会有highlight-current类,这样接下来才能改变选中的节点的样式。第二步:在css中修改高亮样式一个小tip:这里建议是给该页面文件最.原创 2022-04-26 10:29:16 · 23545 阅读 · 11 评论 -
el-calendar日历组件的一些项目中实际应用(给每一天增加可输入的input框、计算每天数据总和、填写月合计后计算平均数同步到每一天中、做日期限制禁用规则等)
这篇文章用来分享自己项目中做el-calendar日历组件封装时的一些实用功能和踩的一些坑吧,毕竟ElementUI官方文档上对这个组件的描述实在太少了。1、给每一天增加可输入的input框其实这个功能在官方文档上基本已经实现了(在“自定义内容”那一块),直接在slot插槽里再加个input即可。 <el-calendar v-model="calendarDate"> <template slot="dateCell" slot-scope="{ da原创 2022-04-21 17:23:54 · 3335 阅读 · 0 评论 -
更简单的方法实现el-calendar日历组件中点击上个月、今天、下个月按钮时的点击事件
网上查el-calendar相关的按钮点击事件文章,清一色都是在mounted挂载阶段通过document.querySelector绑定类名添加点击事件。我想说为啥要弄得这么麻烦?el-calendar组件标签中v-model绑定了一个Date/string/number的时间值,无论点击上述哪个按钮,该值都是会改变的。而我们想要实现的是当该时间值改变时(例如变成上个月或下个月或其他时间变回今天)执行某个事件,那直接用watch来监听该值来实现逻辑不就更方便且简单了么放一下我这边的代码:el-.原创 2022-04-21 16:44:33 · 13099 阅读 · 4 评论 -
js一个常用的正则表达式0-100之间的数(最多允许包含两位小数)
0到100之间最多允许包含2位小数多用于百分数场景:^([0-9]{1,2}$)|(^[0-9]{1,2}\.[0-9]{1,2}$)|100$/^([0-9]{1,2}$)|(^[0-9]{1,2}\.[0-9]{1,2}$)|100$/.test(value)测试结果:0,1,99,100 true0.11,10.00,99.99 true-1,0.111,100.00 false好家伙,现在优快云字数少还被提示影响文章质量和创作推广了?那再放一段最近做的一个导入功能中判断百分原创 2022-03-18 17:41:13 · 7773 阅读 · 2 评论 -
用promise.all搭配map方法解决异步问题
今天在项目中遇到一个异步问题,出现原因如下:我在getEnergeHouseDanhao这个函数中加入了一个请求,该函数是获取某机器单耗,但要请求四次分别去获取年单耗、月单耗、日单耗、小时单耗然而执行后因为请求是异步的,此时打印datas拿不到在请求中push进去的数组,在设置定时器才能拿到数组。然而我们无法确定接口的相应时间,用定时器解决显然是存在很大风险的。那么该如何解决类似的问题呢?可以使用promise.all解决异步。首先简单且通俗易懂地介绍一下promise.all是什么,具体原创 2021-12-30 15:54:04 · 3630 阅读 · 0 评论 -
一些简单的随笔(持续更新)
2021.12.24字符串转数字:若字符串内容都是数字,可以使用强制转换方法Number();若字符串内有除数字外的字符,用该方法会返回NaN。若字符串内容有数字+字母,可以使用parseInt或parseFloat,例如:var s = '234string'; parseInt(s); //234 parseFloat(s); //234.0...原创 2021-12-24 19:12:42 · 287 阅读 · 0 评论 -
所有循环方法中,for()、for in、for of、forEach()、map(),哪个的速度最快
来源:juejin.im/post/5ea63f3ef265da47b177b4b6几种遍历方法中for执行最快,它没有任何额外的函数调用栈和上下文。但在实际开发中我们要结合语义话、可读性和程序性能,去选择究竟使用哪种方案。下面来看for , foreach , map , for…in , for…of五种方法现场battle。1、for我是最早出现的一方遍历语句,在座的各位需称我一声爷爷。我能满足开发人员的绝大多数的需求。// 遍历数组let arr = [1,2,3];for(let i转载 2021-12-13 18:32:01 · 2248 阅读 · 0 评论 -
前端anywhere——前端应用启动服务
有时候我们在js里需要使用模块化,将项目打包后,用浏览器直接打开dist文件夹下的index.html会报错。这个时候我们就可以安装一个 nodejs 的第三方模块:anywhere,以服务器方式打开项目。全局安装需要提前安装 nodejsnpm install anywhere -g命令介绍仅有一个命令命令 anywhere 会将当前目录作为服务器根目录,调用默认浏览器在默认端口 8000 打开主页。$ anywhere如果你需要指定端口:anywhere -p 1234原创 2021-11-10 20:07:43 · 1961 阅读 · 0 评论