vue 运行代码,eslint 总是报错:error Trailing spaces not allowed 的解决办法
摘要:前言 在使用 vue 开发项目时,一般会安装插件 eslint, 它的作用是对语法和代码规范进行检测, 帮助我们规避一些低级错误,同时提高代码质量,但在实际使用中,可能会遇到下面的报错 eslint 版本:标准版 vue 版本:vue 3 解决方法 1. 把报错文件,如上面截图的 App.vue 或
阅读全文
layer弹窗按钮样式和提示文字内容如何修改?
摘要:前言 最近在使用layer弹窗组件时遇到了一个小需求,需要修改弹窗按钮的样式, 比如把确定按钮蓝色背景改为黑色,字体颜色改为白色 修改弹窗按钮样式 起初我查阅了一下官方文档,并没有看到可直接修改按钮样式的配置,后来百度时发现自己疏忽了一些细节, 原来官网是有告知解决方法的,可直接通过layer.co
阅读全文
swiper轮播怎么让箭头再鼠标指上去后显示
摘要:前言 最近在使用swiper时有这么一个需求,我想要鼠标指向轮播图后在出现左右箭头 解决方法 一开始想着官方肯定有相应配置,后来没在官网找到,可能也是因为懒,觉得配置太多,不想一个个找, 然后去百度也没有找到怎么配置,最后自己就用简单粗暴的方式,css hover完美解决 .swiper-butto
阅读全文
swiper轮播切换时图片衔接处有白边的解决方法
摘要:前言 最近在使用swiper时遇到了如下问题,轮播图片衔接处有白边 然后我发现原因是swiper-slide这个类加了margin-right:10px 接着我尝试新增一个类,然后写样式覆盖原样式,但却出现了类似下图样式问题 解决方法 因为配置了spaceBetween,而它的作用就是设置图片之间的
阅读全文
使用Swiper轮播插件引起的探索
摘要:提到Swiper轮播插件,小伙伴们应该不会感到陌生。以前我主要在移动端上使用,PC端使用较少。 注:这里需要注意的是,在PC端和移动端使用Swiper是不同的 官方给的版本有三个,分别是Swiper2,Swiper3,Swiper4 Swiper2官网:https://2.swiper.com.cn
阅读全文
怎么使用zepto.js的tap事件引起的探索
摘要:前言: 在使用zepto.js之前,你首先要知道它是什么?为什么要使用它?以及它和jquery有什么区别? ①:简单来说zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api,可以理解为jquery的精简版 ②:zepto针对移动端删除了大量jQuer
阅读全文
swiper轮播在ie浏览器上遇到的显示问题探索
摘要:前言: 最近项目有一个需求,想要下图效果,鼠标指向头像图片,图片会放大同时上面的轮播会跟着切换; 鼠标移开头像图片,图片变回原来的大小 注:下图是我根据上面需求已经实现的效果,所以截图方便说明 思考: 然后我就想偷懒,直接去网上搜一个这样的效果,但搜了很久也没搜到,并且也不知道这个效果叫什么名字 后
阅读全文
引入外部 CDN失效时--怎么加载本地资源文件(本文以jquery为例)
摘要:相信大家都使用过CDN静态资源库,比如下面 staticfile CDN:http://staticfile.org (由国内优秀的云存储服务商七牛云提供存储和加速赞助) BootCDN:https://www.bootcdn.cn/ (Bootstrap中文网支持并维护的前端开源项目免费 CDN
阅读全文
dropload.js(上拉加载插件使用过程中遇到的坑)
摘要:dropload.js相关介绍和使用以及demo下载详见:https://github.com/ximan/dropload (原文出处) 之前因为项目需要一个上拉加载的效果,然后无意中看到了此插件,用了之后感觉挺好用的,就是坑太多,下面列出一些我在实际使用中遇到的问题。 注:如果在使用该插件的时候
阅读全文
laytpl模板——怎么使用ajax与数据交互
摘要:第一次在项目中用laytpl模板,下面是一些使用过程中的探索,希望对小伙伴们有所帮助。 注:第一次使用这个模板的小伙伴建议先去看看官网 laytpl <script type="text/html" id="productList-shop-main1"> //模板内容都要存放在<script>标签
阅读全文