mx_csdn的博客

进度条效果（实际有动态效果）html<div class="progress-bar"> <div class="progress-bg"></div></div>css.progress-bar{ width: 100%; height: 30px; overflow: hidden; box-sizing: border-box; border-radius: 24px; background-color: rg

以vue单页面项目为例1、在路由的meta属性中，给需要记录访问时长的页面添加hasViewTime属性，以便全局处理页面，代码如下：{ path: '路由地址', name: '页面模块名称', component: '页面模块', meta: { hasViewTime: true/false }}2、在页面主入口文件App.vue文件中，记录访问页面的初始数据，同时初...

ios设备中，JS执行focus方法，无法调起键盘问题背景：移动端开发，有一个input输入框（默认输入框是disabled，不能编辑的），需要点击一个“修改”按钮，使input能编辑，并聚焦弹起软键盘。所以，在点击“修改”按钮的时候，JS执行focus()方法，来达到所要的效果，但在IOS设备上出了一些问题。问题描述：android设备中，JS执行focus方法，能正常聚焦和弹出键盘；...

1、PC浏览器上（以谷歌浏览器为例）刷新H5页面，会触发该事件，由于刷新导致该页面消失时，会检测到document.visibilityState === ‘hidden’切换页面（包括切换离开和切换回来），导致页面暂时不处于激活状态时，会触发该事件。切换离开时document.visibilityState === ‘hidden’，切换回该页面时，document.visibilityS...

1、将rgba颜色值转换为十六进制(rgb转十六进制同理)RGBToHex(rgba){ let str = rgba.slice(5,rgba.length - 1), arry = str.split(','), opa = Number(arry[3].trim())*100, strHex = "#", r = Number(arry[0].trim()), g =...