一个手机阅读器的WebApp

按照惯例,咱也还是先上效果图。
有句名言说得好:没图说个脚本:)

还有一句名言叫做:talk is to easy, show me the code!
So 接下来咱们就开始看看这个小东西里面都有哪些重难点。

HTML页面部分

这部分还比较常规,没有特别需要注意或者说新颖的地方,有几个小tips看一下就好了。
* 因为作品是针对手机端的一个WebApp,所以为了让这个WebApp看起来更像是一个Native App,我们需要在页面部分的meta处声明以下代码,作用分别是:设备宽度等于视口宽度即使布局视口等于可视视口,这样布局视口就成为了理想视口;最小缩放1倍;最大缩放1倍;禁止用户缩放;

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

JS部分

一、第三方库的选择和使用
需要用到的第三方库有jQuery.base64.js、jQuery.jsonp.js,分别用来进行base64格式图片的获取以及jsonp的使用,此外在这里我是用了Zepto.js而不是jQuery作为前两个库的支持,这是因为在移动端的性能表现上,Zepto比jQuery稍微优秀一些,也正因如此在js文件引用时需要做那么一些小改动。


                    
                    

你可能感兴趣的:(个人作品)