自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 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 10786 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 2354

原创 解决npm link后项目启动失败,组件开发项目测试

前提作为前端程序员,我们知道使用组件的一种方式就是npm安装开源的组件,然后在项目中引用。但是,作为组件开发者,要调试组件,是不是要每次把组件打包上传到npm,然后在项目中npm安装再使用?使用npm link命令可以在开发组件的同时,在项目中调试。具体使用: 飞机直达但是,项目场景:当开发组件的同时,需要在项目里调试或者适配问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override

2021-07-31 11:32:17 3684

原创 内部inline-block导致外部的text-decoration失效解决办法|【tinymce背景高亮与字体大小不协调】【编辑器】

项目场景:如图所示:tinymce中,每次操作文字,例如添加背景、改变背景、改变文字大小、改变文字样式、添加下划线等,都会对操作的文字嵌套一层span标签。文字背景高亮是通过设置span标签的背景颜色实现的,由于span标签是行内元素,无法直接设置行高,其行高是通过font-size撑起来的。如果要撑起高度,最简单直接的方法就是给最外层的span标签添加“display: inline-block;”属性。问题描述1:在设置完背景高亮之后,再改变部分字体大小,会导致文本高亮的高度不够。最简单的就是

2021-07-07 23:58:22 806 2

原创 调试技巧浅了解

调试技巧提示文章目录调试技巧一、什么是调试?二、调试方法暴力调试静态调试动态调试归纳法演绎归纳回溯法调试调试思路隔离问题条理清晰三、不同场景下的调试h5场景(依赖浏览器)jscss框架测试,如vuesourceMap页面性能混合开发Android + Chromemac + ios + safairwebview in app微信web开发者工具接口调试node调试npm包调试‘利用软连接的方式映射项目包四、调试工具一、什么是调试?上线前的找bug。二、调试方法暴力调试静态调试打印关心

2021-07-05 11:21:33 141

原创 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

原创 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 74

原创 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 284

原创 软件工程导论期末复习

软件工程导论期末复习题型一、单选二、判断三、名词解释四、简答题1.软件部署对软件设计的影响。2.面向对象的核心思想和局限性。3.用户体验与需求分析。4. 软件项目管理的体会。5.软件体系结构的意义。6.软件工程产生背景。7.编码风格与开发效率。8.软件项目开发中各角色之间的关系。9.软件测试在软件开发各阶段中的体现。题型一、单选2020最新软件工程导论期末考试题库及答案软件工程期末考试题库(转自:https://blog.csdn.net/weixin_46232841/article/detail

2021-01-07 15:31:49 991

原创 解决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 5222 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除