使用 NodeJS 进行微信公共号开发，我们经常需要获取当前微信用户的用户信息，本文就使用 Express + mongoose 结合 Token 实现微信网页授权获取用户信息。

最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…

返回一个字符串,表示浏览器所在的系统平台类型. open 是用指定的名称将指定的资源加载到浏览器上下文（窗口 window ，内嵌框架 iframe 或者标签 tab ）。如果没有指定名称，则一个新的窗口会被打开并且指定的资源会被加载进这个窗口的浏览器上下文中。 close 该…

通过 universal link、URL Scheme、a 标签、iframe 几种方式找出最适合这个浏览器的唤起方式。 如果下载了 App，就会走打开逻辑，如果没有下载则走下载逻辑。 我们可以来体验一下，左边的是通用链接 universal link方式，右边是 URL S…

层叠拼图Plus微信小游戏采用js+canvas实现，没有使用任何游戏引擎，对于初学者来说，也比较容易入门。接下来，我将通过以下几个点循序渐进的讲解层叠拼图Plus微信小游戏的实现。 可以看到，我们先通过 wx.getSystemInfoSync().pixelRatio 获取…

相信使用过<video>标签的都知道，<video>标签在pc端跟手机端显示的样式并不一样，而且还有个很蛋疼的就是微信中内置的浏览器，播放的时候会自动全屏问题。 接下来我们通过例子来分析下使用过程中可能碰到的一些问题，供大家参考。 这是代码，只加了controls="contr…

在移动端H5开发中，我们常会调用一些(Android/iOS)端上的功能，这些功能有的是用H5无法实现的，有的纯粹是懒得再用H5开发一遍。JSBridge的目标即是在H5中以某种方式唤起这些端上的方法。 在解释这段代码之前，我们先来了解一些背景知识。 在Android中，有个名…

需求：在微信里打开一个H5页面，然后点击按钮全屏播放视频，等视频播放完成后，在视频上显示一个跳转按钮，点击按钮跳转到其他的页面。 4、新版IOS设备微信，如果跳转页面后，页面顶部会出现前进/后退的状态栏，返回上层页面后，之前的跳转按钮就会被状态栏遮住，策划不能接受。 （2）进入…

最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析：通常…