cleardWu的博客

tab栏切换动画实现及注意事项技术栈：vue遇到的问题scene : 移动端页面左右滑动切换tab栏，实现页面切换类 app 原生动画，不影响页面正常点击事件key : 移动端左右滑动，可以从touchstart , touchmove , touchend 事件入手，获取 pageX 左右移动的距离来判断方向，pageY 的上下移动距离来确定是否是滚动事件，监听 touch 的 trigger event 来判断是否是 tap 事件,从而实现功能// template<div

技术栈: vue + vuex1.0 遇到的问题：架构选型，因为有首页和搜索页面用到同一搜索框样式，所以考虑将搜索框单独封装为一个组件，搜索页面（搜索框组件，搜索结果）搜索框字体调整在这里插入代码片如何自动获取焦点（进入页面获取焦点）如何实现键盘显示search字样如何去除系统自带的清除按钮样式搜索框移动端触发机制（IOS , Android）第三方输入法键盘触发优化搜索框截流防抖搜索历史（取前4条）搜索分页（上拉加载更多）...

技术栈：vue + swiper + echarts1.0遇到的问题swiper开启loop循环模式，每一个slide中包含一个echarts图，使用以前通用的模式循环在echarts中使用id或者$refs获取元素初始化，出现循环的echarts图不显示，但是slide中的文本没有影响，Key : 百度了一下，有网友提到，是id或者说$ref复制重复导致，之后采用class类循环初始化解决...

swiper自带的或者自定义的鼠标的整屏滚动事件，当使用苹果鼠标（调高灵敏度）或者笔记本的电容板滚动时，出现划动一下，页面连续滚动至最后一页，或者连续滚动4-5页。其解决思路及代码