随笔分类 -  巧用js

layui 管理后台菜单栏和导航栏联动
摘要：效果图如下： ps： 由于layui admin后台管理系统框架没有实现此功能，所以自己动手做了一个。 关键代码如下： $("body").delegate(".layui tab title li","click",function() { //或者$(this).childNodes[0].da 阅读全文
posted @ 2019-07-19 16:28 Lafitewu 阅读(9778) 评论(0) 推荐(0)
随机动态插入js
摘要：场景：如下图所示。 1.需要通过js动态插入script，因为广告可能会改，所以需要动态插入； 2.由于可以接多家广告，所以需要分配展示概率。 动态插入js 这里只讲jquery的方法， ， 例：$.getScript("js/index.js"); 更多详情 随机函数封装 // 封装随机函数 ra 阅读全文
posted @ 2018-11-01 11:55 Lafitewu 阅读(228) 评论(0) 推荐(0)
H5点击复制到粘贴板
摘要：功能场景 h5页面需要点击复制内容，到手机的粘贴板。 运用插件clipboard 插件下载地址：clipboard官网 插件使用 //html部分 点我复制 //js部分 function copymsg() { var Url2 = document.getElementById("title1" 阅读全文
posted @ 2018-08-20 09:46 Lafitewu 阅读(9308) 评论(0) 推荐(1)
填坑备忘录
摘要：以下内容是一些实际项目中遇到的很小的点，但却有很大帮助的代码。 1.vue+element ui中table 场景：table某个单元格内容太多，导致table行高不一致，页面不好看。 解决办法： 关键代码： 2.微信小程序input调起手机键盘问题 场景：小程序中自定义弹窗，并且弹窗中含有inpu 阅读全文
posted @ 2018-07-30 10:14 Lafitewu 阅读(158) 评论(0) 推荐(0)
cookie带状态返回
摘要：需求场景：点击浏览器返回，回到主页时，展现指定的tab页。 如下图： 图中两个"点我"都会去到详情页面。但是点返回时，都会回到可参与的tab状态。 那么对于用户的体验是不太友好的。 解决办法：由于每次点返回，其实主页都会刷新一遍。那么可以从这里下手。 思路方法1：记录最后一次tab的状态，并在跳转时 阅读全文
posted @ 2018-06-25 11:16 Lafitewu 阅读(198) 评论(0) 推荐(0)
jquery - (delegate的使用)
摘要：以前jq绑定点击事件，是不是都是$("xxxx").click(function(){}) 嗯，人都是这样，不碰到坑，是不知悔改的。 讲讲为什么要用delegate绑定事件。 举个例子：我在class为demo的标签内的a 标签加了个点击事件，而点击事件里面执行的是把demo标签内，所有内容替换，同 阅读全文
posted @ 2018-04-13 16:29 Lafitewu 阅读(224) 评论(0) 推荐(0)
js - (ajax loading加载)
摘要：先上图： 在上代码： 嗯，ok ,人狠话不多。 阅读全文
posted @ 2018-04-13 16:03 Lafitewu 阅读(223) 评论(0) 推荐(0)
js - (截取网址参数)
摘要：比如：detail.html?url=http://dev.mdap.com/api/ads/cpl?t=1&cid=16&cuid=53&deviceid=xxx&unixt=xxx 这个网址，我想截取http://dev.mdap.com/api/ads/cpl?t=1&cid=16&cuid= 阅读全文
posted @ 2018-03-23 09:05 Lafitewu 阅读(205) 评论(0) 推荐(0)