基于HTML5的移动阅读器

基于HTML5的移动阅读器（也是跟着慕课网视频来学习的，不过收获很多）
开发环境：Windows7 + sublime
框架：zepto.js + jquery.jsonp.js + jquery.base64.js
zepto.js：体积小，适用于手机浏览器，语法和jquery类似；
Jquery.jsonp.js:一个支持JSONP调用的jquery插件，支持出错时的Ajax回调；
jquery.base64.js：实现前台的加密解密(图片利用base64代码比较繁琐但可以减少http请求)；
项目成果：

源码：https://github.com/Tzrong/webapp
项目描述：利用HTML5、Ajax、js相关框架等技术开发的一款移动端阅读器；并且会通过HTML5的Localstorage把设置的背景颜色、字体大小等信息储存在本地；阅读器的内容是模拟后台数据，通过ajax本地跨域获取数据并通过jsonp对数据进行相关处理将其展现出来；使用base64制作背景图片，减少http请求，加快首屏显示速度；
重要源码：将入口函数、数据交互、Dom事件等分离开来，使代码更加易读、维护；并且使用闭包来避免全局变量污染，将复用的Dom利用变量存储起来；在使用HTML5存储时，为了避免同于情况下相同，增加前缀来区分；
遇到的问题：
1.谷歌浏览器不支持本地跨域：给浏览器传入启动参数（allow-file-access-from-files），允许跨域访问。直接在快捷键图标右键，点击属性，修改目标（在后面加上“”–allow-file-access-from-files”，注意–前面有一个空格），这样就可以正确访问了。
2.设置背景颜色时，通过localStorage查询已经保存，但是刷新后还是会返回至初始颜色，经查询是因为初始化背景background的问题；
3.回调函数要注意其参数的正确性；
4.each函数遍历的用法，注意参数。
5.往git上传代码时：
git add xxx
有个警告：warning: LF will be replaced by CRLF in XXXXXXXXXXXXXX.
解决：
git config core.autocrlf false
…其他好像没什么大问题，跟着老师的教程走..
(注意代码风格及规范，学习老师的逻辑思路。)

基于HTML5的移动阅读器相关推荐

基于智能手机的报纸阅读器-论文
源码下载 http://www.byamd.xyz/hui-zong-1/ 摘要近几年来,智能手机的迅猛发展给人们的生活带来了极大的改变,移动互联网时代的来临使得人手拥有一台配置强悍的智能手机已不再 ...
直播弹幕 html5,一种基于HTML5的弹幕播放器及其方法与流程
本发明涉及互联网技术领域,具体涉及一种基于HTML5的弹幕播放器及其方法. 背景技术: 弹幕是指一种在观看视频时,大量以字幕(有且不限于文字和图片)形式呈现的评论与视频同在一个画面的现象.在视频上方大 ...
用JSP实现基于Web的RSS阅读器
2019独角兽企业重金招聘Python工程师标准>>> 一 RSS介绍根据维基百科(http://zh.wikipedia.org/wiki/RSS)的定义,"RSS是一 ...
用html5实现一个播放器,6 个基于 HTML5 实现的多媒体播放器
是 HTML5 中新增的标签,可用于在网页中嵌入视频播放功能,无需 Flash 和其他嵌入插件的支持.但是HTML5目前只有Firefox.Safari.Chrome.Opera.IE9以上支持.此外 ...
基于python简易小说阅读器（一）
基于python简易小说阅读器(一) 实现功能:界面显示小说内容,界面的最下方有按键实现章节切换后台需要有小说内容的数据,针对这一块,python的爬虫模块requests可以满足项目需求,前端 ...
基于android的电子书阅读器app
基于android的电子书阅读器app 基于Android平台的电子书阅读器的设计与实现主要通过Eclipse开发工具, Java语言与Sqlite数据库来完成的.本阅读器实现了本地阅读,手动翻页,书 ...
基于安卓的电子书阅读器
功能描述: 1:用户在使用软件前需要先对软件进行注册,注册完成后通过账号和密码登录成功后,才可以对软件进行使用 2:用户登录成功后可以查看最新书籍信息,以及数据的分类,排行等信息,点击对应的分类可以查 ...
基于sopc的计算机系统的设计与实现,基于SOPC的RFID阅读器设计与实现-计算机系统结构专业论文.docx...
基于SOPC的RFID阅读器设计与实现-计算机系统结构专业论文摘要电子标识系统作为一种快速发展的定位技术,在地下管线定位技术领域占有重要的地位.基于射频识别技术的电子标识系统代替传统的地下管线探 ...
基于pyQt5的pdf阅读器
主要基于import fitz模块一定是操作pip install PyMuPDF不是安装fitz 主要代码: def generatePDFView(self):self.doc = fitz.o ...

基于HTML5的移动阅读器

基于HTML5的移动阅读器相关推荐

最新文章

热门文章