关♥生活，关注互联网。
建站❤编程
360随身wifi在前端开发中的应用
9月 19th
移动开发中时常需要在移动设备中预览页面，原先的做法是拿root或越狱过的移动设备连接内网（SSID为17173.com的热点），通过修改host来访问页面。刷机改host本来就够麻烦的，对于刚出的系统（特别iPhone4s之后的iOS）还要等越狱的方法出来后才能实现。另外，即使完成上述步骤， 由于wifi分配的ip和工作机ip不在一个网段，仍无法访问本机开发环境。
推荐的做法是使用360随身wifi（花名“歪蛋蛋”），将工作机网络共享给移动设备，这就解决了跨网段无法访问工作机服务环境的问题；
通行证项目前端开发小结
6月 24th
就在工行网络系统瘫痪同一周，自己在17173参与的第二个项目——新版通行证上线了。
通行证改造项目涉及到比较多的表单验证。表单是用户与网站交互的主要途径， 做好这一环节体验的重要性不言自明。 拿现实生活中的场景举例， 顾客在商场购物前往往会通过与导购间的交流来确认自己是否需要该商品。 如果遇到冷淡无礼 对售前咨询不耐烦的导购， 一桩买卖可能就这么黄了。 而设计糟糕的表单就像无礼的导购—— 对用户辛辛苦苦完成的表单粗暴地返回“信息有误” 或者“请稍候再试”提示的表单容易让人产生挫败感， 无形中造成用户流失。
自己以往接触过的项目为图省事采用的都是表单提交前检测。而新版通行证项目选用jQuery.validation 插件实现实时检测。好在插件提供的接口灵活， 定制性高， 适用场景比较广， 足以应对 项目中遇到的各种场景。
印象中第一次接触实时表单验证是在09年注册Twitter 帐号时， 感觉和以往的注册体验不同， 整个注册流程像是一场对话， 自己的每一个输入都能立马得到响应， 让人知道自己是在往正确的方向完成表单。
伪Shadow DOM解决样式污染问题
4月 18th
前段时间在微信上看到伯乐在线推送的 一行代码，浏览器变临时编辑器 文章，感觉还蛮酷的。看完原理部分后，感觉恰好可以套用前几天想到的一个解决方案。
就是前文中提到的书签栏小工具。自己在使用中发现，在一些网站中使用会出现小工具css规则被所在页的css规则覆盖，而导致二维码“破相”的问题，也有人称其为“样式污染” ，效果截图：
拾贝电台开源了
4月 1st
愚人节专题项目前端开发小结
4月 1st
加入17173后参与的第一个项目——《愚人节超级大忽悠》。
需求文档
程序需求说明
- 第一步：用户填写昵称，为方便后面设定独立的地址
- 第二步：进行选择
- 第三步：显示答案
- 回答正确显示：你太聪明了，想忽悠你，小编还要再下点功力。敢继续吗？
- 错误回答：答错了，获得猪头一个！
- 第四步：一共十道题，答完以后显示如下：
- 结果1、这么刁钻的题都答对了，你真是绝“顶”聪明！都说聪明的人容易秃头，小心为妙！
- 结果2、你太牛X了，居然获得N个猪头，获得“超级大猪头”称号！
- 这里要为每个玩家生成一个独立的地址。并统计这个独立地址带来多少新的玩家。（这里强调新的玩家，只是打开是没用的，要开始玩的才算新玩家。）
