![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 79
不看人世烟火
这个作者很懒,什么都没留下…
展开
-
node支持ES module (import) 的三种方式
文章目录前言注意:一、通过 babel-node1. 安装 babel-node2. 安装 presets 并配置 .babelrc 文件3. 文件结构和代码4. 修改test.js执行环境二、使用webpack1. 安装webpack相关包2. 配置webpack(1)配置打包命令(2)配置webpack.config.js3. 修改test.js执行环境并执行三、node原生支持1. demo代码2. 运行node test.mjs总结前言作为前端开发者,在日常开发中,常常会使用 import 语原创 2022-04-12 22:32:37 · 11853 阅读 · 1 评论 -
兼容移动端: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 · 2455 阅读 · 0 评论 -
解决npm link后项目启动失败,组件开发项目测试
前提作为前端程序员,我们知道使用组件的一种方式就是npm安装开源的组件,然后在项目中引用。但是,作为组件开发者,要调试组件,是不是要每次把组件打包上传到npm,然后在项目中npm安装再使用?使用npm link命令可以在开发组件的同时,在项目中调试。具体使用: 飞机直达但是,项目场景:当开发组件的同时,需要在项目里调试或者适配问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override原创 2021-07-31 11:32:17 · 4069 阅读 · 0 评论 -
内部inline-block导致外部的text-decoration失效解决办法|【tinymce背景高亮与字体大小不协调】【编辑器】
项目场景:如图所示:tinymce中,每次操作文字,例如添加背景、改变背景、改变文字大小、改变文字样式、添加下划线等,都会对操作的文字嵌套一层span标签。文字背景高亮是通过设置span标签的背景颜色实现的,由于span标签是行内元素,无法直接设置行高,其行高是通过font-size撑起来的。如果要撑起高度,最简单直接的方法就是给最外层的span标签添加“display: inline-block;”属性。问题描述1:在设置完背景高亮之后,再改变部分字体大小,会导致文本高亮的高度不够。最简单的就是原创 2021-07-07 23:58:22 · 911 阅读 · 2 评论 -
调试技巧浅了解
调试技巧提示文章目录调试技巧一、什么是调试?二、调试方法暴力调试静态调试动态调试归纳法演绎归纳回溯法调试调试思路隔离问题条理清晰三、不同场景下的调试h5场景(依赖浏览器)jscss框架测试,如vuesourceMap页面性能混合开发Android + Chromemac + ios + safairwebview in app微信web开发者工具接口调试node调试npm包调试‘利用软连接的方式映射项目包四、调试工具一、什么是调试?上线前的找bug。二、调试方法暴力调试静态调试打印关心原创 2021-07-05 11:21:33 · 160 阅读 · 0 评论 -
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 · 79 阅读 · 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 · 309 阅读 · 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 · 5417 阅读 · 2 评论