admin管理员组

文章数量:1558073

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

还有一句名言叫做：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文件引用时需要做那么一些小改动。 

<script type="text/javascript" src="lib/zepto.min.js"></script>
<script type="text/javascript">
    window.jQuery = $;
</script>
<script type="text/javascript" src="js/jquery.base64.js"></script>
<script type="text/javascript" src="js/jquery.jsonp.js"></script>
<script type="text/javascript" src=

本文标签： 阅读器手机webapp

版权声明：本文标题：一个手机阅读器的WebApp 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1727374753a1111574.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。