关♥生活,关注互联网。
学习笔记
全民Git
11月 16th
标题由来是轰动一时的微信游戏“全民打飞机”。
对Git的第一印象就是各种命令行(对比 git help -a 和 svn help的命令清单可知),这篇文章的目的就是希望能借助图形化的工具TortoiseGit和Gitlab,不需要太多了解实现的细节和原理就能够完成基本操作,满足日常开发的需要。就像全民飞机大战把游戏引入原先单纯的社交工具微信,为公司探索出新的盈利模式那样。
360随身wifi在前端开发中的应用
9月 19th
移动开发中时常需要在移动设备中预览页面,原先的做法是拿root或越狱过的移动设备连接内网(SSID为17173.com的热点),通过修改host来访问页面。刷机改host本来就够麻烦的,对于刚出的系统(特别iPhone4s之后的iOS)还要等越狱的方法出来后才能实现。另外,即使完成上述步骤, 由于wifi分配的ip和工作机ip不在一个网段,仍无法访问本机开发环境。
推荐的做法是使用360随身wifi(花名“歪蛋蛋”),将工作机网络共享给移动设备,这就解决了跨网段无法访问工作机服务环境的问题;
使用Android模拟器进行前端开发与前端调优
8月 7th
上一篇介绍了模拟器在移动版页面兼容性测试中的应用。 更进一步地, 我们常常希望能在开发过程中实时预览提高开发效率 或者在网页遇到性能瓶颈时利用强大的开发者工具寻找优化方案。
Android 提供了remote debugging 功能, 可通过Chrome for Android启用USB网页调试来实现以上预想。 常规的做法是 实体设备通过USB连接PC, 成本较高。 延续上一篇的思路, 我们可以用模拟器虚拟出Android 系统环境, 然后安装Chrome for Android 进行调试, 这就是本文所介绍方法的实现原理。
偶然了解到的信息更激起了郭郭了解虚拟化技术与Web开发结合点的兴趣, 也明确了研究目的:利用虚拟化技术, 使用软件模拟出真机环境取代硬件设备。 在不影响调试效果的前提下, 降低开发时间和资金成本。当然,如果是想通过拉更多的人力、服务器、设备资源来彰显公司上层对自己部门/项目的重视程度就不是以下内容要讨论的范围了。
恰好利用这两天年假空闲,在家深入了一下ADT。
使用Android模拟器进行移动版网页的兼容性测试
7月 29th
目前跟进的新版开放平台和论坛项目中都涉及移动版页面的开发, 测试那边都使用实体机来测试页面兼容性。 除了一堆设备外还需要可连接公司内网的wifi帐号, 比较麻烦。而跨终端预览工具Focus 虽然支持UA改写可模拟不同分辨率, 但渲染仍是使用PC端浏览器, 如果要测试UC等第三方浏览器下网页展示效果就无能为力了, 而这些浏览器的份额又不容忽视。 所以考虑使用模拟器进行网页兼容性测试, 提高效率。
Android官网提供的开发者工具包( adt-bundle) 已经很好的集成了所需工具, 基本不需要什么额外的设置, 以下是操作步骤:
安装Java SDK 和 ADT(Android Developer Tools)之后。
通行证项目前端开发小结
6月 24th
就在工行网络系统瘫痪同一周,自己在17173参与的第二个项目——新版通行证上线了。
通行证改造项目涉及到比较多的表单验证。表单是用户与网站交互的主要途径, 做好这一环节体验的重要性不言自明。 拿现实生活中的场景举例, 顾客在商场购物前往往会通过与导购间的交流来确认自己是否需要该商品。 如果遇到冷淡无礼 对售前咨询不耐烦的导购, 一桩买卖可能就这么黄了。 而设计糟糕的表单就像无礼的导购—— 对用户辛辛苦苦完成的表单粗暴地返回“信息有误” 或者“请稍候再试”提示的表单容易让人产生挫败感, 无形中造成用户流失。
自己以往接触过的项目为图省事采用的都是表单提交前检测。而新版通行证项目选用jQuery.validation 插件实现实时检测。好在插件提供的接口灵活, 定制性高, 适用场景比较广, 足以应对 项目中遇到的各种场景。
印象中第一次接触实时表单验证是在09年注册Twitter 帐号时, 感觉和以往的注册体验不同, 整个注册流程像是一场对话, 自己的每一个输入都能立马得到响应, 让人知道自己是在往正确的方向完成表单。