h5移动端
胜天一子半
Teach Yourself Programming in Ten Years。
展开
-
echart中label怎么输出空格
1、试了直接用空格,可以的,不够美观2、 不识别3、\xa0 可以用,截取部分代码formatter: (name) => { const index = data.findIndex(item => item.name === name) const item = data[index] let space = '' for(let i = 1; i<= item.space; i++){ space +原创 2020-11-05 17:32:39 · 3343 阅读 · 0 评论 -
使用antd-mobile+less+ts+flexible+px2rem 搭建基础项目,无需暴露配置
1、使用create-react-app 安装ts版本npx create-react-app demo-ts --typescript2、进入项目 打开idecd demo-tscode . // 进入vscode3、安装UI、react-app-rewired(自定义启动配置)和按需加载模块antd-mobilereact-app-rewired customiz...原创 2020-03-04 18:18:37 · 1111 阅读 · 0 评论 -
js识别二维码内容
https://github.com/peng20017/decodeErweima原创 2019-10-21 13:37:38 · 1488 阅读 · 0 评论 -
vue中使用ali-oss上传图片,并使用EXIF解决拍照后位置错乱的问题
/** * Created on 2019-8-9 */import OSS from 'ali-oss'import { getOssUploadRole } from '@/api/wallet'import { Toast, Dialog } from 'vant'import { ossUrl } from '@/config'import EXIF from 'exif-...原创 2019-10-16 18:26:22 · 374 阅读 · 0 评论 -
微信内置浏览器内置方法WeixinJSBridge
WeixinJSBridge,只有在微信浏览器中才有,现在能用的方法不多了1、图片展示 imagePreviewWeixinJSBridge.invoke("imagePreview",{ "urls":[ "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1...原创 2019-07-10 14:02:53 · 7551 阅读 · 0 评论 -
vue项目做微信js-sdk开发
1、微信js-sdk简介:做微信js-sdk开发,首先要了解微信js-sdk是干什么的,微信官方这里可以查看其实就是调取微信app原生的能力,让h5页面可以调用起来微信扫码、支付、分享等接口2、vue项目中安装wx-js-sdknpm i -S weixin-js-sdk安装过之后再main.js中全局注入import wx from 'weixin-js-sdk'V...原创 2020-04-30 17:50:10 · 1921 阅读 · 0 评论 -
rem适配(淘宝解决方案)
先贴上全部例子代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> &l...原创 2019-05-13 18:20:03 · 3043 阅读 · 0 评论 -
h5移动端使用微信picker自定义年-月-日-时选择器
日期选择器很常见,微信也原生提供的有https://weui.io/#picker,但是没有小时,所以只能使用自定义picker,git地址:https://github.com/peng20017/wx-timePicker,如果帮助到你了,别忘了给个星星哦...原创 2019-03-28 15:16:40 · 4183 阅读 · 1 评论 -
轻量级图片懒加载 echo.js
Eecho.js github:https://github.com/toddmotto/echoecho是一个独立的JavaScript(不依靠jq)、轻量级的、延迟图片加载插件,echo压缩后体积不到1k,使用html的标准data-*属性,echo支持IE8+使用echo.js非常简单,在网页需要延迟加载的img标签中,设置data-echo属于指向需要加载的图片路径,src属性指向...原创 2019-02-18 13:58:03 · 420 阅读 · 0 评论 -
h5移动端使用vconsole手机调试
做h5都会遇到电脑上没问题,一到手机上就各种bug,这时候可以使用腾讯出品的vconsole作为手机调试;git地址:https://github.com/Tencent/vConsole只需引入vconsole.js 并初始化即可:<script src="path/to/vconsole.min.js"></script><script> ...原创 2019-02-18 13:46:51 · 2703 阅读 · 0 评论 -
H5微信分享、自定义微信分享
在一个h5页面添加微信,分享给微信好友、朋友圈、腾讯微博下面来实现 。需要:1、需要一个企业版的微信公众号(认证过的)2、一台服务器企业版的微信公众号原因:在微信公众平台的接口权限内可以看到,个人版公众号是没有权限自定义微信分享的,所以需要企业版公众号并开通认证。具体步骤:步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS...原创 2018-11-07 17:30:50 · 47759 阅读 · 22 评论 -
H5 IOS input输入框唤起键盘导致页面元素位置错乱问题
方法1:vue项目// 输入框获得焦点时触发 focus() { this.timer.T = setInterval(() => { // 完美解决输入框被软键盘遮挡 this.$refs.footer.scrollIntoView(false) }, 200) }, blur() { // ...原创 2019-02-12 09:52:06 · 6591 阅读 · 0 评论 -
h5微信浏览器里退出视频全屏模式
手里有个项目,微信端,有需要视频播放。退出全屏视频:var myVideo = document.getElementById('video');myVideo.addEventListener('ended', function () { this.webkitExitFullScreen();});亲测有效,完美解决。...原创 2019-01-28 18:36:44 · 2717 阅读 · 3 评论 -
h5单手实现图片的拖动、旋转、缩放
前一段时间做了微信小程序上的单手图片的拖动、旋转、缩放,没想到有这么多人需要这个功能,有的同学问我能不能做一个h5版的?所以就有了这篇文章前提:本文不适合vue、angular、react框架、仅适用原生开发或者jquery库,因为双向数据绑定的已经在微信上说过了。原理和微信小程序大致相同,只不过不在微信的框架下,没有了双向数据绑定,一切数据的同步展示都需要自己做效果展示。首先还是定义...原创 2019-01-26 10:43:33 · 6649 阅读 · 0 评论 -
h5解决移动端上滑卡顿问题
select{-webkit-overflow-scrolling: touch;/*解决移动端滑动卡顿问题*/-webkit-transform: translateZ(0px);/*开启GPU加速*/}/*-webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成auto和touchauto: 使用普通滚动, 当手指从触摸屏上移开,...原创 2019-02-15 18:19:53 · 1771 阅读 · 0 评论 -
解决safari浏览器上滑隐藏safari工具栏和地址栏
其实这是一个浏览器自带的功能,只需要把页面结构写的好,条件:a、首先需要把dom结构撑的足够高,超过一个屏幕;b、最外层box,不能用positon:absolute; 也不能overflow:scroll 这样最外层box的高度就不够了,这样就可以实现。 ...原创 2019-02-15 18:17:39 · 13867 阅读 · 3 评论