前端菜鸡儿

摘要： Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick 本人写代码实际应用场景 先看下图： 在项目中我是根据 nextTick异步特性来做的一些处理，当接口请求完 阅读全文

摘要： 需求：当页面中某一标签到达页面顶部时，固定在页面上，否则随页面一起滚动，看下边效果图。 实现思路： 1.监听滚动条移动事件。 2.获取标签距离顶部距离。 3.当滚动条滚动距离大于标签距离顶部距离时，固定标签在某一位置。 具体步骤： 1.首先监听滚动条事件 放在页面mounted生命周期中。 2.获取 阅读全文

摘要： 有很多网站会涉及到导航栏，我自己在开发中用的是element导航组件，并且自定义事件，给大家分享一下。 1.使用递归方法，无限循环子级菜单。 2.使用组件封装，维护方便。 3.使用index作为路由跳转。 4.结合后台动态渲染。 5.自定义样式，修改默认icon。 6.根据后台返回数据，动态设置默认 阅读全文

摘要： 最近在开发一款官网，使用的是element，在头菜单NavMenu，的时候没有设置任何的边框属性，结果出现了如下图所示的边框线。 点击有二级菜单时出现 点击有二级菜单时出现 找了好多方法发现是有一个属性影响到了，:focus,他是一个获取焦点时触发的一个选择器，有兴趣的伙伴可以去菜鸟上看下。 它里边 阅读全文

摘要： 话不多少先上图， 大家可以看到图片中红色区域是头部区域，黄色区域则是我们要滑动的区域。 大家可以在uni-app官网上看到swiper高度是默认100%，而swiper-item则是要有固定宽高的，要的效果是什么呢？ 1.点击tab可以切换黄色区域视图 2.滑动黄色区域改变视图，支持横向滑动以及纵向 阅读全文