hfhwfw161226的博客

问题背景：安卓设备上的h5项目的表单里，多个表单项通过扫码枪录入，一个输入框录入完成后会自动聚焦到下一个输入框，方便客户使用。由于客户提供的扫描二维码里存在换行，导致一个输入框的内容尚未录入结束就自动聚焦到下一个输入框，且剩余未录入的内容出现在下一个输入框里。

js获取字符串中某字符出现的次数

js获取字符串中出现次数最多的字符及其出现的次数

使用场景：当页面被分割成许多小模块，且页面很长时，锚点功能可以帮助我们快速跳转到想要的模块；而当滑动滚动条时，根据当前视图中的显示的模块自动选中对应的锚点。

开发登录页面时，我们通常需要实现回车即登录的功能。但是一旦点击回车键虽然表单提交了，但是页面快速刷新导致登录接口调用失败了。1. 实现回车提交表单只需要在form内的表单项上存在一个type=“submit”的input对象或button对象即可触发表单的submit方法<form @submit="handleSubmit"> <input type="submit" style="display: none"> ...</form>2..

情景：前端开发经常需要根据一套原型来匹配不同的移动端，原型上标注的尺寸是px，如果需要匹配不同的像素，我们需要自己转换尺寸。通过引用插件可以实现一套像素适应不同的移动端，而开发人员只需要根据原型提供的标注来设置尺寸即可1. 安装依赖npm i -S amfe-flexible postcss-px2rem// lib-flexible已废弃2. index.html添加viewport设置<meta name="viewport" content="width=device..

使用场景：因设备限制，无法像浏览器那样通过鼠标滑动来使页面滚动。只能通过代码来解决该问题1.实现效果：点击页面上的上、下、左、右四个按钮，实现页面可视区域移动/** * 翻页，每次滚动可视区域的80%高度或宽度（例：滚动区域以id="scroll-panel"元素包裹） * @param {string} type 翻页类型，上、下、左、右 * @param {string} id 滚动区域的包裹元素的id * */function movePage (type, id) { /.

应用场景：在一个管理系统中，当用户登录进来后，我们期望用户在操作时，不会因为token过期而被迫登出。但token是有时效的，这时候我们就需要一个刷新token的操作来保障用户的登录状态。1. 原理3. 完整代码request.tsimport axios, { AxiosInstance } from 'axios'import router from '@/router'import store from '@/store'import { message } f...

项目中有点击某个按钮即复制某文本的需求，这里总结两种方式。方法一原理：创建一个隐藏的input，并赋值需要执行复制的文本，选中input中的内容，执行dom自带的复制方法。function copyPwd(copyText) { let input = document.createElement('input')// 创建一个input input.value = copyText // 赋值需要复制的内容 document.body.append...

一些管理系统常常会有导出文件的功能，这里介绍三种文件下载的尝试1. 通过文件地址下载文件此方式最为简易，只需要知道文件在服务器上的地址，就可以通过a标签实现下载<a href="https://.../158ac1e6917445a4aa384a2a7209445a.xlsx" download="test">下载文件</a><a href="h...

前言：vue项目中需要实现一个列表的无限滚动，引用的ui框架没有这个组件，就自己实现了个比较简单的无限滚动。无限滚动的核心在于对滚动事件的监听，当我们监听到滚动条距离滚动区域底部一定的距离时，即加载下一页的数据，合并到当页的数据中，这样就可以实现一个简单的无限滚动了。步骤：1.监听滚动条 > 2. 在监听事件里计算滚动条距离滚动区域底部的距离，当距离不足10像素时，则加载下一页数据...

一、基本配置注：此处 fullcalendar版本为1.6.0 $('#calendar').fullCalendar({ header: { left: 'prev,next', // 翻页按钮的位置 center: 'title', right: '' }, ...

此方法用来提取url的search中携带的指定参数function getQueryString(name) { const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i') const r = decodeURI(location.search.substr(1)).match(reg)...

针对很多弹出层的遮罩显示后仍然可以滚动底层页面的问题方法一：显示弹框时设置页面高度为100%，且溢出隐藏，关闭弹框时放开原先的设置// 打开弹框时let body = document.querySelector('body');body.style.overflow = 'hidden';// 关闭弹框时let body = document.querySelector...