笔记

1.点击的穿透问题做过移动端可能都遇到这个问题,网上也有很多解决方案,但是大多数对于性能或是用户体验不是特别完美,下面我来简单说一说吧.1.不要混用touch和click既然touch之后300ms会触发click,只用touch或者只用click就自然不会存在问题了2.吃掉(或者说是消费掉)touch之后的click ...

郭依凡

郭依凡|移动的端Mui框架picker选择器修改方式

发布于 4 天前 浏览:108 类型:原创 - 随笔 分类:手机移动 举报

在做移动端前端开发的时候会用到mui框架。mui框架中picker选择器是一个十分强大的组件,很实用修改picker的方法:1、通过newmui.PopPicker()初始化popPicker组件varpicker=newmui.PopPicker();2、给picker对象添加数据,setDate()支持数据格式为:数组&n ...

jQueryHTML5手机端手指滑动上拉加载代码是一款通过jquery实现tab切换和上拉加载更多的效果,适用于手机端页面开发。该插件效果是基于tab切换和上拉的,如果只想一个页面具有上拉加载的效果,可以对其进行修改。这是将代码进行了封装,其他可参考:js实现无限加载分页(适合移动端)页面代码:html代码效果预览<!DOC ...

青墨11

青墨11|react native环境配置的坑!注意注意

发布于 5 天前 浏览:80 类型:原创 - 随笔 分类:手机移动 举报

使用reactnative开发app首先要配置android环境安卓环境第一步安装androidsdk,当然这个过程不好装,可以下载androidstudio来装装好之后就是配置环境环境相信大家都会配置接下来就是重点首先安装的sdk必须是23版本的,如果有其他高于这个版本的,必须卸载高版本,不然会一直提示android-23notundefined安装好23 ...

皮皮虾我们走

皮皮虾我们走|h5怎么压缩视频

发布于 5 天前 浏览:109 类型:原创 - 随笔 分类:手机移动 举报

最近公司在做一个微信公众号有一功能是上传视频给对方现在手机的像素太高拍几秒的视频就几兆内存用流量上传要花费十几兆的流量用户体验效果不好有什么办法解决视频内存用canvas网上说缺点太多希望大神指点一下 ...

皮皮虾我们走

皮皮虾我们走|svg格式图标

发布于 5 天前 浏览:97 类型:原创 - 随笔 分类:手机移动 举报

想问一下大家,我要做效果图图标用的png格式,然后我标注尺寸、颜色给前端svg图标,那样虽然图标不会失真,但是设计那会比以前要麻烦 ...

sunny红

sunny红|html5移动端上传多个本地图片

发布于 6 天前 浏览:447 类型:原创 - 译文 分类:手机移动 举报

http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlFlex布局教程:实例篇html代码效果预览<!DOCTYPEhtml><html><head><title>html5移动端上传本地图片</title><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><styletype= ...

So_so

So_so|移动端适配屏幕

发布于 7 天前 浏览:332 类型:原创 - 随笔 分类:手机移动 举报

写移动端的时候,我们可能会在不同的屏幕上出现不同的误差结构写的好几乎用不到5s66s6p但是ipad和pro是一定会用到的@media(device-height:568px)and(-webkit-min-device-pixel-ratio:2){}@media(min-device-width:375px)and(max-device-width:667px)and(-w ...

So_so

So_so|点击激活 不可同时激活

发布于 7 天前 浏览:126 类型:原创 - 随笔 分类:手机移动 举报

问题不是很难就够刚开始有问题现在已修改很简单的效果:10%,20%,30%三种优惠券,但是同时只能用一个,激活10%的时候,其他两个都不可点击,只有在10%失效的时候才放开其余两个的状态,我们将三个状态写在一个li里面,这样三个状态都是兄弟的关系。结构: ...

蓝蓝蓝、胖子

蓝蓝蓝、胖子|html5移动端上传本地图片

发布于 7 天前 浏览:157 类型:原创 - 随笔 分类:手机移动 举报

html5实现移动端上传图片html代码效果预览<inputtype="file"id="file_input"multiple/><divid="test"></div>javascript代码效果预览window.onload=function(){varinput=document.getElementById("file_input");varresult,div;if(typeofFileReader==='undefined'){res ...

彭玉婷

彭玉婷|带logo的加载页分享

发布于 2017-02-20 10:05:49 浏览:2053 类型:原创 - 随笔 分类:手机移动 举报

做H5一个好的加载页必不可少,分享三个自己为公司做的带logo标志的加载页效果,比起普通的加载动画,更能宣传公司的品牌。一般用1,2个效果比较多,会根据H5主题不同做些微调,第3个用的网上的插件,鉴于有些安卓机对canvas渲染效果不好,不怎么用。页面中的logo一开始用的图片,后来改成用CSS3绘制,但是CSS3绘制的logo ...

Lookforto

Lookforto|微信小程序笔记

发布于 2017-02-19 16:31:25 浏览:206 类型:原创 - 随笔 分类:手机移动 举报

知识储备什么是CMSCMS学名:内容管理系统。用途:建设网站,即使不懂代码也可以建设出很强大的网站。怎么安装:下载安装包后,配置环境,根据教程安装。程序分几种语言,现在比较多见的就是PHP和.net。具体环境具体配置。在哪里下载:找到一款合适的CMS系统后,去他们官网下载。我这里给你推荐SiteServerCMS, ...

So_so

So_so|移动端点击时的阴影

发布于 2017-02-15 20:21:56 浏览:345 类型:原创 - 随笔 分类:手机移动 举报

在标签后面加入这个属性即可-webkit-tap-highlight-color:rgba(0,0,0,0); ...

移动端点击时的阴影
皮皮虾

皮皮虾|一个table在pc和手机端的两种表现形式

发布于 2017-02-15 17:33:55 浏览:325 类型:原创 - 随笔 分类:手机移动 举报

工作中遇到一个难题,要求table在pc和手机端下都能全部显示出来,当时没有做过,在网上查找很久才找到解决的方法。在手机端还是很实用的,希望大家能少走弯路。效果预览,请在点击全屏预览html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css"> ...

一个table在pc和手机端的两种表现形式
俊辉

俊辉|ionic物理按键返回/退出APP

发布于 2017-02-15 16:21:32 浏览:152 类型:原创 - 随笔 分类:手机移动 举报

生成的ionic的导航页面会有tab.***的路由地址,当用户在导航栏再点击物理按键返回时已经到达历史记录的顶端,此时做提示,用户是否退出appjavascript代码//主页面显示退出提示框$ionicPlatform.registerBackButtonAction(function(e){try{e.preventDefault();}catch(e){aler ...

啊噢

啊噢|解决页面使用overflow: scroll在iOS上滑动卡顿的问题

发布于 2017-02-15 15:34:20 浏览:173 类型:转载 - 随笔 分类:手机移动 举报

本来是做好的微信公众号的页面,用OVERFLOW:SCROLL,本应是没有问题的,再Android上面下滑的话是连续的有惯性的,但是在IOS上面就下滑卡顿,没有惯性解决方法:html代码效果预览.类名{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}类名就是默认overflow:auto的类就OK拉转载自http://www.c ...

白丁丶一枚

白丁丶一枚|微信小程序

发布于 2017-02-14 17:50:09 浏览:295 类型:原创 - 随笔 分类:手机移动 举报

第一个微信小程序页面微信小程序@font-face里添加url地址没用,所以URL地址替换掉base64编吗实现。1.先外部字体准备好。比:(UKIJTzTr.ttf维吾尔语UKIJ字体)2.http://transfonter.org/网站里上传字体,选择base64编吗,fotmat后下载。3.下载包里有个style文件打开 ...

该方案使用相当简单,把这段原生JS放到HTML的head标签中即可(注:不要手动设置viewport,该方案自动帮你设置)<script>!function(e){functiont(a){if(i[a])returni[a].exports;varn=i[a]={exports:{},id:a,loaded:!1};returne[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}vari={};returnt.m=e,t ...

易露清

易露清|微信点击关闭 跳到最初位置

发布于 2017-02-14 15:22:03 浏览:214 类型:原创 - 随笔 分类:手机移动 举报

<scriptsrc="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"type="text/javascript"></script><scripttype="text/javascript">wx.config({debug:false,appId:'{pigcms:$signPackage.appId}',timestamp:{pigcms:$signPackage.timestamp},nonceStr:'{pigcms:$signPackage.nonceStr}',signature:'{pigcms:$si ...

易露清

易露清|微信分享朋友 或朋友圈

发布于 2017-02-14 15:17:33 浏览:262 类型:原创 - 随笔 分类:手机移动 举报

<scriptsrc="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"type="text/javascript"></script><script>wx.config({debug:false,appId:'{pigcms:$signPackage.appId}',timestamp:{pigcms:$signPackage.timestamp},nonceStr:'{pigcms:$signPackage.n ...