随笔分类 - 组件和工具类
摘要：前言 本文记录一下自己手动实现的一个前端常见的短信验证码输入组件，从需求到实现逐步优化的过程。 正文 1.需求分析 首先看一下效果图。 首先页面加载的时候，输入框获取焦点，当用户输入一个数字后，焦点自动跳转到第二个框，当四个框全部输入后，模拟发送提交请求，这里用一个弹框提示，输出输入的验证码内容。主
阅读全文
摘要：前言 工作学习中经常能遇到输入框限制输入数字，并且每四位一空格的情况，比如表单中银行卡号，手机号等输入框的限制，这里介绍一下使用js具体的实现方法。不需要引用第三方ui库。 正文 1.input标签的数字输入框 <input type="number" /> 实现结果如下： 这是html标签限制的数
阅读全文
摘要：前言 这篇来记录下最近工作中遇到的一个问题，在app原生和前端h5混合开发的过程中，其中一个页面是选择城市列表的页面，类似于美团饿了么城市选择，银行app中银行列表选择，通讯录中快速定位到联系人选择的锚点位置等这样的功能，作为刚入门不久的我来说，感觉这个功能还是有一点压力。下面我来分享一下我所查到的
阅读全文
摘要：前言 在前端开发工作中，服务端返回的时间数据或者你传递给服务端的时间参数经常会遇到时间格式转换及处理问题。这里分享一些我收集到的一些处理方法，方便日后工作中快速找到。先附上必须了解的知识内置对象传送门https://www.w3school.com.cn/js/js_dates.asp 目录 时间格
阅读全文
摘要：数组去重 通过es6的集合对象Set来实现去重 <pre>let arr=[1,2,3,4,5,6,1,2,3]； function unique(arr){ return Array.from(new Set(arr)) }； console.log(unique(arr))； <pre> Set
阅读全文
