- 博客(67)
- 收藏
- 关注
原创 超简单的node脚本,将xlsx文件转化为json
开发场景,在一个官网中,官网的设计非常简单,就是一个纯静态的页面,全网站仅一个地方调一下接口,发一下用户填写的信息到运营同学的邮箱,这些数据不会记录在数据库,我需要做一个这样的下拉框。创建一个空文件夹,里面放一个index.js(文件名不重要,你想放什么都可以),统计目录要转化的文件phone.xlsx。然后你会发现,文件夹下面多出来好几个文件,其他的一些依赖我们不用管,这个output.json 正式我们 想要的。想到了nodejs,我对nodejs的api并不熟悉,但是读文件写文件啥的,还是有耳闻。
2023-12-01 11:17:46
732
原创 Vscode 绿色系清新主题
主打一个绿色温温柔柔的绿色画风,真的很清爽啊,还是一个亮色系的,亮色系的主题真的深得我心。炎炎夏日,上班上的心浮气躁,敲代码的时候,只觉昏昏沉沉,浑浑噩噩...给vscode换一个一个清新美好的绿色主题,充满活力和希望吧。这款主题有很多个选择可以选,但随便深色浅色,都是很好看的配色。整个一片牛油果的绿色,配色很好看。
2023-07-07 10:52:57
4260
1
原创 【算法系列】2.在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。
在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。
2023-06-26 18:33:25
442
原创 网页适配,rem 的方法
以上方法,还有一个判断是否是手机端的,有时候我们手机端和 pc 段的设计图完全不一样的时候,就需要根据根据不同的设计图尺寸,做出不一样的适配。上述代码中用高度来做适配是因为我们的要求是一个全屏滚动的网页,根据高度来做的适配。rem 的适配的 js 代码如下。
2023-06-12 16:41:40
237
原创 vscode 中引入文件报类型错误:找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)没有可用的快速修复
找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)没有可用的快速修复
2023-05-24 15:57:01
5980
原创 NVM 对node 的版本管理
问题二:我要负责好几个项目,并且他们使用的node版本不一致,每次都需要重新下载node,是不是太麻烦,而且容易出错。node 已经成为前端开发,分不开的工具了,但node的使用除了npm i 等命令,还是有很多不清楚,不常用的。注意:在使用 nvm 切换 Node.js 版本后,在新的终端窗口中仍需执行 `nvm use ` 来切换版本。注意:有时候我们输入的版本号不一定正确,或者说,并不知道有哪些版本号可以下载,那可以用以下命令来查看版本号。如果显示的版本号与升级到的版本号相同,则说明升级成功了。
2023-04-10 10:57:38
4780
原创 rem.js 为什么不能正常运行?
designWidth 是设计图的宽度,maxWidth是最大宽度。下面是我觉得非常好用的一个rem.js 的方法。将这个方法写在一个rem.js 的文件里面运行。否则,你的rem.js 的引用会非常奇怪。一定要在html文件加上这行代码。
2023-04-07 19:16:23
181
原创 git 提交代码报错vue-cli-service lint found some errors.
git在提交的时候,又做代码美观度检查,你的代码不符合它既定的规范就给你报错了。
2023-03-16 19:55:19
1526
原创 VScode 自定义主题颜色
自定义vscode主题,简单且高效,以后再也不用到处找想要的主题了。配置textMateRules,想要的颜色全部都有。
2023-02-13 16:40:37
3815
7
原创 vue-router 切换路由关闭当前存在的所有axios请求
然后在路由跳转中,需要在router/idnex.js 文件中清空存在全局的请求。
2022-10-28 13:53:46
1550
原创 css + 瀑布流 + flex 布局
高度不一致盒子,左右排列均分容器。效果图如下。html代码: css代码:一定要子元素的css样式,设置 否在你回看到换行组件被截掉的情况。多加几个字元素,就是以下效果:
2022-07-08 18:36:57
1960
原创 a-select 使用v-model双向绑定,选中值为空时候,placeholder不生效
ant-design-vue,表单组件下拉框a-select 发现当绑定值为“”时候,placeholder没有生效。
2022-07-07 17:47:36
1635
原创 VSCODE 好看的亮色系主题
vscode 的外观主题推荐:粉粉嫩嫩的:Cute水蜜桃风味的:Horizon Theme小清新风格的:Noctis浅蓝色的Noctis Hibernus真的很适合夏天 浅紫色的Noctis Lilac个性十足
2022-06-23 11:28:09
15190
10
原创 页面中多个图表的时候,resize不生效
通常我们希望图表随着窗口大小自适应调整的时候,会通过以下方法window.onresize = () => { this.myChart.resize() }但,这样写,当一个页面需要展示多个图表的时候,就会出现问题。其中一些图表会无法自适应。此时只需要将window的事件监听改成以下:window.addEventListener("resize",()=>{ this.myChart.resize()})这样就所有的图表resize都能生效啦。.
2022-03-30 17:22:38
2116
原创 JS 展开树形结构数据
以下是原始数据结构let data = [ { id: 1, pid: 0, name: '顶级', children: [ // 1 { id: 11, pid: 1, name: '一级目录-11', children: [ // 2 {id: 111, pid: 11, name: '二级目录-111', children: [ // 3 {id: 1111, pid: 111, name: '三级目录-1111'} //
2022-02-25 18:07:15
2142
原创 快速解析url的参数
constq={};location.search.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);console.log(q);
2022-01-10 11:44:23
316
原创 calc 计算css的值
/* calc */ .calc-box { width: 200px; height: 200px; background-color: aquamarine; } .calc-son-box { width: calc(100% - 20px); height: calc(100% - 60px); background-color: #FFFF00; }html 代码<!-- 计算 --> <div class=...
2022-01-10 11:41:40
140
原创 普通标签变成可编辑的标签
除了表单元素input之外,其他标签转为可编辑标签只需要一个属性就行contenteditable<div class="scoll-bar" contenteditable="true"> <p>好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多</div>...
2022-01-10 11:34:15
200
原创 IOS部分机型无法自动播放audio和video的问题
varmusic=document.getElementById('video');varstate=0;document.addEventListener('touchstart',function(){if(state==0){music.play();state=1;}},false);document.addEventListener("redy-box",function(){music.play(...
2022-01-10 11:30:37
2063
原创 IOS手机滚动条滑动不流畅
<div></div>css代码:div { overflow:auto; -webkit-overflow-scrolling:touch; height: 100px; }
2022-01-10 11:15:38
1887
原创 CSS 一行文本超出VS多行文本超出
首先准备html的容器<div class="parent"> 好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,</div>一行文本超出css代码如下:.parent { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}效果如图:多行文本超出css代码如下:.parent {.
2022-01-10 11:13:15
163
原创 CSS 水平垂直居中的两种方式。
首先,还是准备父元素和子元素的html代码<div class="parent"> <div class="son"></div></div>首先是定位方式:父元素设置position:relative.parent { position: relative; width: 100px; height: 100px; background-color: yellow;}子元素设置position:absolute
2022-01-10 11:03:19
74
原创 使用CSS 写出一个小三角形
在html中准备一个div<div id=""></div>在css代码中添加如下代码:div { width: 0px; height: 0px; border: 25px solid transparent; border-top-color: red; }然后就可以看到页面有一个等边三角形啦如果你想要三角形更大一点。修改border的值就好啦...
2022-01-10 10:45:04
225
原创 vue 渲染的list 数据交换顺序,简单就可以实现动画效果
这是由vue渲染的数据,想要实现的效果是,当右侧的数据发生变化的时候,排序发生变化时,可以有一个数据上下交换的效果不需要写js,只需要在html和css上动手脚就好。html 将循环遍历的list写在transition-group 里面。请注意,循环的key不要用idnex,会有些奇怪的问题出现,最好是一个唯一值<transition-group v-if="mtGroupShow.length > 0"> <div v-f..
2021-12-15 19:10:10
2212
原创 Js 给JSON对象排序
众所周知,json对象是没有顺序的。只有数组才有排序功能。但我们遇到的业务场景里面,不仅仅需要对数组排序,也有需要对对象排序的情况。例如下面这种数据:let data = {zhangsan: {age: 18, height: 189}, lisi: {age: 18, height: 175}}此时如果对这种数据排序。可以这样写:let data = {zhangsan: {age: 18, height: 189}, lisi: {age: 18, height: 175
2021-12-15 18:21:34
3811
原创 Element-ui 图片预览滚动时候,禁止遮罩层后面的内容滚动
需求一:不通过点击图片进行预览,通过点击按钮预览图片。且当前页面没有图片html代码:按钮<el-button @click="showImg"> 点击按钮预览图片</el-button>html代码:图片图片的代码由于element-ui的图片预览组件,要求,图片的属性不能是display:none,且透明度不能为0;因此,我想其实可以设置一个宽度近乎没有值。<el-image ref="preview" style="wid
2021-12-01 16:51:26
2325
3
原创 Do not access Object.prototype method ‘hasOwnProperty‘ from target object
来自eslint 的报错这行代码的意思是要检查val这个对象上,是否有status这个属性val.hasOwnProperty('status')结果eslint就提示了错误,解决方案改成如下Object.prototype.hasOwnProperty.call(val, 'status')不再报错。...
2021-11-02 11:44:57
286
原创 正则匹配到以某字符开始以某字符结束的字符,并替换成别的字符串
需求是找到emoi的表情字符串。这类字符串都有一个共同的特点,就是以&#开始,以;结束。找到后在前后加上空格,让它可以正常显示// 正则如下let reg = /&#[^&#|;]*?;/g替换的方法如下 html.replace(reg, value => { console.log(value, 'value') return "<span>" + value + "</span>" })
2021-10-13 11:21:12
1067
转载 cnpm : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本——解决办法
一、问题在安装启动服务的时候会报“cnpm : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本”。问题如下图:二、解决办法在开始菜单里找到Windows PowerShell.并以管理员身份运行,如果直接运行怕权限不够,依然会出错。1、在系统中搜索框 输入 Windos PowerShell2、点击“管理员身份运行”3、输入“ set-ExecutionPolicy RemoteSigned”回车4、根据提示,输
2021-10-13 11:13:23
8624
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人