在 web 开发场景，减少代码体积虽然是性能优化的一个方向，还没到锱铢必较的程度。但是在小程序场景，由于代码包上传阶段限制了主包 2M 和总包 16M（近期微信官方正在内测将总包上限调整至 20M ）的尺寸，超过就会面临无法发版的风险，代码包体积的优化就变得特别重要了。 京喜小…

本文参考 WCAG 2.1 、WAI-ARIA 和 Web 可访问性与无障碍最佳实践，在京喜小程序首页无障碍优化开发中，总结了一些“无障碍优化”在小程序端的实践，希望以此推动无障碍在小程序更多地落地。 据中国盲协的最新数据显示，中国目前视障者有 1700 多万，随着老龄化的严重…

小程序在2017年1月上线之初，被社会极力吹捧，刻意去将其制造为一个“风口”，透支其价值。但是在之后一个月里，石破天惊迅速归为沉寂。媒体又开始过度消费小程序，大谈其鸡肋之处。 个人认为小程序的一个分水岭是在12月28日。微信升级到6.6.1版本，将小程序入口移植主界面，下拉主界…

.net混合开发的vue模板语法的单页面应用，所以不存在脚手架以及没有路由可以跳转。 需要写两个页面，在订单详情页需要点击“请输入手机号”进入手机号绑定页面，手机号绑定成功后自动跳转到订单详情页，如果该手机号已经绑定成功，则不显示“请输入手机号”（即不可点击进入下一个页面），只…

之前也做过浏览器web端的SDK数据埋点上报，其实原理大同小异：通过劫持原始方法，获取需要上报的数据，最后再执行原始方法，这样就能实现无痕埋点。 在这个立即执行函数中，我们把原生的open方法通过originOpen暂时存储起来，然后在外面包裹一层函数，实现了打印输出url的功…

另一种是用户无需登录即可随意浏览。 在无需用户登录的页面中，可能包含需要用户信息的操作，此时就需要用户登录之后方能进行后续操作。因此，需要对授权登录策略进行区分。 一般而言，我们为微信开发的H5页面，进入页面的时候就进行鉴权，要求用户登录之后才能继续浏览。但由于产品需求，这个项…

这个项目为移动端项目，主要用于接入公众号服务。项目采用两种登录方式，微信授权登录以及账号密码登录。对于移动端项目而言，为了便于项目扩展以及提供开发热更新速度，项目分为不同的模块，每个模块是一个单页面应用。页面分为两种，一种是需要用户登录之后才能浏览，另一种是用户无需登录即可浏览…

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

为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态。 这里官方文档上的流程图已经足够清晰，我…