2024年3月18日

关于scss手动遍历生成类名

摘要: 1、自动生成宽度类名 $width-name:300,100; @each $name in $width-name { .w#{$name}{ width:$name + px; } };//以上代码将会生成 .w300{ width:300px; }; .w100{ width:100px; } 阅读全文

posted @ 2024-03-18 14:25 久居我梦 阅读(141) 评论(0) 推荐(0)

2024年2月29日

前端解析xlxs导入数据

摘要: uploadCondition(file){ const reader = new FileReader(); let flag = true; reader.onload = (e)=>{ const data = new Uint8Array(e.target.result); const wo 阅读全文

posted @ 2024-02-29 10:19 久居我梦 阅读(80) 评论(0) 推荐(0)

2024年1月26日

vue的几个小分享

摘要: 1.VNode 钩子 在每个组件或html标签上,我们可以使用一些特殊的(文档没写的)钩子作为事件监听器。这些钩子有: onVnodeBeforeMount onVnodeMounted onVnodeBeforeUpdate onVnodeUpdated onVnodeBeforeUnmount 阅读全文

posted @ 2024-01-26 09:23 久居我梦 阅读(36) 评论(0) 推荐(0)

2023年12月29日

同项目下如何同时在两个或者多个分支上开发

摘要: 使用场景一:比如我正在article这个分支上开发文章相关模块,但是测试或者后台需要连接我本地pingce评测的模块,换做以前我们肯定要切换pingce分支无法同时进行article分支的开发。 使用场景二:当天任务繁忙,特别是一大堆分支上的任务完成要修改bug的时候,要频繁切换分支,来回进行修改、 阅读全文

posted @ 2023-12-29 09:31 久居我梦 阅读(707) 评论(0) 推荐(0)

2023年11月24日

如何判断一个值为对象类型

摘要: 使用typeof判断(不推荐); let a = {}; typeof a; //object let a = []; typeof a;//object let a = null; typeof a;//object 缺点是:使用typeof时,数组和null判断结果都为对象类型所以不推荐 使用i 阅读全文

posted @ 2023-11-24 10:33 久居我梦 阅读(48) 评论(0) 推荐(0)

2023年11月23日

js如何计算字符串的字节数

摘要: 如果计算字符长度只需要使用length, let str = "hello世界"; console.log(str.length)//7 如何计算所占用的字节数呢? function getByteLength(str) { let length = 0; for (let i = 0; i < s 阅读全文

posted @ 2023-11-23 11:43 久居我梦 阅读(290) 评论(0) 推荐(0)

2023年5月5日

el-select数据太多造成页面卡顿?el-select实现触底加载

摘要: 当我们使用el-select下拉框的时候,会遇到后端放回的数据太过庞大(成千上万条),导致页面渲染的时候造成卡顿现象。这时候我们可以利用触底加载方法减少资源的消耗,避免页面卡顿。 思路:这时候我们可以利用vue的自定义指令,监听到他的下拉滚动事件,当滚动到最后时,(下拉宽高度+可滑动高度距离底部的距 阅读全文

posted @ 2023-05-05 14:32 久居我梦 阅读(2390) 评论(0) 推荐(1)

2023年4月21日

js实现输入打字效果

摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2023-04-21 17:02 久居我梦 阅读(199) 评论(0) 推荐(0)

2023年2月23日

父盒子的margin继承了子盒子的margin值,如何解决该问题

摘要: 1.修改父元素的高度,增加padding-top样式模拟,例如【padding-top: 1px;】。 2.为父元素添加【overflow: hidden;】样式即可(完美)。 3.为父元素或者子元素声明浮动,例如【float: left;】。 4.为父元素添加border,例如【border: 1 阅读全文

posted @ 2023-02-23 10:14 久居我梦 阅读(66) 评论(0) 推荐(0)

2023年1月9日

瀑布流布局

摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2023-01-09 14:31 久居我梦 阅读(38) 评论(0) 推荐(0)

导航