前言 本文参考 WCAG 2.1 、WAI-ARIA 和 Web 可访问性与无障碍最佳实践,在京喜小程序首页无障碍优化开发中,总结了一些“无障碍优化”在小程序端的实践,希望以此推动无障碍在小程序更多地落地。 无障碍 无障碍是什么? 在了解无障碍之前,我们先来了解一些数据: 据中国盲 ...
背景 体验评分 Audits 是微信开发者工具内置的一项功能,会在小程序运行过程中实时检查,分析出一些可能导致体验不好的地方,并且定位出哪里有问题,以及给出一些优化建议。 京喜小程序作为京东战略级业务,拥有千万级别的流量入口,经过长时间的业务迭代,代码逻辑已经十分复杂臃肿,有迫切的性能优化需求。因此,结合体验评分功能,以京喜首页做试点,我们进行了一次体验评分的优化实践。目的是探索小程序体验评分的指 ...
2020-08-26 10:13 0 444 推荐指数:
前言 本文参考 WCAG 2.1 、WAI-ARIA 和 Web 可访问性与无障碍最佳实践,在京喜小程序首页无障碍优化开发中,总结了一些“无障碍优化”在小程序端的实践,希望以此推动无障碍在小程序更多地落地。 无障碍 无障碍是什么? 在了解无障碍之前,我们先来了解一些数据: 据中国盲 ...
作者:阿翔 如果你已经阅读过 《京喜前端自动化测试之路(一)》,可跳过前言部分阅读。 前言 京喜(原京东拼购)项目,作为京东战略级业务,拥有千万级别的流量入口。为了保障线上业务的稳定运行,每月例行开展前端容灾演习,主要包含小程序及 H5 版本,要求各页面各模块在异常情况下进行适当的降级 ...
京喜电商平台的商家入驻到京喜,在审核期间,很多商家会反应,审核不通过,资料都齐全了,审核不通过,其实还是有原因的,简单收集一些关于京喜商家审核不通过的原因,主要原因之一是入驻京喜拼购店资料不齐全,不然就是商家已经开了京喜拼购店,再开新店却因不符要求或重复被驳回,京喜拼购店勾选类目信息有误,京喜拼购 ...
小程序授权登录的体验优化 大多数小程序的登录,都是这样设计 ...
概述 我们将以一个实战项目为主要内容,穿插讲解小程序的各种概念。因为没有UI和后端,所以,我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序 详细 代码下载:http ...
代码可直接套用,需要更改图片地址 ...
1.首先wxml 2..js 3.wxss ...
首先给大家看看做好的效果图: 一、接下来我们说一下评分这个功能: 实际上就是一个简单的js,首先我们遍历出小星星,此时默认给的五星好评,在给他们一个点击事件,当点击时,我们获取到当前点击的是第几颗;代码如下: var index ...