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