背景多数的移动端APP都会有做任务领取奖励的功能模块，这类需求的目的是培养用户使用习惯，提升用户活跃性，用户完成任务获得积分奖励，通过积分兑换商品或者充值话费，微信体现等。拟定需求场景(如图↓)，概要：APP底部导航中新增小任务Tab，点击Tab可查看任务完成进度和领取情况，点击去完成跳转到做任务的业务界面，当用户完成任务并且满足领取条件的时候，任务Tab需要红点提醒用户当前有奖励可领取，用户领取
分类：
其他好文 时间：
2020-04-06 23:25:59
阅读次数：
108
尽量使用css3动画，开启硬件加速 适当使用touch时间代替click时间 避免使用css3渐变阴影效果 可以用transform: translateZ(0) 来开启硬件加速 不滥用float。float在渲染时计算量比较大，尽量减少使用 不滥用web字体。web字体需要下载，解析，重绘当前页面 ...
分类：
移动开发 时间：
2020-04-06 17:34:37
阅读次数：
72
一、背景介绍 API网关的流行源于最近几年移动应用与企业间接口对接的兴起，使得原来单一的PC客户端，变化到PC客户端、各种浏览器、手机移动端及智能终端等。同时系统之间大部分都不是单独运行，经常会涉及与其他系统对接、共享数据的需求。随着微服务架构概念的提出，API网关成为了微服务架构的一个标配组件。随 ...
分类：
Web程序 时间：
2020-04-06 12:03:33
阅读次数：
137
基于 vue cli3 创建一个移动端项目 安装 postcss 相关插件 由于 vue cli 已经内置了 postcss，只需要安装相关插件，就可以实现 自适应布局。 下面简单的说一下这几个插件的作用。 用来把px单位转换为vw、vh、vmin或者vmax这样的视窗单位，也是vw适配方案的核心插 ...
分类：
移动开发 时间：
2020-04-06 11:35:30
阅读次数：
131
一个方法轻松搞定，各种判断后当返回true为移动端，反之为PC端。 function isMobile(){ // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])){ return true; } // ...
分类：
移动开发 时间：
2020-04-05 22:09:24
阅读次数：
133
一般分两个场景，PC端和移动端定位。 移动端比较方便，因为GPS，北斗，可以实现高精度定位，实在不行还有基站定位，或者网络定位。 之前做Android的APP时用了百度的定位API，申请一个应用Key就好，也有通过哪种方式定位的选项，比较方便。 如果是小程序，可以采用腾讯的API，获取经纬度，再转成 ...
分类：
其他好文 时间：
2020-04-05 09:48:03
阅读次数：
85
zepto.js 源码解析 JavaScript移动端框架一 zepto zepto.js API中文文档 ...
分类：
Web程序 时间：
2020-04-04 14:53:53
阅读次数：
67
CP design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库 "English" | 简体中文 badge button icon CP Design Mobile " " 特性 基于 CP Design 移动设计规范。 规则化的视觉样式配置，适应各类产品 ...
分类：
移动开发 时间：
2020-04-04 14:29:21
阅读次数：
78
设置移动端iframe 和video 标签视频溢出自动适应播放样式设置 .box iframe { position: relative; z-index: 1; width: 100%; height: 12rem; } .box .video { position: relative; z-in ...
分类：
移动开发 时间：
2020-04-03 22:08:05
阅读次数：
222
记一次完整的系统业务代码重构(1)——why 0.为什么烂 优秀的代码优秀的出奇一致，烂代码却烂的千奇百怪。至于原因嘛，无非如下几种： 1.迭代和变更需求快，比翻书变脸还快，而且没有统一规划和为未来预留考虑。 2.公司人员流动快，代码换了一届又一届的主人，七朝元老都没站出来，三朝元老的代码都弱爆了。 ...
分类：
其他好文 时间：
2020-04-03 16:45:21
阅读次数：
81
