摘要: Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick 本人写代码实际应用场景 先看下图: 在项目中我是根据 nextTick异步特性来做的一些处理,当接口请求完 阅读全文
posted @ 2019-11-01 13:06 蔡徐坤学前端 阅读(4017) 评论(1) 推荐(4) 编辑
摘要: 需求:当页面中某一标签到达页面顶部时,固定在页面上,否则随页面一起滚动,看下边效果图。 实现思路: 1.监听滚动条移动事件。 2.获取标签距离顶部距离。 3.当滚动条滚动距离大于标签距离顶部距离时,固定标签在某一位置。 具体步骤: 1.首先监听滚动条事件 放在页面mounted生命周期中。 2.获取 阅读全文
posted @ 2019-10-31 15:16 蔡徐坤学前端 阅读(2790) 评论(0) 推荐(5) 编辑
摘要: 有很多网站会涉及到导航栏,我自己在开发中用的是element导航组件,并且自定义事件,给大家分享一下。 1.使用递归方法,无限循环子级菜单。 2.使用组件封装,维护方便。 3.使用index作为路由跳转。 4.结合后台动态渲染。 5.自定义样式,修改默认icon。 6.根据后台返回数据,动态设置默认 阅读全文
posted @ 2019-10-29 16:26 蔡徐坤学前端 阅读(9139) 评论(0) 推荐(5) 编辑
摘要: 最近在开发一款官网,使用的是element,在头菜单NavMenu,的时候没有设置任何的边框属性,结果出现了如下图所示的边框线。 点击有二级菜单时出现 点击有二级菜单时出现 找了好多方法发现是有一个属性影响到了,:focus,他是一个获取焦点时触发的一个选择器,有兴趣的伙伴可以去菜鸟上看下。 它里边 阅读全文
posted @ 2019-10-28 15:11 蔡徐坤学前端 阅读(1611) 评论(0) 推荐(3) 编辑
摘要: 话不多少先上图, 大家可以看到图片中红色区域是头部区域,黄色区域则是我们要滑动的区域。 大家可以在uni-app官网上看到swiper高度是默认100%,而swiper-item则是要有固定宽高的,要的效果是什么呢? 1.点击tab可以切换黄色区域视图 2.滑动黄色区域改变视图,支持横向滑动以及纵向 阅读全文
posted @ 2019-10-24 10:11 蔡徐坤学前端 阅读(17697) 评论(0) 推荐(2) 编辑