h5
我叫小魏子。
一个勤奋的小码农。
展开
-
各个组件表单 校验时自动定位到未填处
element 项目el-form 适用于表单let isError = document.getElementsByClassName('is-error') setTimeout(() => { isError[0].querySelector('input').focus() }, 500)使用JS控制 实现 锚点 的效果<div id='dyzgz'>我是要跳转的位置</div><script>原创 2022-03-11 15:04:40 · 625 阅读 · 3 评论 -
移动端在线预览附件(pdf、excel、ppt、txt)
预览文件三种方法;############################################################################1、如果你的业务场景只需预览pdf;使用这个☟pdfh5.jspdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件**react、vue均可使用!!****ios和安卓手机均可用**2、需要预览多种文件:利用微软在线预览链接展示假如你的文件链接是:http://xxxxx原创 2022-02-25 18:05:30 · 6163 阅读 · 0 评论 -
iframe 另类知识
去除自带顶部toolbar<iframe scrolling="no" allowtransparency="yes" frameborder="0" marginwidth="0" marginheight="0" :src="'http://xxxxxxx' + '#toolbar=0'" style="height: 100%; width:100%" />窗口改变时,宽、高自适应<iframe scrolli原创 2022-01-18 17:20:08 · 763 阅读 · 0 评论 -
前端页面首次进入出现白屏
页面首次进入时,有个缓冲加载资源的数据,如果此时当前的网速过慢时,页面就会出现一个卡顿白屏状态,很难看,那我们一起加个好看的加载动图吧┗( ▔, ▔ )┛先放效果图:在html文件夹中直接写<body> <div id="app"> <div class="first-loading-wrp"> <div class="loading-wrp"> <span class="dot dot-spin"> <原创 2021-12-21 17:46:43 · 887 阅读 · 0 评论 -
前端js实现md5加密
复制一下链接的代码,命名为md5.jshttps://paste.ubuntu.com/p/S5JyScKZFV/使用方法: var api = 'xpxApiSecretKey' var newTimeStamp = hex_md5(timestamp) var newApi = hex_md5(api) // token md5加密 var endMd5Token = hex_md5(原创 2021-08-09 13:48:16 · 290 阅读 · 0 评论 -
web H5 调用高德地图 通过ip定位获取当前城市
web H5 调用高德地图 通过ip定位获取当前城市一、使用步骤注册高德账号,创建应该获取key ; 登录之后, 点击“应用”(头部导航栏)注册地址拿走-------》: https://lbs.amap.com/dev/id/choose注意这里有服务类型,提交完成后,复制 该 key二、直接上代码代码如下(示例): <script type="text/javascript" src="http://webapi.amap.com/maps?v=2.0&原创 2021-04-01 18:04:13 · 1369 阅读 · 2 评论 -
cookie 小妙招
cookie 小妙招# 使用背景:如果用户是第一次进入项目,在想要登录账号时,点击登录按钮判断当前cookie里是否存有手机号,如果没有手机号,就打开登录页面,如果有手机号就直接登录。清除所有cookie clearAllCookie() { var keys = document.cookie.match(/[^ =;]+(?=\=)/g); if(keys) { for(var i = keys.length; i--;)原创 2021-01-28 18:38:14 · 130 阅读 · 0 评论 -
H5 移动端 网页端适配(js+rem)
H5 移动端 网页端适配(js+rem)业务场景:由于需求是适配两端屏幕,所以刚开始想的css用rem写,但是还是会出现字体和布局不会等比缩放的情况,后来找到一种js代码针对根元素去做的缩放配置,加上rem和这个js的设置就能做到等比缩放。下载插件,并修改比例 (如果ui尺寸是750就改50 375改25),修改完重启vscode重启,效果图:2. 新建一个index.js,把下方代码复制进去,即可使用。 //适配兼容 (function (doc, win) {原创 2021-01-25 11:23:53 · 2641 阅读 · 3 评论