摘要: 使用场景,最近在vue拦截器中使用NProgress发现满足不了我的需求,因为一个页面中不止一个接口,每调用一次接口,NProgress顶部动画就会加载一次,那么同一个页面如果调用了5个接口,那动画就会执行五次,怎么办? 1.网上常规使用场景是在拦截器request.use函数中加上NProgres 阅读全文
posted @ 2021-03-10 14:23 Lafitewu 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 前言:有这样一个需求,将图片勾选排序,就类似,发微信朋友圈,手机照片选取。 如图: ok,废话不多说,上代码 html .select_demo .select_li(v-for="(item,index) in selectArr" @click="selectFn(index)") .selec 阅读全文
posted @ 2020-08-13 13:36 Lafitewu 阅读(1434) 评论(0) 推荐(1) 编辑
摘要: 效果图如下: ps: 由于layui admin后台管理系统框架没有实现此功能,所以自己动手做了一个。 关键代码如下: $("body").delegate(".layui tab title li","click",function() { //或者$(this).childNodes[0].da 阅读全文
posted @ 2019-07-19 16:28 Lafitewu 阅读(9614) 评论(0) 推荐(0) 编辑
摘要: 国外网站特效学习 案例1.根据滚动位置,缩放图片效果 收录原因:图片缩放常规做法一般放在hover上触发。 效果如下: 启发:可通过滚动加载特效来替代hover 官网传送门: 案例2.半屏滚动 收录原因:常规做法都是全屏同一方向滚动。 效果图如下: 启发:图片轮播也可以用同样的思维去做。 官网传送门 阅读全文
posted @ 2019-07-04 15:50 Lafitewu 阅读(899) 评论(0) 推荐(0) 编辑
摘要: 前言:pug是一款健壮、灵活、功能丰富的模板引擎 1.安装npm包 2.build/webpack.base.conf.js修改配置 阅读全文
posted @ 2019-06-27 10:11 Lafitewu 阅读(1036) 评论(0) 推荐(0) 编辑
摘要: 2019年填坑备忘录(二) 1.css隐藏滚动条 场景:做tab滑动效果时,可采用css的溢出滚动实现,但怎么隐藏掉那个自带的滚动条呢? 解决办法: 关键代码: 2.移动端点击链接触发颜色块 场景:但移动端有点击事件,点击的瞬间会有一个色块,长按也会出现。 解决办法:在html样式下加入 关键代码: 阅读全文
posted @ 2019-06-17 11:20 Lafitewu 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 开发背景:后台数据只能展示在页面,无法导入到本地进行数据分析。 开发成果:将导出到Excel功能封装成一个公用js函数,供其他vue页面复用。 1.安装vue插件包 2.编写公用js函数 代码如下: ps: 可改成你自己的table中的id名, 是参数,通过调用的时候传过来的,它是文件的命名。 3. 阅读全文
posted @ 2019-02-27 15:22 Lafitewu 阅读(1495) 评论(3) 推荐(1) 编辑
摘要: 话不多说,先上图: 项目背景:vue element ui能用的icon实在有限,所以...一起从零到一吧。 1.进入阿里矢量图标库官网 官网传送门 注册 = 登录 这里就省略了.. 2.选择你需要的icon a.下载svg到本地 b.进入到"我的项目",如下图: c.然后复制css地址在浏览器打开 阅读全文
posted @ 2019-02-18 10:00 Lafitewu 阅读(1495) 评论(0) 推荐(0) 编辑
摘要: 场景:如下图所示。 1.需要通过js动态插入script,因为广告可能会改,所以需要动态插入; 2.由于可以接多家广告,所以需要分配展示概率。 动态插入js 这里只讲jquery的方法, , 例:$.getScript("js/index.js"); 更多详情 随机函数封装 // 封装随机函数 ra 阅读全文
posted @ 2018-11-01 11:55 Lafitewu 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 场景:node得部署上线怎么呢?pm2走一波。 安装pm2 npm install g pm2 常用pm2命令 1.pm2 start app.js // 启动app.js应用程序 2.pm2 list // 列表pm2启动的所有的应用程序 3.pm2 show name || id // 显示应用 阅读全文
posted @ 2018-10-29 10:36 Lafitewu 阅读(152) 评论(0) 推荐(0) 编辑