html5
yangxin_LZHH
这个作者很懒,什么都没留下…
展开
-
mui 锚点切换 绕开a标签
都知道,mui框架引用的a标签,对a标签的事件做了禁用,然而,我们在结合前端框架的时候,尤其是微信H5页面的时候,系统自带返回会被锚点错误引向,导致返回各种问题。聪明的做法就是,在锚点引向的时候,定义如下,然后锚点模拟为go方法。 前提:引用 feedback.js import feedback from 'static/js/feedback.js' 定义如下v...原创 2019-01-22 22:27:16 · 1115 阅读 · 0 评论 -
mui+vue 绑定动态轮播图
如标题, 直接上代码。template 直接罗列,可拆分成可视html标签 #slider2.mui-slider .mui-slider-group.mui-slider-loop .mui-slider-item.mui...原创 2019-01-23 15:32:54 · 614 阅读 · 0 评论 -
微信浏览器禁掉上下滑动(必看)
最近用mui+vue做了一个公众号系统,mui-scroll 的滚动和 微信浏览器的上下滑动滑动冲突,会引起页面卡顿,无论怎么调整阻尼系数,问题依然存在,而且,比较坑爹。网络查了好久,各种阻止依然不可用,浪费太多时间,在突然的看了一篇文章里,在浏览器阻止滚动下方,加了个passive:false居然实现了我要的效果。虽然不明白为啥,但是很开心,分享给大家。 //阻止浏览器默认滑动 ...原创 2019-01-22 22:11:36 · 6693 阅读 · 3 评论 -
调用mui插件,窗体无法滑动问题
最近做移动端开发,需要一个侧滑功能,由于偷懒,调用了mui的侧滑功能,然而引用了mui.js之后,侧滑是可以了,放在移动端的滑动事件就没了。查找再三,发下如下问题。mui里将滑动事件自己禁止了。// document.addEventListener('touchmove', function(e) { e.preventDefault(); }, false)原生配了个方法,支持区域...原创 2018-08-16 11:34:56 · 984 阅读 · 0 评论 -
Jquery轨道图插件 Subway Map 解释
I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a po...转载 2018-08-07 11:25:16 · 2746 阅读 · 0 评论 -
Webview,解决H5调用android相机拍照和录像
最近在开发过程中遇到一个问题,主要是调用第三方的实名认证,需要拍照和录像;办过支付宝大宝卡和腾讯的大王卡的都知道这玩意,办卡的时候就需要进行实名认证,人脸识别;本来第三方平台(xxx流量公司)说的是直接用WebView加载这个H5界面就完事了,我心想这么简单,那不是分分钟的事,放着后面做(公司就我一个安卓,所以开发都是我说的算^_^,独立开发有的时候还是挺爽);结果到项目快要上线的时候...转载 2018-07-23 22:28:59 · 8953 阅读 · 0 评论 -
H5移动端调用手机摄像头
capture表示,可以捕获到系统默认的设备,比如:camera照相机;camcorder摄像机;microphone录音。accept表示,直接打开系统文件目录。 <label>照相机</label> <input type="file" id='image' accept="image/*" capture='camera'> &...转载 2018-07-23 22:23:20 · 8847 阅读 · 3 评论 -
css3 两行溢出
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;原创 2018-04-24 10:20:12 · 2602 阅读 · 0 评论 -
前端弹出框(js/css/html)
//html LYNC大图片原创 2017-12-04 16:41:15 · 775 阅读 · 0 评论 -
mui 支付微信、支付宝
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> mui.init(); mui.plusReady(function() { //改写返回键 并刷新消息界面显示的消息(读过的变为已读) d转载 2017-11-29 10:58:42 · 2765 阅读 · 0 评论 -
uploadify 前端使用
var jcrop_api = null;var ue = null;var savePath = '/Uploads/ShimaoNews/';var OldPictureUrl = "";//原图路径var CheckTitleTab = 0;//新闻标题是否重复判别字段//图片宽高、临时数据记录图片宽高、图片、左边距、上边距$(function () {原创 2017-11-29 10:55:41 · 460 阅读 · 0 评论 -
企鹅,纯HTML+CSS
.test{border: 20px solid;border-top-color:#ff0000;border-right-color:#00ff00;border-bottom-color:#0000ff;border-left-color:#FFFF00;width:100px;height: 100px;background: #272822;}.h原创 2017-11-29 10:48:58 · 255 阅读 · 0 评论