分类
中篇 前端 技术 未分类 移动互联网

Treebo基于React/Preact的PWA性能调优案例分析[译文]

Treebo是在印度名列前茅的连锁经济酒店,在200亿美元规模的旅游产业中占据了重要位置。他们最近发布了全新的、先后基于React和Preact构建的PWA(Progressive Web App,渐进式网页应用),为其客户提供移动端体验。

相比他们的上一代移动端网站,新PWA的白屏(First Paint)时间缩短了70%,可交互时间(Time-to-Interactive)缩短了31%,3G网络下加载时间短于4秒。在WebPageTest中模拟印度3G网络测试(译者按:在本文“由React切换至Preact”章节末尾介绍了测试详情),页面5秒内即可交互。

单从React更换为Preact这一项就为可交互时间贡献了15%的提升。你可以访问Treebo.com体验这一PWA,本文将着重介绍其技术演进的过程。

分类
PPT 原创作品 技术 移动互联网

移动端App架构:结合O2O,谈我眼中的App业务和技术架构

移动端App架构目录

分类
移动互联网

手机触屏打字太慢?上PC键盘吧

智能手机的键盘普遍是虚拟键盘,在日常使用中够用,也很方便。但在开发测试中,我们常常要输入各种文本符号或者网址,虚拟键盘的输入效率往往跟不上。在开发测试中,往往手边就开着PC,能不能用PC键盘代替虚拟键盘,直接从PC端输入文本到手机上?

没问题!一款名叫WIFI Keyboard的Android App可以满足这一需求。

1、下载WIFI Keyboard,Google Play https://play.google.com/store/apps/details?id=com.volosyukivan 或这里:[wpdm_package id=’586′]

2、安装WIFI Keyboard到你的手机上,启动app。

WIFIKeyboard_screenshot_01

 

3、确保PC在同一子网(局域网)中,用浏览器访问app提供的任何一个7777端口的网址(如上图)。如果公司网络路由环境较复杂或有防火墙等问题,则需要用USB线连接手机,确保PC上的ADB(DEBUG)可用,命令行中输入“adb forward tcp:7777 tcp:7777”,成功后用浏览器访问“http://localhost:7777/”。即出现如下页面。

WIFIKeyboard_screenshot_02

 

4、在手机上聚焦到文本输入框,比如下图的短信输入框,选择WiFiKeyboard输入法(如果该输入法尚未出现需要去输入法设置中勾选上)。

WIFIKeyboard_screenshot_03

5、在PC浏览器网页中的“Android输入”框中输入文本,手机文本框则同步出现内容。支持中文。大功告成!

WIFIKeyboard_screenshot_04

与此App原理相同的,还有Remote Keyboard。这款app并未采用网页方式,而是在PC端使用Telnet连接2323端口,可谓高大上。

以上两款app都是开源软件,担心隐私的用户可以检查其源代码。

Android有方案了,iOS呢?目前看来尚无免费方案,只有两款付费app可用,而且只支持MAC电脑:

iKeyboard ($9.99) 和 Type2Phone ($4.99)

参考http://apple.stackexchange.com/questions/4437/can-i-use-a-pc-mac-keyboard-as-a-bluetooth-keyboard-for-iphone