记一次分析、解决Vant 2.x版本的Picker选择器偶尔获取值错误问题前言：我把排查、分析思路、解决过程都记录下来了，有需要改进的地方，敬请不吝赐教。场景：迎新管理系统的“信息完善”移动端填报页面需要用到Vant的Picker选择器组件，发现偶尔会出现：用户在选择器中选择了某选项后，代码获取选择器选择的选项与用户选择的项不一致。分析思路：情况只是偶尔发生，需要找到发生这种情况的场景，仔细...
基于JQuery实现悬浮球效果（元素跟随手指/鼠标移动，松开后自动吸附到边缘）前言：需要改进的地方，敬请不吝赐教。场景：迎新系统需要实现一个迎新助手的悬浮球效果，具体效果为：按住悬浮球后，悬浮球跟随手指移动，松手后吸附到屏幕边缘。实现思路：1、先在网上搜索一下相关的插件和示例，避免重复造轮子。结果发现相关的插件缺少实例而且文档大多数都为英文文档，相关示例的迁移性不好。目测需求实现起来也不难，...
JQuery的toggle()函数异常（自动触发|隐藏）前几天有朋友找我看一个Bug，一个很坑的Bug，特此记录一下，下次再遇到就好解决了，Bug是这样的：通过JQuery的toggle()函数给ID为hphoto的元素绑定了两个依次点击的函数，这两个函数按理说是要点击ID为hphoto的元素的时候才依次触发的，但是在页面加载的时候就自动触发了，而且ID为hphoto的元素也莫名其妙被隐藏了...
Html仿QQ音乐小节奏音浪动效前言：想仿一下QQ音乐PC端上面的小节奏音浪动效，如果用Gif动图来实现，画图太耗时间，而且拉伸图片容易失真，所以就直接用Html和JavaScript来实现了。效果对比：QQ音乐上的效果：用Html和JavaScript来实现的效果：实现代码：rhythm.html<!DOCTYPE html> <html> <head...
JavaScript实现点击其他地方收起菜单前言：今天想弄一个，点击菜单之外的地方就收起菜单的功能，第一时间就想到了建一个占屏幕100%的透明遮罩div垫在菜单下面，然后点击菜单之外的地方（也就是遮罩div），就收起遮罩和菜单。But，这样做会导致菜单在展开的时候，无法点击在菜单之外的功能按钮（因为遮罩在最上面仅次于展开的菜单），所以一点击在菜单之外的功能按钮都会点到遮罩上面，要再点一次才能...