一年前，我发过一篇关于跨文档通信方案的文章 《iframe 跨域通信的通用解决方案》，提供了一种基于创建 iframe 与轮询 window.name 的方案。

一年后，很高兴地带来彻底改造的新版本。实际上新方案已经用了很久了，一直没有时间抽象出来，最近终于挤时间分享出来了！~

最近在学习HTML5 和 CSS3，印象最深的是 CSS3 的动画功能，不仅有浏览器原生支持，执行效率高，而且免去在 js 中自己管理 timer。

本来想写一个图片轮播器练练手，结果在网上发现一个国人写的开源的图片轮播器。不仅效果很酷，而且是“女神级” 的。什么？你问是不是妹子写的？这个我不知道，我说的是这个 Demo 中的图片都是女神呀，性感火辣，丰满妩媚……咳咳，回正题。

扁平化的设计

扁平化的设计是现今流行的一种趋势，Windows 系统也自 Windows Phone 开始，大胆的引入 Metro 设计的元素，Metro 设计扁平化，最为代表就是其磁贴设计。磁贴设计使用一个纯色的卡片，将简明的白色 Icon 放在中间。其形象如下。

译自：
A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App
原作者：Kyle leads
译者：  TAT.sheran

注：该文章大约 3000 字。它覆盖了移动端网页交互体验优化的很多不同方面的实际解决方案，用来优化你的网页运行速度。注意不是让你的站点运行的有多快，而是让你的用户感觉有多快。

当下在移动端构建一个优秀的网站逐渐变得越来越简单。无论是响应式设计还是自适应式，只要清楚你要做的样式，精心制作一个好看的站点就不是什么问题。

通常情况下，做移动开发时，如果要向后台请求数据，都会直接使用 TCP 通信。但实际上一来 HTTP 比 TCP 简单易用多了，二来有很多现有 CGI 如果要进行改造得花很大功夫。还是会有使用 HTTP 请求来拉取数据。

       相信大部分同学都或多或少的对 sass 和 compass 有所了解， 但为了扫盲， 我们还是多少介绍一下背景。

       Sass 的官方网站：http://sass-lang.com

       按照 sass 的官方介绍： sass 是基于 css 的一种元语言类型， 作用是为了让 css 文档结构化， 整洁，其提供了很多 css 之外的能力。

       Compass 的官方网站：http://compass-style.org

       一言以蔽之：compass 是基于 sass 的 css 处理框架。

       Sass 和 compass 的安装都极其简单 ：

1. 首先安装 sass 和 compass 运行所需的 ruby 环境， 推荐大家一键式安装：http://rubyinstaller.org/downloads/ (windows)
2. 执行 gem command， 安装 sass 和 compass 。

在参加飞跃马拉松的时候，小组的项目构思是基于移动社交网络做一个记录用户旅游轨迹和照片的 APP 应用。

即当用户在旅游过程中，手机会不间断的上报 GPS 坐标到服务器，服务器会保存所有坐标到数据库，然后用户打开自己的旅游记录后，我们会在手机上创建一个全屏的地图，通过服务器 CGI 获取所有 GPS 的坐标点，然后通过这些坐标点绘制出一条线。

开发者问得比较多的一个问题是，JX 的 ui 组件怎么用。其实只要记住，JX 是遵循驼峰式命名法，“小驼峰式（小写字母开头）” 的是变量、方法名，“大驼峰式（大写字母开头）” 的是类名，这个问题就会简单明了了。

类和继承

原生 js 的类和继承是通过原型和原型链实现的，这是个很好玩的东西，我们可以想出很多很优雅很灵活的方法去声明我们的类，唯一的问题是看你代码的人（甚至是隔了一段时间之后的自己）可能看得云里雾里，这显然不是团队合作中希望遇到的。因此 JX 对类做了简单的封装，废话说得差不多了，直接上代码。

Ajax 和模版