前端-xyq

2020年1月10日

摘要：参考： https://blog.csdn.net/lilinoscar/article/details/80539725 需求：tab切换，选项高亮。原css：圆圈元素会有的扁，有的圆。刚开始审查元素时发现border超出，以为是这个问题。后来参考文章后发现是单位问题。 .cirlce { wi 阅读全文

posted @ 2020-01-10 18:14 前端-xyq 阅读(1885) 评论(0) 推荐(0)

css——利用translate让元素居中

摘要：参考：https://blog.csdn.net/qq_20264891/article/details/87873311 父元素： position: relative; 居中元素： position: absolute; top: 50%; //基于父元素 left: 50%; //基于父元素阅读全文

posted @ 2020-01-10 18:05 前端-xyq 阅读(3460) 评论(0) 推荐(0)

vue——$nextTick解决节点获取不到问题

摘要：参考：https://www.jianshu.com/p/a7550c0e164f 原理： Vue.nextTick用于延迟执行一段代码，为了在数据变化之后等待 Vue 完成更新 DOM ，可以在数据变化之后立即使用Vue.nextTick(callback) 。这样回调函数在 DOM 更新完成后就阅读全文

posted @ 2020-01-10 10:59 前端-xyq 阅读(4436) 评论(0) 推荐(1)

2020年1月8日

vue——利用@scroll实现滚动加载更多

摘要：页面: <template> <div id="d-whole"> <div id="d-top"> //顶部固定区域 ··· </div> <div id="d-scroll" :style="obj" @scroll="listenScroll"> //滚动区域 ··· <div> </div> 阅读全文

posted @ 2020-01-08 14:31 前端-xyq 阅读(8276) 评论(0) 推荐(0)

2019年12月31日

angularJS——利用theParam实现缓存功能

摘要：需求：列表页分页，跳转详情页时，保存当前页数和搜索关键词。从详情页返回时，回到之前页数并搜索同一关键词。 js: mainApp.factory('theParam', function() { return { currentPage : 1,pageSize : 12,param:'' }; } 阅读全文

posted @ 2019-12-31 10:49 前端-xyq 阅读(190) 评论(0) 推荐(0)

angularJS——利用filter实现金额格式化

摘要：需求：金额格式化为有两位小数，不足补0 js： mainApp.filter('addZeroTwo', function() { //金额格式化 return function(value) { if(value '' || value null || value undefined){ retu 阅读全文

posted @ 2019-12-31 10:29 前端-xyq 阅读(671) 评论(0) 推荐(0)

amazeUI——JS插件slider使用注意事项

摘要： amazeUI官网：http://amazeui.shopxo.net/javascript/slider/ 我的问题：轮播图放在模态框里的，一开始不显示但初始化了slider，点击时显示轮播图，但是最初几秒没图，要过几秒才会有图。 html： <div class="am-modal am-mo 阅读全文

posted @ 2019-12-31 10:15 前端-xyq 阅读(960) 评论(0) 推荐(0)

2019年12月17日

vue——swiper上下无缝轮播

摘要：参考：https://www.jianshu.com/p/5e5e59065e9c 效果： index.html: <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css" rel="stylesheet"> <script s 阅读全文

posted @ 2019-12-17 15:32 前端-xyq 阅读(4898) 评论(0) 推荐(0)

2019年12月16日

css——translate/rotate 空间坐标轴

摘要：参考：https://www.cnblogs.com/zhangnan35/p/10709876.html https://www.cnblogs.com/zyrblog/p/11142624.html translate三维坐标图： rotate判断：正向轴对着眼睛，顺时针则旋转角度为正，逆时针阅读全文

posted @ 2019-12-16 15:13 前端-xyq 阅读(3505) 评论(0) 推荐(0)

2019年12月5日

js——button禁用/启用

摘要：搬运自：https://blog.csdn.net/SonaEx/article/details/80879061 禁用： $("#id").attr("disabled","true"); $("#id").attr("disabled",true); $("#id").attr("disable 阅读全文

posted @ 2019-12-05 18:27 前端-xyq 阅读(6322) 评论(0) 推荐(0)

公告