- 博客(8)
- 收藏
- 关注
RSS订阅原创 2021-03-02
js搜索列表关键词高亮$('.inputGroup input').bind('input propertychange', function(e) { let value = e.target.value // 列表循环 $.each($('.used-all .J_menuItem'), function (i, v){ if($(v).html().indexOf("<span") !== -1){ $(v).html($(v).html(
2021-03-02 15:53:00
92
原创 点击图片全屏预览
点击图片全屏预览<div class="answerDetail_img"> <img src="" class="answer_imgList"></div><script src="/static/index/js/previewImage.min.js"></script>// 点击图片预览大图let imgAll = {};imgAll.all = function(selector, contextElement) {
2020-09-22 09:38:09
417
原创 判断文本内容是否超过三行
判断文本内容是否超过三行// 获取要判断内容文本框的高度let containerLength = $('指定内容文本框').height();let lineHeight = parseInt($('指定内容文本框').css("line-height").replace('px', ''))if(containerLength / lineHeight > 3){ // 执行代码}...
2020-09-21 09:31:54
2443
原创 点击外部关闭弹窗
点击外部关闭弹窗document.onclick = function(event){ var event = event || window.event; //判断当前对象是否是自己 var targetId = event.target ? event.target.id : event.srcElement.id; //兼容写法 if(targetId === "mask"){ $('.mask').addClass('hide') }}..
2020-09-19 15:13:58
330
原创 swiper轮播高度自适应
不多说直接上代码，相信小伙伴们也是为了解决这个问题而来的function calcHeight(domLen){ let page_h = 0; $.each($(domLen), function(i, v){ page_h += $(v).outerHeight(true) }) $(".tags_main").height(page_h)}// 在需要的地方直接调用let tagsSwiper = new Swiper('#tags_container', {
2020-08-15 09:27:57
1466
原创 vue中px转为rem的配置
vue中px转为rem的配置首先使用npm下载amfe-flexible和postcss-pxtorem这两个东西npm i amfe-flexible --snpm i postcss-pxtorem --s下载完后去vue里面配置创建vue.config.js文件(vue-cli3是木有的，需要自己新建)~~~~创建完后在里面配置module.exports = { css: { loaderOptions: { postcss: { plugins: [ r
2020-08-13 18:05:41
149
原创 使用autosize插件写出输入框换行的效果
由于输入框我想不到有什么方法能监听换行再赋值高度，所以我就用了这个插件弄了，还是挺香的~~先看图 /* 输入框的样式 */ .animated { padding: .2rem .2rem 0 .2rem; border-radius: .1rem; background: #f5f5f5; vertical-align: top; flex: 1; max-height: 1.6rem; line-height: .36rem; resize:
2020-07-27 09:47:54
270
原创 移动端ios输入框遇到的一些问题
移动端ios输入框日常开发中使用input固定定位在底部遇到的一些问题，话不多说上代码 ~~~~（大佬勿喷）输入框收起时底部留白一大块 let scrollY = null; $('.animated').focus(function(){ scrollY = $(this).offset().top // 记录获取焦点时页面距离顶部的距离 }); $('.animated').blur(function(){ window.scroll(0, scrollY);
2020-07-24 11:32:12
267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人