今天的任务：jquery中节点的查找，创建，插入，删除，复制，替换，包裹，

        属性操作。把相关的代码都敲了一遍，能做到知道，但不是用

        的很灵活。继续熟悉中。

       关于mobile web的知识

       关于viewport 

       手机的像素都是几百，而pc端都在上千，如何才能将像素为几百的

       展现出上千像素的内容。

       我们在视觉窗口(visual viewport)上可以通过拖动横向，竖向滑动滚动条。

       交互性很差。而viewport 是把一个比例很大的页面，比如pc端的页面，渲染

       在另一个比例稍大的虚拟窗口(layout viewport)。在通过缩放来达到最佳效果。

       这就是手机浏览器默认为我们做得两件事。

       为什么不能直接通过缩放来达到效果。如果直接把很大的页面缩放的320px

       这么小的屏幕上 pc页面的排版很有可能受到影响。通过viewport进行渲染

       在一个较大的虚拟窗口（layout viewport）可以做到网页的排版正确，用来

       配合css渲染布局，以苹果手机为例：苹果的虚拟窗口大小为960px 在css中

       如果我设置容器宽度为100%；在虚拟窗口中，这个容器的实际值为980px，而

       不是320px。这样大部分网页就能以缩放的形式正常显示在手机屏幕上。

       目前手机屏幕的宽度类型很多，不可能控制他们的大小，并且各种手机系统默认的

       viewport都不相同，为了使各种移动设备达到它自己本身的合理的viewport，

       <meta name="viewport" content="width:device-width">