Flash持续集成自动化单元测试
发布日期：2012年2月06日
本文关注于宏观上的CI和单元测试技术，某些技术上的具体细节会略过，更多细节请参考最后部分的“参考资料”及文中的链接。
作者：杜明坦
本文包括：持续集成、单元测试、Mock技术、Case选取策略和示例等五部分
持续集成(CI)
CI是一种实践，旨在缓和和稳固软件的构建过程，能够应对如下挑战：
- 软件构建自动化
- 持续自动的构建检查
- 持续自动的构建测试（本篇文章的重点所在）
- 构建生成后续过程的自动化
详情见：
http://www.javaworld.com/javaworld/jw-12-2008/jw-12-hudson-ci.html
虚拟机与JavaScript引擎的实现与优化
发布日期：2011年12月22日
类别：JavaScript | 评论(9)分享一个内部技术交流的ppt，介绍了虚拟机中的实现方法和现代JavaScript引擎中的优化技巧，对JavaScript实现感兴趣的同学可以参考。
作者水平有限，不能保证内容完全准确，有不正确的地方请大家帮忙指出 
初识前端模板
发布日期：2011年7月11日
类别：JavaScript, 前端技术 | 评论(5)总述
“模板”这个词，可能很多人第一印象是后端的技术（Smarty，Velocity等），但本文要讲的却不是后端的概念，而是前端开发中所使用到的一种技术，也就是“前端模板”技术。
模板的工作原理可以简单地分成两个步骤：模板解析（翻译）和数据渲染。这两个步骤可分别部署在前端或后端来执行。如果都放在后端执行，则是像Smarty这样的后端模板，而如果都放在前端来执行，则是我们要探讨的前端模板。
问题
随着前端交互的复杂性不变提升，无刷新页面数据传输与渲染越发地频繁化，我们发现传统的前端开发方式在ajax数据渲染等方面存在着一个主要问题：繁琐的数据渲染。当前端从后台通过ajax等方式或许到数据后，如果要将这个数据渲染到指定的dom元素中，则需要进行各种字符串拼接工作或者一系列创建元素的工作，还不论细节的问题（单引号双引号问题等），不管是哪一种形式，都是繁琐且费时的。同时，在可读性与维护性上也存在问题。试想，各种循环操作的字符串拼接，元素创建插入，在需要修改时，都需要重新花费不少时间与精力。那有什么方法可以解决这个问题呢?
原理
当我们在JSP中写<ul><li><%= name %></li></ul>的时候，其实就是在应用模板，在后台这句话会被转换成out.print(“<ul><li>”+name+”</li></ul>”)。模板的数据渲染就是把模板中的占位符（这里是”name”），替换成传入的值（比如替换成”yaya”）。而在前端开发中，这种方式依然具有很高实用价值。前端模板的核心是前端模板引擎，引擎将前端的模板语言转换成浏览器可以解析的html语言。当转换成功后，便可以很方便地将这段html代码放到我们希望的地方去。
比如我们可以写一段循环的li标签的前端模板语言。通过前端模板引擎转换后成本一连串得li标签的html语言。这时候就可以直接采用innerHTML方法把html代码插入到ul对象中，那么就完成了生成ul列表的功能。
前端开发中的MCRV模式
发布日期：2011年7月08日
类别：HTML/CSS, JavaScript | 评论(5)针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用性、扩展性和适应性差等问题，本文尝试以MVC思想为基础，结合Web前端开发中内容-结构-表现-行为相分离的开发标准，提出一种将Web页面代码分为视图（View，页面静态部分，包括内容、结构、表现）、模型(Model，负责数据缓存、数据校验与本地逻辑处理、发起ajax请求)、控制器（Controller，负责用户和系统事件响应、模型和呈现器调度）、呈现器（Renderer，对视图的渲染，控制器与事件的绑定、数据搜集）的页面开发新模式，并基于此模式提出了一个开发框架原型。
摘要
针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用性、扩展性和适应性差等问题，本文尝试以MVC思想为基础，结合Web前端开发中内容-结构-表现-行为相分离的开发标准，提出一种将Web页面代码分为视图（View，页面静态部分，包括内容、结构、表现）、模型(Model，负责数据缓存、数据校验与本地逻辑处理、发起ajax请求)、控制器（Controller，负责用户和系统事件响应、模型和渲染器调度）、渲染器（Renderer，对视图的渲染，控制器与事件的绑定、数据搜集）的页面开发新模式，并基于此模式提出了一个开发框架原型。
关键字:
MCRV设计模式 Javascript MVC Web开发标准
Velocity 2011会议分享
发布日期：2011年6月30日感谢公司和部门的支持，6月12号我和其它同事一起前往美国参加了Velocity 2011的会议，在此期间学习到了很多性能优化方面的经验和方法，通过本文整理出来分享给大家。
启程
我们乘坐12号下午4点的国航飞机出发，经过11小时到达了旧金山国际机场，由于时差的关系，到了旧金山后的当地时间是12号中午12点，感觉像穿越了。
下飞机后我们租了2辆车，在美国租车是最经济方便的交通工具，因为地广人稀，除了大城市其它地方都很少见到公交和出租车，导航仪很精确，很顺利就从机场开到了宾馆。
参观Facebook总部
web前端课程课件汇总
发布日期：2011年6月23日
请各位同学注意，后续的课件将在本贴中汇总。
如果下载后发现后缀是php请改成pdf。
第一节课相关课件：
课堂作业：
第二节课相关课件：
第三节课相关课件
第四节课相关课件
如何做到API兼容
发布日期：2011年6月21日
类别：JavaScript, 前端技术 | 评论(3)本文主要介绍什么是API，以及API兼容的重要性，最终给出方案如何评估API，以及如何做到API兼容。
What’s API?
API的全称是application programming interface。
而很多时候，程序开发者仅仅把函数、类的接口做为API的一部分，而忽略了其他重要的编程接口。
事实上，在前端Javscript编程中常见的API包括：
- 函数、类接口，包括参数，返回值，函数对外部对象（常常是DOM）的具体操作等
- 网络接口协议，如和后端交互的JSON、XML数据格式，或者script回调中的函数名
- 样式以及HTML接口
- 外部依赖（对浏览器具体特性的依赖）
- 一些无意泄露的内部实现
越往后的API，越隐晦，越不容易受到重视，但是一旦这些API发生变化，可能会导致调用方出现不符合预期甚至程序直接报错的情况。
more »
百度与中科院,北航联合开展web前端前沿技术课程
发布日期：2011年6月17日随着互联网发展，前端展示、交互，以及性能和安全的要求越来越高，加上HTML5新技术和产品多终端需求，前端技术在产品中发挥的重要性更加凸显。百度web前端研发部精心准备为中科院研究生院以及北京航天航空大学的学生准备了 web前端前沿技术系列讲座课程。
课程从web前端发展趋势，到CSS样式表，JS语言等前端专业领域，再到前沿的HTML5&CSS3，地图API，web安全，涵盖了几乎所有主流 web前端领域的知识体系。这是两所高校首次开设web前端领域课程。包括百度首席产品设计师孙云丰以及web前端研发部的高级工程师们在繁忙的工作压力 下还努力抽出时间编写教案和准备课程。当然，还有出卖色相。。。用海盗装吸引了众多学生的眼球！
在6月14日下午在中科院成功的进行了web前端前沿技术的第一堂课！吸引了250多名科苑学子报名参加。
tangram开发中使用的开源工具介绍
发布日期：2011年4月15日
类别：JavaScript, 前端技术 | 评论(7)tangram是百度前端研发部推出的一个开源js库，在百度各产品线上广泛使用。在开发tangram项目时，tangram开发团队制定了一个开发流程，用来保证项目质量和进度。在这个流程中，我们使用了各种开源工具来辅助提高效率，取得了良好的效果。本文将简要介绍这些开源工具和使用体会，希望对提升你的开发效率和质量有所帮助。
more »
初探AIR for Android开发
发布日期：2011年4月06日Adobe发布mobile AIR已经有一段时间了，但是移动设备的UI与控件与PC端截然不同，导致真正使用AIR技术开发的移动设备程序少之又少，而前段时间，adobe终于发布了包括移动UI组件的Flex SDK “Hero” (就是以前的Slider)，虽然只支持Android系统，但是我们可以看到电子市场上使用AIR技术开发的程序越来越多。本文就将以MP3电台为例，介绍使用Flex Hero 开发mobile AIR应用程序的一些方法和心得。
介绍移动应用程序
移动程序界面中有一个重要的概念：屏幕，如下图
