HTML5
关注
分享
扫一扫
ajaxPost293614
你就是你最大的资本。
展开
-
前端double类型乘积出现多位尾数问题
问题图：接口参数：数据处理：出现问题：0.57* 100 = 56.9999999999解决： 先乘积1000 再除以10解决<el-col :span="2" style="word-wrap: break-word"> {{ item.finishRate * 1000 /10 }}%</el-col>原创 2021-01-06 10:48:53 · 476 阅读 · 0 评论 -
神兽保佑永无BUG 注释
/* * __----~~~~~~~~~~~------___ * . . ~~//====...... __--~ ~~ * -. \_|// |||\\ ~~~~~~::::... /~ * _...原创 2020-07-09 14:33:35 · 419 阅读 · 2 评论 -
HTML截取视频第一帧为封面 （一行代码解决超简单）
视频地址+?x-oss-process=video/snapshot,t_0000,f_jpg具体OSS文档：https://www.alibabacloud.com/help/zh/doc-detail/64555.htm原创 2020-03-30 17:21:35 · 7103 阅读 · 0 评论 -
H5中使用video注意事项
<dir class="video-box-inner"> <div class="video-play" @click="videoPlay" v-if="playIcon"></div> <!-- playsinline="true" controls ...原创 2020-03-30 09:25:43 · 640 阅读 · 0 评论 -
完美解决video标签控件的隐藏与使用
<video ref="video" playsinline="true" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" x5-video-player-ty...原创 2020-03-25 11:42:17 · 13773 阅读 · 5 评论 -
完美解决移动端input输入时，页面被顶起不回落问题
html： <input @input="iptName($event)" class="appoint-form-text" maxlength="50" type="text" v-model="n...原创 2020-01-17 09:02:35 · 1926 阅读 · 0 评论 -
cube-ui组件upload在form中使用的动态action解决方案
直接上代码<cube-form-item :field="fields[2]" class="cube-form-none-border"> <div class="upload-box"> <p>上传营业执照照片</p> <cube-upload ref="businessLicenseUrl" ...原创 2020-01-16 10:41:00 · 1398 阅读 · 1 评论 -
解决cube-ui移动端使用Picker组件页面卡死
这是我有问题的时候： 可以看到cube-ui版本是1.10经过和官方沟通得到解决方法：把cube-ui升级一下npminstallcube-ui@latest问题解决原创 2020-01-13 16:41:53 · 945 阅读 · 0 评论 -
数组去重（元素为任意类型）
普通的数组去重用ES6的 set就行了// 任意类型去重let arr = [123, [1, 2, 3], [1, "2", 3], [1, 2, 3], "meili",'123','123',{'name':'caoyan'},{'name':'caoyan'}];let myunique = (array) => { let obj = {} return array...原创 2019-11-05 15:47:12 · 382 阅读 · 1 评论 -
前端面试基础篇 二（附答案）
1.数组去重答：法一：indexOf循环去重法二：ES6 Set去重；Array.from(new Set(array))法三：Object 键值对去重；把数组的值存成 Object 的 key 值，比如 Object[value1] = true，在判断另一个值的时候，如果 Object[value2]存在的话，就说明该值是重复的。2.去除字符串首尾空格答：使用...原创 2019-05-09 10:17:29 · 336 阅读 · 0 评论 -
前端面试基础篇 一（附答案）
1. 说一下http和https答：http: 超文本传输协议，是一个客户端和服务器端请求和应答的标准（TCP）。https: 是HTTP下加入SSL层，HTTPS的安全基础是SSL。区别：http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全，HTTP 的端口号是 80，HTTPS 是 443...原创 2019-05-08 18:07:13 · 535 阅读 · 0 评论 -
前端需要学的都在这里了（宇宙无敌全）
说明平时的学习资源都比较的凌乱，看到好的资源都是直接收藏在浏览器的收藏夹中，这样其实并不方便，整理在云笔记上，也不方便查看修改记录，索性就整理在 github 上并开源出来，希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源，统一管理，方便随时查找。目前整合的学习资源只是前端方向的，可能会存在漏缺比较好的资源，需要慢慢的完善它，欢迎大家一起来维护，githu...转载 2019-03-20 17:43:07 · 220 阅读 · 0 评论 -
react中a标签跳转传值菜单页
a标签页<div className={styles.tableCenter}>{val ? <a href={`/userdetail/user-detail?phone=${val}`} target="_blank">{val || '--'}</a> : '--'}</div>跳转页接受参数 componentDid...原创 2019-08-14 13:59:19 · 2299 阅读 · 0 评论 -
前端解决IOS12键盘弹出遮挡页面问题
var body = document.getElementById('body'); var H = $(".box-bottom-inner").height(); console.log(H) $(".box").css({"padding-bottom":H}); var hrt = document.documentElement.clientHeight; //...原创 2019-02-27 10:36:36 · 1957 阅读 · 0 评论 -
前端面试核心篇 （附答案）
1.webpack和gulp区别（模块化与流的区别）答：gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。webpack是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源（图片、js文件、cs...原创 2019-05-09 16:41:01 · 646 阅读 · 0 评论 -
前端容易忽略的零散小知识
1. JS中没有私有成员的概念，不过在函数中有私有变量。2. CSS文件的加载不受跨域限制，canvas中使用drawImage贴图会受跨域限制。3. 在 ECMAScript6 中，promise的状态有三种：pending（进行中）、fulfilled（已成功）和 rejected（已失败），除了异步操作 的结果，任何其他操作都无法改变这个状态。4. image 元素的al...原创 2019-05-15 18:12:55 · 281 阅读 · 0 评论 -
小程序父级更新组件值
开始：父级：index<view class="index"><footer phoneOptions='{{phoneOptions}}' downObj="{{downObj}}" hide="{{hideBjData}}"></footer></view>onShareAppMessage: function (res) {...原创 2019-07-01 17:17:55 · 2296 阅读 · 0 评论 -
十位随机数 英文加数字
//十位随机数 英文加数字function makeRandom() { var text = ""; var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (var i = 0; i < 10; i++) text += possible.char...原创 2019-07-01 17:34:20 · 1006 阅读 · 0 评论 -
小程序无缝轮播组件（点击查看，指示点，指示文字）
1.效果图：* 文件名自己定义，json引用就不写了2.组件代码：wxml:<!--components/common-banner/common-banner.wxml--><swiper indicator-dots="{{showDots}}" autoplay="{{autoPlay}}" interval="{{interval}...原创 2019-10-11 17:31:18 · 590 阅读 · 0 评论 -
移动端标签宽度为1px不显示解决
因为转换的rem太小了，宽度为1px在有些机型就显示不出来。将宽度为1px 写在内联样式中,就会显示出来了。 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。 ...原创 2018-08-27 17:11:31 · 1763 阅读 · 0 评论 -
input顶部有阴影
//在IOS下，input 和textarea表单默认会有个内阴影，可通过设置下面代码去掉： input{ -webkit-appearance: none; }原创 2019-01-10 10:59:09 · 1257 阅读 · 0 评论 -
根据安卓还是IOS去下载不同版本客户端
function noneIPhone(){ if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ window.location="https://itunes.apple.com/cn/app/id1159301055?mt=8" }else{ alert("此机型不为iPhone版") ...原创 2019-01-25 16:17:34 · 249 阅读 · 0 评论 -
12am,12pm
//moment 官网的注释moment().startOf('day'); // set to 12:00 am today //我测试的moment().startOf('day')//得出打印2018-10-05 00:00 12am ：指的是今天凌晨00：00.12pm ：指的是今天中午12：00.左边分享一个公众号，写一些散文和影评等，右边的...原创 2018-10-12 13:40:43 · 1503 阅读 · 0 评论 -
react 加载img 出错 使用onError事件
{ title: < div className = { styles.tableTeCenter } > 图片 < /div>, dataIndex: 'images', width:240, sorter: (a, b) => (a.createDate || 0) - (b.createDate || 0), rende...原创 2018-10-11 16:46:12 · 8272 阅读 · 0 评论 -
谷歌浏览器解决跨域
--disable-web-security --user-data-dir 这段文字是关键1.首先关闭所有的谷歌浏览器的页面2.在你的谷歌浏览器右键 -> 属性 -> 快捷方式 -> 目标 复制上面的一段话 然后直接复制到 后面 ******注意：这里要加空格哦，不然就会报错。3.直接保存就可以了再次打开浏览器，出现这个就可以了。 左边分享一...原创 2018-09-13 10:59:55 · 13952 阅读 · 2 评论 -
v-html中图片路径错误显示默认图
这是后台返回的富文本，其中包含了< img/>标签，如果img标签的src路径不对，就不让他显示出来上代码： <div class="info-content info-page" v-html="infoData.content"></div> let imgs = document.querySelectorAll('...原创 2018-08-29 14:22:12 · 3145 阅读 · 0 评论 -
vue图片地址不对显示默认图片并且大小与background：cover效果一样
我遇到的问题是这样的： list要有图片，但是有的图片太长或者太宽，就需要固定长和宽，开始我是用下面的方法的。使用background-size: cover这个属性。但是如果 图片url存在并且错误的时候，代码会执行第一段。那么久出现一个问题就是背景图片解析不出来，显示空白框。 解决方法：使用img标签，有人会说img没法做到background-size: co...原创 2018-08-23 10:47:25 · 4452 阅读 · 0 评论 -
固定宽度内文字均匀分布
方法：将文字放入span中，然后使用flex属性去均匀分布布局 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。 ...原创 2018-08-08 17:13:57 · 3187 阅读 · 7 评论 -
vue-router根据页面切换url
这里面用了导航守卫去定义url 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。 ...原创 2018-08-14 15:00:16 · 682 阅读 · 0 评论 -
前端开发规范手册（第一版）
未经允许不得转载 伙伴行前端开发手册伙伴行研发中心前端组 编 目录 一、 Airbnb...................................................................................... 6（一） JavaScript 编码规范.....................原创 2018-07-12 10:15:56 · 4038 阅读 · 0 评论 -
获取某一天凌晨或者半夜的时间
//时间戳 'Y-MM-dd 00：00：00' let s = new Date('时间戳').setHours(0, 0, 0, 0)//时间戳 'Y-MM-dd 23：59：59'let e = new Date('时间戳').setHours(23, 59, 59, 59)注意 s 和 e 都是时间戳 时间戳转换日期请去我这个博客使用https://blo...原创 2018-10-10 14:41:30 · 721 阅读 · 0 评论 -
第三方IM及时通讯对比
注意：此文章仅限于2018年10月的收集情况，后续如有变化此文章不做解释。公司需要在自开的的APP中实现即时通讯功能，所以我对比了一下市面上比较流行的第三方的IM。我比较看好容联这家，因为他们的产品人员在聊qq的时候回复的最快，发给我的产品文档写的也是最详细的。leancloud，云通讯这两家我比较不喜欢。leancloud前期我要他们的联系方式，过了很久才加上我的qq，而且写的产...原创 2018-10-29 14:00:39 · 8164 阅读 · 0 评论 -
靠谱的短连接
https://dwz.cn/我用的是百度的短连接生成他还提供了接口，如果想做数据统计的话。 可以结合接口和友盟统计去做。我感觉很方便原创 2019-01-25 16:07:08 · 201 阅读 · 0 评论 -
H5唤醒APP
正常代码都很好写，就是打开APP的链接，和客户端开发联调了一下。由于我们的APP的很多东西都是后台可配置的，所以要沟通清楚，参数一定要一致才行。<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c原创 2019-01-08 17:11:14 · 948 阅读 · 0 评论 -
调查问卷 , vue多选限制个数
先看效果图。部分HTML代码，核心代码<template> <div id="app"> <transition name="fade"> <section class="container" > <header class="full-header" > <img src=...原创 2019-01-08 17:04:16 · 1841 阅读 · 2 评论 -
H5适配iphoneX 关键代码
<meta name="viewport" content="width=device-width, user-scalable=no, viewport-fit=cover">viewport-fit=cover 意思为全屏显示再通过padding就可以适配了padding-bottom":"constant(safe-area-inset-bottom)paddi...原创 2018-12-27 22:31:25 · 627 阅读 · 0 评论 -
H5嵌入原生的webview的注意事项
1. 不要使用ES6的语法，原生不支持。例： let 的使用，在原生中就不被解析。 还要使用var原创 2018-12-13 10:02:44 · 1556 阅读 · 0 评论 -
H5移动端和PC端网页按钮点击复制输入框功能
移动端要引入一个插件地址：https://github.com/zenorocha/clipboard.js/wiki/CDN-Providers<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script><input...原创 2018-12-13 10:00:57 · 908 阅读 · 0 评论 -
JS实现点击复制功能（完美解决移动端可用）
先看一下效果图使用此方法不需要转换什么<p>标签，直接就使用<textarea>标签，就是把它的样式修改了一下，将背景和边框都改为你要的颜色就可以了上代码：//Html<div id="code"> <p class="main-yCode">你的邀请码</p> <textarea id=&q原创 2018-11-21 11:42:17 · 10999 阅读 · 8 评论 -
VUE 移动端 input 只能输入数字
<input type="number" pattern="[0-9]*" oninput="if(value.length>7) value=value.slice(0,7)"placeholder="最小面积" />pattern="[0-9]*" 是为了兼容ios的 亲测有效 下面分享一个公众号，写一些散文和影评等。 ...原创 2018-11-16 14:50:47 · 4091 阅读 · 0 评论