笔记

来自:微信小程序联盟如果大家使用小程序的同时还在使用公众号的话,可能会用到unionId这种功能,由于公司业务需要,我们需要使用unionId,具体使用方法,请参考微信开放平台的说明,但是在微信小程序的文档中只给出了部分语言实现的源码,竟然没有java的,小程序的开发人员是有多么懒。难道大家都不用java写后台??? ...

czfangdown

czfangdown|webapp和原生app的简单交互

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

做H5活动页,需要获取原生APP的一些信息,比如账户登录,及其他相关信息思路:通过js方法来于原生后台进行交互具体是怎么样的交互呢我是做web前端部分,手机端部分是另一个同事做的,手机端怎么实现的,不予讲述web前端1,发起js请求,请求方式:URL,具体实现例如:window.location.href='/xxx/xxxxx/'+JSON.strin ...

大大大大糖糖

大大大大糖糖|手机端字体标准

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

font-family:Helvetica,"MicrosoftYahei","HeitiSC","DroidSans","Droidsansfallback",SimSun,sans-serif; ...

作者:如意来自:授权地址转自:微信小程序联盟​小程序是长在微信上的,是移动端的界面,为了能够更方便的使用,我们常常希望使用九宫格界面的方式作为导航,那要如何实现呢?基于一个简单的思考,九宫格就是三行三列,如果把行作为一个单位,再将每一行分成三列,那是不是就可以了?我们实践一下。首先来考虑九 ...

royneedyou

royneedyou|微信web开发,你真的了解吗?

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

先来个抛砖引玉,下面是美团外卖的一个营销活动页面,朋友圈里这样的页面比比皆是。这样的页面有几个特点:1.分享源可能是外部应用,也可能是微信浏览器本身。2.可以识别当前用户的身份,比如,上例中美团外卖可以知道当前用户是否已经领取过红包(既是你清除缓存也知道)3.再次分享后,其他微信用户浏览时,页面内 ...

微信web开发,你真的了解吗?
mnblue

mnblue|移动端之多指操作

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

1.gesturestart事件(元素)当手指触摸元素,当前屏幕上有两根或者两根以上的手指执行2.gesturechange事件当我们触发了gesturestart时,手指位置发生变化时执行e.scale;缩放比:change时两根手指之间距离和start时两根手指之间的距离比值e.rotation旋转差:change时两根手指形成的直线和start时两根手指形成 ...

mnblue

mnblue|移动端之陀螺仪(重力感应)

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

1、html5重力感应事件之deviceMotion1、事件deviceMotion检测手机晃动(window对象下)2、accelerationIncludingGravity加速度对象html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable= ...

作者:Z帅来袭来自:授权地址转自:微信小程序联盟​一、数据:city的jsonarray,letter的array(city的jsonarray里的首字母是我手工放置进去的,你也可以通过for循环获得city_en的第一个字符来自动添加,但是为了赢得了性能我舍弃了灵活性)二、布局左边是scollview,右边是sidebar,这个布局要是布不 ...

两行代码实现微信小程序联系人sidebar
13611606223

13611606223|阻止移动端页面滚动

发布于 2017-01-14 17:32:45 浏览:329 类型:原创 - 随笔 分类:手机移动 举报

方法一:javascript代码效果预览$(document).on('touchmove',function(e){e.preventDefault();})方法二:css代码效果预览position:fixed;top:0;left:0; ...

mnblue

mnblue|移动端实例之无缝轮播图

发布于 2017-01-12 18:39:09 浏览:314 类型:原创 - 随笔 分类:手机移动 举报

html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,user-scalable=no"><title>Document</title><scripttype="text/javascript">//获取htmlvarhtml=document.documentElement;//设置html的字体大小=可视区的宽度/1 ...

lauhee

lauhee|一张图让你秒懂移动端页面重构布局(Layout)

发布于 2017-01-12 17:45:30 浏览:2175 类型:原创 - 随笔 分类:手机移动 举报

最近,结合自己的工作和平时看到的,总结了移动端页面重构布局的一些方法和心得,如下图:制图工具大家应该都知道吧,叫XMind(思维导图),不知道的百度一下就知道了。 ...

一张图让你秒懂移动端页面重构布局(Layout)
彭玉婷

彭玉婷|移动端基础事件总结与应用

发布于 2017-01-12 15:08:03 浏览:1512 类型:原创 - 随笔 分类:手机移动 举报

触摸事件touch,设备加速度事件devicemotion,设备方向事件deviceorientation,手势事件gesture四个部分的总结和应用,以下demo需要用实体机测试。1.触摸事件touchtouchstart手指放在屏幕上触发touchmove手指在屏幕上移动,连续触发 ...

移动端基础事件总结与应用
mnblue

mnblue|移动端之事件

发布于 2017-01-12 13:19:22 浏览:155 类型:原创 - 随笔 分类:手机移动 举报

1、移动端事件移动端的三大事件:手指按下:ontouchstart ...

Marlboro90

Marlboro90|【推荐收藏】微信小程序应用商店集搜罗

发布于 2017-01-12 10:59:26 浏览:155 类型:原创 - 随笔 分类:手机移动 举报

1月9日,微信小程序上线了。张小龙第一时间发出一条朋友圈——2007.1.9,并配上iPhone发布会的图片。那是一个时代开始的象征。与之相呼应,10年后的同一天,小程序上线,其寓意无疑也是“将开启一个新的时代”。这时,有人欢欣鼓舞,吵着“要把手机里的App全部卸载”;有人寻找机遇,各路“神仙”摩拳擦掌,想着能从小程 ...

【推荐收藏】微信小程序应用商店集搜罗
mnblue

mnblue|移动端之响应式

发布于 2017-01-12 10:55:35 浏览:206 类型:原创 - 随笔 分类:手机移动 举报

1.mediamin-width:当屏幕大小大于等于某个值的时候识别&nbs ...

Rika_jia

Rika_jia|第一个微信小程序

发布于 2017-01-12 01:53:40 浏览:384 类型:原创 - 随笔 分类:手机移动 举报

当知道微信小程序发布后,心里还是很激动的,自己做了个TODOS的小程序,鸡冻ing。。。demo地址:WeChat_TODOS ...

当我们聊起超级APP,你多半第一时间想到的就是「微信」。而就在今年,2017年1月9日,这个超级APP正式发布了「小程序」。我想这是一个重要的时间节点,重要到已不仅仅是「微信」的一次大事记,往深层次看,和当年「微信」2011年1月21日上线本质上并无不同,今天更像是承载Pony和Allen同一个梦想的出发日,这个梦想如今有很 ...

lauhee

lauhee|初识weex(一)

发布于 2017-01-11 17:18:40 浏览:139 类型:原创 - 随笔 分类:手机移动 举报

1.Weex基本信息官方支持iOS、Android、HTML5.WriteOnce,RunEverywhere。一次编写可生成三平台代码。DSL模板学习超简单,直接写HTML、CSS、JS。这意味着可以直接用现有编辑器和IDE的代码补全、提示、检查等功能。轻量级、可扩展、高性能。集成花样多,可在HTML5页面嵌入,也可嵌在原生UI中。2.Weex的由来We ...

mnblue

mnblue|弹性盒模型

发布于 2017-01-11 16:12:50 浏览:154 类型:原创 - 随笔 分类:手机移动 举报

1.弹性盒模型(新版)使用时父级元素需添加display:flex;(老版)使用时父级元素需添加display:-webkit-box;2.关于主轴主轴是影响弹性盒模型元素排列的方向(默认是水平方向,从左往右)侧轴是与主轴垂直的方向(默认是垂直方向,从上到下)html代码效果预览/*新版弹性盒模型*//*display:flex;*//*设置 ...

mnblue

mnblue|移动端基础之适配

发布于 2017-01-10 17:17:38 浏览:259 类型:原创 - 随笔 分类:手机移动 举报

1.百分比适配弊端:height无法设置2.viewport适配原理:就是用js把所有设备的viewport设置成一样的html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><scripttype="text/javascript ...