自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue2使用sass

前提条件:使用vue-cli2创建的项目。

2024-10-29 18:30:23 166

原创 vue reset.css

【代码】vue reset.css。

2024-10-29 09:54:45 72

原创 nuxt生产环境报错:Failed to execute ‘appendChild‘ on ‘Node‘: This node type does not support this method

错误描述nuxt项目在本地运行控制台会输出如下提示,但是不影响正常使用warning:The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody

2021-11-03 15:10:54 4792 1

原创 button标签点击后导致页面自动刷新

问题:button标签点击后导致页面自动刷新原因:Internet Explorer 的默认类型是 “button”,而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。解决方法:1.给button标签添加type类型:<button type="button"></button>2.将<button></button>改为<input type="button">3.在button的click中添加e.preventD

2020-08-13 17:02:36 544 1

原创 vue使用swiper2.7.6兼容ie9及以上

公司的项目最近要做浏览器兼容,项目中使用的swiper在ie9下控制台会一直报错"无法获取未定义或 null 引用的属性“contains ”"百度了解了下原因:Swiper3以后的主要是针对移动端的,要兼容ie9及以下的话需要使用swiper2.Xswiper各版本兼容性:swiper2:pc端(IE7+),部分移动端浏览器swiper3:pc端(IE10+),部分移动端浏览器swiper4:移动端浏览器、部分PC端浏览器、IE10+图片来源:https://blog.

2020-08-07 16:11:31 1520

原创 css强制换行、禁止换行、超出两行或三行显示省略号...

强制换行word-break: break-all;/*只对英文起作用,以字母作为换行依据。如果该行末端有个很长的英文单词,它会把单词截断,一部分保持在行尾,另一部分换到下一行。*/word-wrap: break-word;/*只对英文起作用,以单词作为换行依据。如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉。*/white-space: pre-wrap;/*只对中文起作用,强制换行。*/禁止换行(单行文本截断)white-space: no

2020-07-08 17:11:30 6252

原创 vue 使用v-html渲染出来的内容在style中修改样式不生效

例:在style中这样修改并没有甚么用解决:方法一:去掉style的scoped属性为了避免样式污染,所以新建一个没有 scoped 的 style(一个.vue文件允许多个style)方法二:使用css的深度选择器>>>来穿透scoped有些sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)备注:使用/deep/方法/deep/ .box{ // ...}...

2020-06-17 15:00:21 1627

原创 vue动态渲染img,图片不显示

问题:可以确认图片路径没有问题,使用img标签单独渲染其中一张可以显示,循环渲染就不显示了数据结构页面解决:把图片路径用require()调用,这样就可以正常显示了原因:在动态加载图片时webpack会把图片来当做模块来用,所以url-loader将无法解析图片地址,然后npm run dev 或者 npm run build之后导致路径没有被加工...

2020-05-28 11:06:30 3525

原创 cnpm : 无法加载文件D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行

cnpm : 无法加载文件D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行问题:执行 cnpm install 发生错误解决方法:win ⇒ Windows PowerShell点击右键,以管理员身份运行Windows PowerShell输入 set-ExecutionPolicy RemoteSigned 命令并运行完成...

2020-05-12 14:26:09 4935 6

空空如也

空空如也

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

TA关注的人

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