轩枫阁

编码规范

• 缩进，2 个 space，tab要转换成 2 space. (入乡随俗，这是Node 源码及module 采用的标准) Eclipse设置
• 永远用 var 声明变量，不加 var 时，会污染顶层上下文
• 操作符与操作算子之间要有空格

Right：

Wrong:

• 使用string 时，用单引号替代双引号（写JSON 时除外）

Right：

查看全文

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。

关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案：CSS3动画。

然而，CSS3动画在移动多终端设备场景下，相比PC会面对更多的性能问题，主要体现在动画的卡顿与闪烁。

目前对提升移动端CSS3动画体验的主要方法有几点：

尽可能多的利用硬件能力，如使用3D变形来开启GPU加速

查看全文

前言

SeaJS提供简单、极致的模块化开发体验。用着特方便，已经在多个项目中使用。

为什么使用 Sea.js ？

Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性：

• 简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。
• 自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。

Sea.js 还提供常用插件，非常有助于开发调试和性能优化，并具有丰富的可扩展接口。

社区优秀文章

入门

• HelloSea.js：一本深入浅出地分析 Sea.js 的模块机制，前端模块化的小书。 2.1.x
• Why SeaJS by Chaos 2.1.x
• 一步步学会使用SeaJS 2.0 2.0.x
• seajs实现前端模块化之Hello World 2.0.x
• SeaJS 所为何 1.3.x
• seajs 非权威指南 1.3.x
• 使用SeaJS实现模块化JavaScript开发 1.3.x
• http://www.diguage.com/archives/82.html 1.3.x
• Hello, SeaJS! 1.2.x
• 高富帅seajs使用示例及spm合并压缩工具露脸 1.2.x
• JavaScript模块化开发库之SeaJS 1.1.x

查看全文

AJAX 在哪里？Where

无所不在的 AJAX。

• 百度搜索框，智能补全
• 微博搜索框，智能补全
• 淘宝搜索框，智能补全
• 百度相册，图片浏览
• QQ 二维码登录

什么是 AJAX？What

网页中处理异步请求的技术。

• AJAX 即 “Asynchronous Javascript + XML”，是指一种创建交互式网页应用的网页开发技术。
• AJAX 是一种用于创建快速动态网页的技术。

查看全文

前言

在网页中有嵌入frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。

window.self

功能：是对当前窗口自身的引用。它和window属性是等价的。

语法：window.self

注：window、self、window.self是等价的。 查看全文