Follow me on GitHub

JavaScript

Android WebView 前端开发调试

在这次的参数RSA+AES加密需求(160310版本)中,由于涉及的接口众多,测试回归时需要在微信中到相关页面进行验证,工作量巨大,所以需要一个更高效率的移动端调测方式

这篇文章要里介绍了连接和抓包,其中出现远程调试安卓Webview的截图,很多同事尝试时在列表中只能看到chrome中打开的页面,通过 这篇文章可以知道,原因是其他app可能没有开启webContentsDebuggingEnabled,chrome的安全策略限制了这些网址的展示,要突破这一限制,需要用到一款叫Xposed的APP 。

Xposed的原理是利用动态劫持,通过替换/system/bin/app_process程序控制zygote进程,使得app_process在启动过程中会加载XposedBridge.jar这个jar包,从而完成对Zygote进程及其创建的Dalvik虚拟机的劫持。

More >

通行证项目前端开发小结

就在工行网络系统瘫痪同一周,自己在17173参与的第二个项目——新版通行证上线了。

通行证改造项目涉及到比较多的表单验证。表单是用户与网站交互的主要途径, 做好这一环节体验的重要性不言自明。 拿现实生活中的场景举例, 顾客在商场购物前往往会通过与导购间的交流来确认自己是否需要该商品。 如果遇到冷淡无礼 对售前咨询不耐烦的导购, 一桩买卖可能就这么黄了。 而设计糟糕的表单就像无礼的导购—— 对用户辛辛苦苦完成的表单粗暴地返回“信息有误” 或者“请稍候再试”提示的表单容易让人产生挫败感, 无形中造成用户流失。

自己以往接触过的项目为图省事采用的都是表单提交前检测。而新版通行证项目选用jQuery.validation 插件实现实时检测。好在插件提供的接口灵活, 定制性高, 适用场景比较广, 足以应对 项目中遇到的各种场景。

印象中第一次接触实时表单验证是在09年注册Twitter 帐号时, 感觉和以往的注册体验不同, 整个注册流程像是一场对话, 自己的每一个输入都能立马得到响应, 让人知道自己是在往正确的方向完成表单。

More >

伪Shadow DOM解决样式污染问题

前段时间在微信上看到伯乐在线推送的 一行代码,浏览器变临时编辑器 文章,感觉还蛮酷的。看完原理部分后,感觉恰好可以套用前几天想到的一个解决方案。

就是前文中提到的书签栏小工具。自己在使用中发现,在一些网站中使用会出现小工具css规则被所在页的css规则覆盖,而导致二维码“破相”的问题,也有人称其为“样式污染” ,效果截图:

More >

拾贝电台开源了

拾贝电台是我在10年折腾的一个网络电台聚合应用。
回想自己初中时就爱摆弄收音机,到后来拿三用机翻录音乐之声Top排行榜里“新歌上榜”里的歌曲。那段时间常跑到书店查资料想各种办法提高翻录音质,技术成熟后就可以以很低的成本,得到比购买正版卡带更新、品质无差的音乐了。做法是不太光彩,却毫不影响那段回忆的美好。上大学以后,收音机用的少了,一次偶然的机会发现很多喜爱的电台在网上就能收听。但需要收藏各个电台网址比较麻烦,一开始做了个网页,上面以目录的形式罗列了各个电台节目源,这样想听哪个节目点链接就行。到后来在网页上集成MediaPlayer控件… 拾贝电台就是这么来的。

More >

愚人节专题项目前端开发小结

加入17173后参与的第一个项目——《愚人节超级大忽悠》。

需求文档

程序需求说明

  • 第一步:用户填写昵称,为方便后面设定独立的地址
  • 第二步:进行选择
  • 第三步:显示答案
    • 回答正确显示:你太聪明了,想忽悠你,小编还要再下点功力。敢继续吗?
    • 错误回答:答错了,获得猪头一个!
  • 第四步:一共十道题,答完以后显示如下:
    • 结果1、这么刁钻的题都答对了,你真是绝“顶”聪明!都说聪明的人容易秃头,小心为妙!
    • 结果2、你太牛X了,居然获得N个猪头,获得“超级大猪头”称号!
    • 这里要为每个玩家生成一个独立的地址。并统计这个独立地址带来多少新的玩家。(这里强调新的玩家,只是打开是没用的,要开始玩的才算新玩家。)

More >

一个闭包还是三个闭包?

2013-01-24_133245

截自:http://coolshell.cn/articles/6731.html

More >

移动设备浏览当前页