- 博客(57)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 已有nodejs的情况下安装nvm
作为一个前端开发人员，在一开始入行就安装了nodejs，这也是必不可少的开发环境，但总会遇到某些插件和当前node版本不匹配，有的项目需要用node14的，有的又要用到node16的，亦或者18，多个项目时不时的都要进行开发，这个时候就觉得自己的node版本成了个老大难，总不能启动一个项目装一次对应的node版本吧？这个时候，nvm就可以登场了~
2024-07-17 12:52:23
813
原创 Vue项目中禁用ESLint的几种常见方法
虽然这种方法可以禁用所有ESLint规则，但它实际上并没有从项目中移除ESLint，只是将其配置为不报告任何问题。如果你只是想临时禁用ESLint检查，这可能是一个快速的方法，但通常不推荐这样做，因为它可能会隐藏潜在的代码问题。如果你的IDE（如VSCode、WebStorm等）集成了ESLint插件，并且你希望在该环境中禁用ESLint，你应该在IDE的设置中查找并禁用ESLint插件或相关配置。这是最直接且推荐的方式，因为它直接在Vue CLI的配置中禁用ESLint。通过在项目根目录下创建或修改。
2024-07-14 18:23:32
1177
原创 Antd组件库中绑定form表单，包含upload组件，报错You cannot set a form field before rendering a field associated with t
昨天公司让写一个增删改查页面，使用的是Antd组件库，其中包含图片的上传组件，按照form表单文档里，抄写了示例，unpload组件可以使用v-decorator绑定fileList，但公司要求传入后端的是上传后的url地址，当然也可以使用这种方式直接绑定fileList，在提交表单后再重新将拿到的url地址再传递给后端。
2024-07-12 11:37:26
443
原创 动态设置样式类名，依据不同值，显示对应颜色的文本
state {//这里的写法需要less或者scss支持color: red;在CSS部分，我们定义了.state这个类名的基础样式，包括字体、颜色、对齐方式等。然后，我们使用了SASS（或SCSS）的嵌套语法来定义.unOnline这个类名下的样式，当它被应用到元素上时，会覆盖.state中的color属性，使得文本颜色变为红色。通过这个简单的示例，我们可以看到Vue如何方便地实现基于状态的样式切换。
2024-04-19 15:18:46
465
原创 Ant Design Vue 中 Upload 组件实现添加下载图标及触发download事件
看到这个download事件时，我下意识的以为，当我点击上传的文件名称弹出的下载弹窗时，就应该执行了该方法，但是其实他并没有执行，后来发现，这个下载事件是需要搭配API的showUploadList参数，只有给组件添加了:showUploadList=“{showDownloadIcon: true }”，此时点击文件列表尾部的下载icon，才会触发download事件。
2024-03-25 19:02:32
817
原创 Vue3语法插件Volar在vsCode中搜不到，Volar正式更名为Vue-Official
如果之前装过Volar插件的，其实不用担心，因为更名后的Vue-Official，它会自动给你将之前的覆盖掉，简而言之，壳子还是之前的壳子，更名后Vue-Official比之前的Volar升级了不少东西，例如某些新语法特性，之前的插件会报错，而更新后的插件不会了。操作步骤：按住鼠标左键，把组件拖拽到想要引入的地方，VSCode 会提示按住 shift 放入编辑器中，我们按 shift ，鼠标移动到我们想到放置组件的位后，并放开鼠标左键，即可自动导入组件。
2024-03-19 21:39:36
9452
4
原创 Hbuilder折叠代码时显示最后一行
之前写pc端代码时，都是使用vscode，里面的折叠代码，都是将开头和尾部中间的内容折叠起来，这样复制或者删除操作代码时，都很顺手，但是最近要用Hbuilder写移动端，它默认的折叠代码方式，是将尾部代码也折叠起来，只留头部代码显示，导致我经常复制或者删除折叠代码时，哐哐报错，然后再回去重新看代码折叠的位置，展开，重新选中，这种事情发生了几次之后，心态有点崩了，就想问官方，为啥不默认设置的和vscode的那样折叠呢？回归正题，解决HBuilder折叠代码，折叠中间，保留前后两头的步骤如下~
2023-07-29 17:09:22
694
原创 解决uniapp的tabBar使用iconfont图标显示方块
icon图标显示小方块，搜索了很多文档说需要将iconfont.css文件里的src改为绝对路径啥的，我不知道为啥，按照他们的改了之后，不报错，也出不来。不过丑话说前面，每个人报错的原因都不一定相同，请自己进行排查错误之后，再针对性参考别人的意见，当然，代码这东西很玄学，有的时候，什么都对，就是出不来，也不是没有可能的。想着就是需要简单的引入图标即可，但万万没想到，uniapp的坑，让我猝不及防，好在摸索了大半天，总算有个好的结果，为了记录这次跌倒的坑，决定写下来，希望能帮到其他人。
2023-07-29 00:00:12
2582
5
原创 开发小程序遇到的问题
9001030’ => ‘一次查询页面ID数量不能超过50’,‘9001031’ => ‘时间区间不合法’,‘9001032’ => ‘保存设备与页面的绑定关系参数错误’,即可模拟企业号获取用户手机号。‘50001’ => ‘用户未授权该api’,‘50002’ => ‘用户受限，可能是违规后接口被封禁’,‘9001025’ => ‘设备ID不合法’,‘9001026’ => ‘页面ID不合法’,‘40035’ => ‘不合法的参数’,‘40038’ => ‘不合法的请求格式’,
2023-01-12 14:47:40
1422
原创 日常记录所用API
这是因为数组和字符串的原型上都有迭代器，但是对象没有，所以不能通过for…如果非要使用数组或者字符串中遍历对象的属性，可以用for in循环, 或内建的Object.values()和Object.keys()。注意：Object是对象，O是大写的，另外所要获取的对象的参数，只能是该对象自身的，不含有继承来的属性和属性值。Object.entries方法返回一个数组，成员是参数对象自身的所有可遍历属性的键值对数组。Object.values方法返回一个数组，成员是参数对象自身的所有可遍历属性的键值。
2023-01-12 14:45:07
104
原创 记录get和post的理解误区
除了post，其实put、delete请求都是一样的道理，传参的形式并不是根据get、post、put、delete来固定传参格式的，它们都能在请求头和请求体里传参，对应的用请求头的查询字符串传参，那就用query接收，动态传参就用params接收，请求体里传参那就必须设置好请求头格式问题，通过body接收参数。只是我们在项目开发时，常常根据最优性能和选择，才会区分选择传参方式。
2022-09-02 20:51:09
710
原创 设置自定义的快捷输入代码指令--配置用户代码片段
往常使用vscode写代码时，经常因为要使用一些代码操作的快捷键，而要安装各种各样的插件，其实仅仅需要代码操作的快速输入，vscode也为我们设置了方法，那就是配置用户代码片段。以上就是配置用户代码片段的所有内容，欢迎大家查漏补缺~...
2022-08-28 17:42:51
834
原创 微信小程序问题汇总
原因// 错误演示currentIndex = e.detail.current 这里是： 而非 = currentIndex : e . detail . current }) }“pages/cate/cate”里自定义事件，我设置了变量重新赋值为事件本身获取的current的值，结果报错解决方案报错原因是我自己马虎，在事件中重新修改data里的值，需要用setdata，格式为json，赋值使用的应该为 冒号：，而非 =
2022-08-23 11:51:09
995
1
原创 微信小程序开发账号找回
在搜索解决办法的时候，发现也有很多人遇到和我一样的问题，这篇文章希望能够帮助到一些人吧。以上就是我找回微信小程序账号的全部经过，再次吐槽一下，微信开发人员在找回账号密码这块的提示信息，差点让我以为我真的找不回来我的账号信息了。遇到跟我一样问题的小伙伴儿们，看到系统错误，不要慌，拿出你的手机，打开你的邮箱，看看有没有收到密码找回的协助邮件吧~
2022-08-19 21:38:20
3341
3
原创 报错A complete log of this run can be found in...
想安装一个添加网页图标的包，cmd执行npm init -y ,也就是生成一个包管家文件，结果报错A complete log of this run can be found in…报错如下：
2022-06-29 18:09:28
11371
2
原创 关键字this的指向
每个函数内容里都有一个关键字叫做this。不同的情况下，this代表的内容也是不一样的。箭头函数没有this，箭头函数的this是它所处的上层环境的this。普通函数可以通过事件、apply/call等改变this指向，但是和箭头函数通通没有关系。2. 定时器中的this代表window3. 自调用函数中的this代表window4. 对象方法中的this代表调用这个方法的对象注意：这里的this不是方法，不是方法，不是方法。5. 事件函数中的this代表当前事件的事件源也就是说事件函数
2022-06-22 19:28:07
371
原创 关于本地存储
步骤：页面检查–>Application–>Storage–>Local Storage–>file://(可参考后面图片)localStorage.setItem(‘key’,JSON.stringify(value))本地存储时，需要用JSON.stringify()来进行转换为字符串，才能正常的获取数值注意：在创建本地存储内容时，相同的key键名，存储多次有覆盖性，也就是只执行最后一次创建的存储内容。取值： localStorage.getItem(‘key’)在本地数据中取值，原本存进去
2022-06-12 21:09:04
322
原创 HTML页码居中--＞转换为inline或着inline-block元素
之前在居中内容时，常用到margin：0 auto；局限于在有固定宽高的块元素内使用，这样对于动态渲染数据时就不是很友好，例如写页码的时候，常常用li并排显示，但具体有多少个li又不能写“死”，这个时候宽高就不能确定，也就无法使用margin居中来设置了。既然没办法使用margin来控制块居中，就可以考虑一下，利用 text-align: center;来控制行内或者行内块元素居中显示，让其内容撑开宽高（如果需要固定的宽高，就选择转为行内块），且不会独占一行。这样既省去了浮动，也让代码更加方便后期动态渲
2022-06-11 21:53:10
304
原创 PS关于矩形选框的那些糟心问题
吐槽一下，我是一个学计算机的，对PS没有太多了解，遇见问题的时候，并且死活搜不到答案，当前有很多时候是因为我根本不知道错误描述，应该怎么搜，以至于我经常因为一点小问题，就要大动干戈的卸载PS再重新装，但是PS告诉我，你卸载可以，但是问题卸载是解决不了的。不知道这是什么机制，就是你再卸载和重装，那些原有的设置还在，并不会重新回到原点，这个时候我真的是头秃的要命。奈何作为一个前端人员，我不得不对PS产生爱恨情仇，你要问我为什么嘛？还是别听了，就只看看我怎么解决的吧。1、矩形选框选择区域时，框线与实际位置不在一
2022-03-25 15:16:47
2404
原创 多行文本溢出显示省略号
文本溢出显示省略号分两种情况，单行文本溢出显示省略号（参考上篇文章https://blog.csdn.net/qq_43687594/article/details/123511873），另外一种就是多行文本溢出显示省略号。多行文本显示省略号有两种办法第一种： 使用定位伪元素遮盖末尾文字步骤：给父元素设置: overflow: hidden;/* 溢出隐藏 */ line-height: 20px;/* 设置行高与容器高度成倍数关系，这样避免文本溢出时，文字显示一半 */
2022-03-15 21:34:04
15665
5
原创 单行文本溢出显示省略号
写页面的时候会经常看见一行文本后面跟了省略号，其实不是文本后面直接写…实现的，而是当文本超出了页面显示的宽度时，自动显示省略号。案例：实现文本超出一行后，其余内容显示省略号下图是初始效果图给父元素添加以下属性：white-space: nowrap；表示不让文本换行，强制在一行中显示所有的文本overflow:hidden;超过容器宽度后隐藏，即溢出隐藏text-overflow:ellipsis;超出文本显示省略号注意：这三个属性要配合使用才能实现单行文本溢出隐藏完整代码：<
2022-03-15 20:55:09
2234
原创 BFC的特性
1.BFC block Formatting Context 块级格式化上下文 是一个独立渲染空间，外界不会影响它，它也不受外界的影响。 只有 Block-level BOX 参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。2.怎么生成bfc？ 1)根标签 2）overflow值不为visible (hidden,scroll,auto) 3)float为left/right
2022-03-15 08:59:43
482
原创 微信滑动门导航效果
微信滑动门原理:1.给li嵌套a和span标签2.给a和span转换元素类型为行内块标签3.给a和span设置固定高度，该高度等于小括号的高度4.给a添加左边小括号，并设置一个paddin-left:12px；这个值是小括号的宽度，就是为了让图片可以放在这个区域内5.同理，右边小括号添加给span标签，并且给span设置padding-right:12px;一个标签只能添加一个背景图，所以左右两个小括号分别添加给a和span6.实际内容写在span标签内之所以给a和span都添加的是padd
2022-03-11 17:21:37
217
原创 关于两栏布局
两栏布局实现在父元素中，左侧固定宽高，右侧设置高度，宽度跟随父元素的空白宽度填充；或者右侧固定宽度，左侧不设置宽度，跟随父元素的空白宽度填充。左侧固定，右侧填充宽度的思路：给左侧固定宽高，并添加浮动，这时左侧盒子会漂浮在父元素的左上角给右侧只设置高度，没有宽度，但是需要给它设置左侧外边距，这是为了给固定宽高的左侧盒子腾出来一个位置，所以这个左侧外边距的值就是左侧盒子的宽度值。注意在这里需要注意一下标签的顺序，浮动的标签需要放在上面，不浮动的元素放在下面，二者顺序错误，则不浮动的元素，会直接单独
2022-03-11 17:16:02
261
原创 选择器的权重
选择器的权重行内样式(权重1000) > id选择器(权重0100) > 类名选择器/伪类选择器(例:hover)/属性选择器（例[class=‘box’]）( 权重0010) >标签选择器/伪元素选择器(例::after)(权重0001) > 通配符* (权重为0000) > 继承样式(没有权重)如果样式后面添加!important，它的作用是提升优先级，加了这句的样式的优先级是最高的，比行内样式的优先级都要高，它的写法是跟在样式的属性值之后，中间没有空格或者其他
2022-03-10 16:45:37
273
原创 行内块元素的间隙解决办法
在默认情况下，行内块元素（例如img、input）都存在间隙问题，例如说div中不写宽高的时候，给了个粉色的背景色，方便能看出div和图片之间的间隙，这时嵌套一个img，由图片撑开div，这时会明显的看到div与图片在下面有一些间距。解决下边距的几个办法：逃避间距问题，直接强制性给父元素div设置一个和图片一样的宽高，不过不推荐，一般情况下盒子里不可能单单只有一个图片。给父元素设置font-size为0px，不过也不推荐，毕竟谁能保证父元素中没有文字呢，对吧给img除了vertical-alig
2022-03-10 15:15:21
3314
1
原创 最小宽度的使用
在写自适应浏览器屏幕的样式时，脑中第一反正是给宽度设置百分百，这样不管页面怎么缩小或者放大，都可以使得样式撑满整个屏幕。首先要搞清楚，宽度百分百或者auto自适应，都是根据页面的当前大小来自动变化的，这样确实可以解决一些自适应样式，但只限于该标签只有一个，里面什么都不嵌套的情况下，内容和背景确实会自适应铺满屏幕。在正常编写代码页面的时候，怎么可能会没有嵌套呢，对吧，特别是现在的页面为了适应各种电脑屏幕分辨率，特意设置了版心区居中，背景做成自适应屏幕的效果。当页面缩小到小于中间的版心区内容时，这个宽度仍
2022-03-09 15:12:34
832
原创 关于块标签不能嵌套块标签的那些事儿
大家都知道，块标签可以包含行内块标签或某些块级元素或行内标签，但行内标签不能包含块级元素，它只能包含其它内联元素。但有几个却是特殊的，今天使用p标签的时候发现，p标签并不能嵌套块标签，这个不能嵌套不仅是指div、ul等等标签，就连p标签自己也是不能的，嗯…百姓不放火，州官的你也不行，大概就是这样的感觉。跟它一样独断专行的，还有h1~h6标签、dt标签。错误写法：<p>我是段落p标签 <div>我是嵌套在p标签内部的div</div> <
2022-03-07 14:50:08
382
2
原创 不一样的列表符号
在写网页的过程中，总避免不了的需要使用列表，但是看似简单的列表，其实也有这不少细节容易被忽略。列表常见的有两种：有序列表ol、无序列表ul；二者均可以使用列表样式list-style的属性，为列表设置样式。1、list-style属性值其实list-style是一个复合属性，它包含了三种其他列表的样式属性，该属性是写给ul的。例如list-style:square inside none;表示列表符号是实心方块 ，在文本以内显示，无图片标记。复合式写法的属性三者顺序就是：标记类型、位置、类型图片标记。当
2021-06-29 11:20:29
1724
原创 img图片在父元素中居中的方法
一般情况下，说到居中显示，最常见的办法应该就是margin：auto；、text-align：center；、line-height的设置，但是对于图片img来说，这个办法实在是不好用。文本在标签中水平垂直居中有n种办法，可是刚刚发现，图片的垂直居中是不能用行高解决的，所以该文章就是记录图片在元素中无法居中显示的问题。该方法不仅可以解决图片居中问题，且适用于多行文本居中，那就是设置空标签。初始代码：<!DOCTYPE html><html lang="en"><hea
2021-06-24 16:44:50
11308
原创 导航栏a标签的选择器
这是一个在代码编写过程中，发现错误的一篇文章。这本是一个简单的问题，但被自己的逻辑思维绕进了死胡同，所以记录下来，以免犯同样的错误。首先记录一下使用到的几个选择器：结构伪类选择器之一X:nth-child(n)匹配顺序中第n个元素，例如，ul下有5个li标签，li：nth-child(3){…}，表示匹配到第三个li标签，为其设置样式。结构性伪类选择器之一 X:last-child该选择器是匹配父元素中的最后一个子元素。例如，ul下有5个li标签，使用选择器设置样式时，则是 li:l
2021-06-22 14:51:51
514
空空如也
css怎么设置小于12px的英文字体大小？
2020-12-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人