关♥生活,关注互联网。
学习笔记
用Navigation Timing API测试前端性能
2月 11th
Navigation Timing 接口为我们提供了监控网站性能所需的数据。相比于以往基于JS的监测机制,此接口提供的数据更为准确和全面。
JS中通过 window.performance 调用数据,该特性在IE9、最新的Firefox和Chrome中都已实现(http://caniuse.com/nav-timing)
具体的介绍已经有人做了详尽总结 http://www.cnblogs.com/mrsunny/archive/2012/09/04/2670727.html
为了方便理解和测试,对图片稍稍加工为网页,把各时间节点和区间(差值)计算结果标注在旁边,有兴趣的可以访问:http://github.kainy.cn/NavigationTiming/
移动设备浏览当前页
1月 17th
这是一个用于移动设备(手机/pad)访问桌面设备(台式机/笔记本)正在浏览网页的书签栏工具。如果你还在通过电子邮件向自己发送链接,以便在另一台设备上打开,推荐你试试这个小工具。
由来
受Chrome“发送标签页到移动设备”功能的启发,有了让手机能够访问到电脑浏览器正在浏览的网页这个想法。最开始的实践是在博客文章页右边栏添加了“移动设备上浏览本页”挂件,但我这样一个门可罗雀的小博客受众实在有限;于是考虑以bookmarklet的形式,借助JavaScript这种为浏览器广泛支持的脚本语言,生成网址二维码来实现浏览网页的设备间同步,最终完成此工具。
webrtc实现的视频聊天室应用
1月 8th
在Github上逛荡,发现一个有趣的项目 webrtc.io-demo —— 对webRTC的简化应用。
百科上的介绍“webRTC实现了基于网页的视频会议,标准是WHATWG 协议,目的是通过浏览器提供简单的javascript就可以达到实时通讯(Real-Time Communications (RTC))能力…”
看样子是很有希望在未来浏览器端到端通信大展拳脚。
Web开发中的约定及模式
12月 8th
此次分享的内容是针对我们开发过程中存在的混乱和不协调,结合厝边网和雅乐项目开发中遇到的问题,介绍一些和Web开发相关的知识。
关于非技术人员学技术是否有助于沟通协调的问题,推荐一篇文章《我是产品经理我需不需要学技术?》文中将非技术人员学习技术的方法总结为:忽略技术细节,关注技术的原理、边界、和成本。我表示非常认同。
由于分享对象中有一半不是做技术的,所以代码实现部分会尽量避免,专业性比较强的内容也简单带过,重点放在开发常识和解决问题思路的介绍。希望技术人员能够有所收获,将对自己有用的部分运用到今后的开发实践中来;对于非技术人员,通过了解这些开发常识,再加上一些逻辑推理,应该能够对项目实施环节有更准确的判断,提出更合理的需求,和最优化的决策。
DRY(Don’t Repeat Yourself)
约定优于配置(convention over configuration)
Security By Default
模块化
好的代码是一笔积蓄,坏的代码则是一笔负债。这句是说给开发人员听的,各位可以在开发工作中细细体味。