![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
踩坑脚印
文章平均质量分 69
踩坑记录
不看人世烟火
这个作者很懒,什么都没留下…
展开
-
兼容移动端:hover
场景:(react实例)对于一个列表,加上选中高亮样式:1. pc端,鼠标滑过高亮2. 移动端,点击div任意位置,整行高亮问题描述:在移动端,:hover属性生效了(黑色的边框border),如图:原因分析:在移动端,:hover的优先级高于class,如上图,最终的border颜色是黑色,而不是橘黄色。:hover被解析成click(mousedown)了;默认的click则是mouseup触发,效果如下图:解决方案:通过js的navigator.userAgent获取浏原创 2022-01-25 21:39:08 · 2400 阅读 · 0 评论 -
解决npm link后项目启动失败,组件开发项目测试
前提作为前端程序员,我们知道使用组件的一种方式就是npm安装开源的组件,然后在项目中引用。但是,作为组件开发者,要调试组件,是不是要每次把组件打包上传到npm,然后在项目中npm安装再使用?使用npm link命令可以在开发组件的同时,在项目中调试。具体使用: 飞机直达但是,项目场景:当开发组件的同时,需要在项目里调试或者适配问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override原创 2021-07-31 11:32:17 · 3892 阅读 · 0 评论 -
内部inline-block导致外部的text-decoration失效解决办法|【tinymce背景高亮与字体大小不协调】【编辑器】
项目场景:如图所示:tinymce中,每次操作文字,例如添加背景、改变背景、改变文字大小、改变文字样式、添加下划线等,都会对操作的文字嵌套一层span标签。文字背景高亮是通过设置span标签的背景颜色实现的,由于span标签是行内元素,无法直接设置行高,其行高是通过font-size撑起来的。如果要撑起高度,最简单直接的方法就是给最外层的span标签添加“display: inline-block;”属性。问题描述1:在设置完背景高亮之后,再改变部分字体大小,会导致文本高亮的高度不够。最简单的就是原创 2021-07-07 23:58:22 · 848 阅读 · 2 评论 -
sass学习记录(基本使用)
文章目录一、安装安装Sass和Compass二、使用1.安装sass依赖:2.使用sass三、总结变量css嵌套1基本使用2父选择器标识符&3群组选择器的嵌套4子组合选择器和同层组合选择器:>、+和~5 嵌套属性一、安装安装Sass和Compass飞机直达sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby! Windows下安装点这里)二、使用1.安装sass依赖:npm install node-s原创 2021-07-02 15:36:15 · 68 阅读 · 0 评论 -
2021-07-01
Mac | 安装nvm遇到的坑 | 配置node环境nvm安装nvmnvm踩坑解决方案配置node环境安装node安装cnpm检测nvm安装nvmnvm的GitHub地址: 飞机直达直接控制台使用以下命令:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bashnvm踩坑控制台输入nvm -v报错nvm:command not found解决方案在~目录下新建一个文件 .bash_p原创 2021-07-01 18:34:53 · 91 阅读 · 0 评论 -
github本地双账号以及git使用记录
git的使用及采坑记录文章目录git的使用及采坑记录一、一台电脑创建多个github账号1.生成多个SSH Key2.配置Config文件3.配置完以上信息后,做如下修改原始clone 地址新clone地址原有全局账号设置全局配置账户、邮箱已经移除查看全局用户名、全局邮箱然后在具体的工程目录下设置用户及邮箱4.登陆Github添加公钥SSH连接测试5.本地git设置ssh-agent打开 ssh-agent二、踩坑记录1.warning: LF will be replaced by CRLF in ..原创 2021-01-11 00:24:11 · 294 阅读 · 0 评论 -
解决vant的grid使用第三方icon,badge/dot徽标位置不对的问题
一、基本使用 [基本使用见官网](https://youzan.github.io/vant/#/zh-CN/grid)二、使用第三方iconfont(awesome iconfont为例)1.awesome iconfont的基本使用1)官网下载2)解压后放到src/assets目录下 可以根据自己的喜好和需求将其中的css和其他文件,重新细分到其他目录下3)改awesome.css文件的文件路径 如图,根据自己分配的目录,将如上几个url文件的路径修改成对应的路径4原创 2020-07-03 23:40:45 · 5325 阅读 · 2 评论