一道比较复杂的 JavaScript 的题，如下：

1
2
3
4
5

var a = {n: 1};
var b = a;
a.x = a = {n: 2};

console.log(a.x, b.x);

猜一下结果是什么？

编写移动端页面与编写电脑版网页的方式有一些不同，本文将移动端页面的内容进行了总结，主要包括三个视口、物理像素与像素比、移动端事件等内容。

学习移动端过程中做的两个项目：音悦台 和 懒加载相册
GitHub地址：https://github.com/huajianduzhuo/mobile-project。

分享一个使用 CSS 3 制作的自动旋转魔方。
GitHub地址：https://github.com/huajianduzhuo/CSS-3

　　编写移动端页面时，为了容纳为桌面浏览器设计的页面，默认的布局视口大小远远大于屏幕宽度（默认布局视口大小一般为980px），此时屏幕会缩放，导致字体很小，不适合用户浏览。为了得到更好的使用效果，我们会使用理想视口，使布局视口的大小等于设备独立像素的值，这样用户进入页面时，则无需缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>

　　但是，由于每种手机分辨率以及像素比不同，设置理想视口后，会导致同一页面在不同手机上的布局视口大小不同，此时，若直接使用 px 为单位进行页面布局，在不同手机打开页面容易发生布局混乱。
　　针对这一问题，我们可以使用移动端适配来解决。

下面是我用 HTML4 + CSS2 + jquery 完成的“贪吃蛇”小游戏。
项目 github 地址：https://github.com/huajianduzhuo/TanChiShe

下面是我用 HTML4 + CSS2 + javascript 完成的“五子棋”小游戏。
项目 github 地址：https://github.com/huajianduzhuo/wuZiQi

CSS3 提供了很多强大的新特性，我们可以使用 CSS3 做出很多漂亮的图形或动画，下面介绍我使用 CSS3 画青蛙的方法。先上最终效果：

多列在一行时，不指定高度，高度默认为内容高度，要使多列高度一致，需要为每列添加以下样式，并且为父元素设置 overflow:hidden

1
2

padding-bottom: 10000px;
margin-bottom: -10000px;

圣杯布局和双飞翼布局都属于三列布局，实现两边宽度固定，中间宽度自适应的效果。

本文主要介绍CSS中的定位以及初始包含块的概念。