HTML5 移动Web App阅读器-3（开发流程介绍、需求分解和技术选型）

最新推荐文章于 2022-06-27 13:07:33 发布
最新推荐文章于 2022-06-27 13:07:33 发布
阅读量2k 收藏 1
点赞数
分类专栏： web前端 文章标签： web app html5 阅读器 需求 技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33936481/article/details/69525156
版权

这里写图片描述
交互图&需求分解
- 功能的体现
- 细节调整
这里写图片描述
技术选型和开发准备
- 轻量化
- 快速开发
- 维护简单
- 高性能
WEB app选择原生js还是框架？项目简单：选择原生js，开发成本和维护成本低.
js，html,css放在一起的优点是：文件加载时减少请求；性能方面，加载速度提升；
页面逻辑的js，数据量不大的情况下，把放在html中，而且发布新版本文件会经常发生变化
这里写图片描述
这里写图片描述

侠客岛的含笑
关注
专栏目录
未来已来：LLMops如何重塑AI-native新范式的运维格局[行业范式]、以及主流LLMops推荐
丨汀、的博客
07-22 888
未来已来：LLMops如何重塑AI-native新范式的运维格局[行业范式]、以及主流LLMops推荐
HTML5面试题
热门推荐
YaToue
04-10 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式是一种向后兼容的解析方法。 触发...
HTML5开发WebApp阅读器
08-20
使用最前沿的前端技术，用Koa、Vue.js、Zepto等框架结合HTML5开发一个完整的包含有阅读器功能的书城App整站。完全模拟企业中最真实的开发过程，从需求分析，设计图解析，技术选型，环境搭建直到开发测试和细节优化，整个过程会针对比较复杂的几个模块，如阅读器，书城首页，搜索模块等做详细的说明，将一步步带大家实现一个可独立运行的前端工程
《HTML5 移动Web App阅读器》随笔
sgzl111的博客
04-14 1036
一、Web App介绍 1.HTML5应用场景 （1）PC端web站点（pc端网站开发） （2）基于WebView的hybrid native App开发 (融合WebApp与MobileApp混合开发) （3）Web App开发 (移动端网站开发) 2.Native App & Web App & Hybrid App (1)Native App（原生app）第三方应用程序...
webApp 阅读器项目实践
weixin_34116110的博客
08-27 183
这是一个webApp 阅读器的项目，是慕课网的老师讲授的一个实战，先给出项目源码在GitHub的地址：https://github.com/yulifromchina/MobileWebReader。 　　项目属于麻雀虽小，但五脏俱全的类型，对于前端新手来说，还是很有学习价值。　　 一、项目成果展示 二、项目所用技术 语言：Html，css，js 插件： zepto.js: 使...
HTML5 移动Web App阅读器-4(页面基本结构开发)
含笑
04-18 3623
上下边栏：绝对定位或者fixed.相对独立，所以可以放到一个相对独立过程中去。 然后就是内容区：标题，内容，操作条 。 引用normailze.css，zepto.min.js，jquery.base64.js，jquery.jsonp.js Zepto是为现代智能手机浏览器推出的Javascript 框架, 有和jQuery相似的语法，不过更小<meta name="viewport" co
WebReader：基于HTML5开发的WebApp阅读器
02-06
网络阅读器 基于HTML5开发的轻量级WebApp在线阅读器，可以进行简单的个性化设置，适配了手机和电脑。运行需要一个Web服务器的支持
2022年Web前端开发流程和学习路线（详尽版）
weixin_47367099的博客
06-13 9226
前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表现形式，都会暴露在前端，而只有部分问题（数据问题、计算问题、安全问题等）暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。前端技术的更新日新月异；前端框架的技术选型百家争鸣；视觉审美的潮流不断更替；可视化效果酷炫无比；用户的运营体系逐渐精细化；适老化、无障碍化、青少年人群的诉求浮出水面；智能设备的升级和适配无穷无尽。所有的这一切，对前端领域和前端同学就一个
HTML5 移动Web App阅读器-2（技术点讲解）
含笑
04-07 3545
1.使用Base64格式的图片制作icon 记得写备注 缺点：图片体积更大，因为base64是未经压缩的，比原图大；维护不方便。 优点：base64图片利于页面加载，可以减少请求；加快首屏数据的显示速度。background: url............. url(data:image/png;base64,{img_data})2.使用CS3的图片制作icon(一般用在规格图形上面)
reader：tReader，又一个txt文本阅读器，Web App
02-05
阅读器 又一个TXT文本阅读器。 自用为主。 使用 Safari //tiansh.github.io/reader，选择“添加到主屏幕”，从主屏幕上找到并打开，就可以开始用了。 Android设备的话可能需要Chrome浏览器打开。作者没试过。 文件列表 点左上角的添加按钮可以添加文件： 文件可以从本机，iCloud或OneDrive，MEGA之类的地方选择。 如果文件打开乱码，请考虑使用UTF-8保存文件。 点右上角可以进入设置。 文件列表，左滑，快捷或按Delete可以显示删除按钮。 设定 主题的自动模式会跟随系统设置，兼容系统设置的定时暗色模式等。 Safari浏览器支持* .tt
h5reader:基于h5的书城WebApp
04-30
h5reader 基于h5的书城WebApp.使用 node.js 模拟后台数据，无实际后台，完全的前后端分离开发。调用第三方api（ 追书神器api抓取数据到页面上进行渲染。 技术栈 vue.js + zepto.js + ejs + node.js + koa2 + ES5/6 + css 源码地址 项目地址 项目运行 cd 项目目录 npm install 或 cnpm install（淘宝镜像） node app.js 说明 还存在一些需要进行优化的细节问题，优化后会部署到服务器上线。 如果觉得做的还行，对您有所帮助，欢迎“star”一下。 开发中遇到的问题 使用localstorage存数组 localstorage只能存字符串，存数组需要用JSON.stringify()方法转成字符串。 拿出数据是用JSON.parse（）方法转成数组 调用第三方api接口时跨域的问题 1.
组件方式开发 Web App全站百度网盘
04-13
HTML5、CSS3、JS流行技术，采用组件式开发模式，开发Web App全站
前端H5开发的小说网站首页
04-28
基于MUI、sui的html5小说阅读器前端框架，基于MUI、sui的html5小说阅读器前端框架，基于MUI、sui的html5小说阅读器前端框架。重要的事情说三遍
react-ReactManga使用React实现的WebApp版开源漫画阅读器
08-15
使用React实现的WebApp版开源漫画阅读器。实现用户登录注册、提供漫画推荐、漫画搜索、漫画收藏、漫画阅读、历史记录 等功能.
webAPP阅读器实现
weixin_30552811的博客
07-31 388
学而不死则罔，思而不学则殆。。 对手机阅读器进行简单的模拟。整个项目的布局主要包括正常文档流中的文章标题、文章正文及上下翻页按钮，处于非文档流中上下导航栏及选项面板。通过事件进行样式的切换，并利用localStorage进行样式的存储。同时，进行相关文档的撰写。利用分治思想将页面布局进行划分，位于文档流中的正文部分加一层div用于点击时触发处于固定位置上下导航栏及...
快速入门Web阅读器开发——5rem配置
m0_37616866的博客
09-04 216
rem是一个相对长度单位 rem的值相当于根元素(html)font-szie值的倍数 1rem = 根元素font-size  2rem = 根元素font-size*2 DOMContentLoaded事件动态设置根元素font-size // 设置根元素的font-size html.style.fontSize = window.innerWidth / 10 + ...
学习“HTML5 移动webapp阅读器”心得
weixin_34153893的博客
10-11 264
先来点题外话：实习ing，工作之余想找些开源的项目学习一波，看着慕课实战的项目不错，通过多番寻找在某鱼上面找了一个“HTML5 移动webapp阅读器”学习视频，然后就花了两天时间学习恶补了一波，希望大家多多指正！ 项目源码：https://github.com/whhlulu/we... 有视频资源需要的另外联系！ 想搞一个在线案例，新...
基于WEB平台的阅读APP设计与实现
毕业作品网站
06-27 1022
随着科学技术的飞速发展，智能的手机的大范围普及，手机阅读逐渐作为了一种全新的阅读方式走进人们的生活。
11款提升移动Web开发效率的HTML5框架与App工具
1. Lungo.js：作为首个应用HTML5和CSS3特性的移动开发框架，Lungo.js支持iOS、Android、Blackberry和WebOS平台，无需额外的web服务器，可以直接利用WebSQL、Geolocation、History等HTML5功能，提供出色的触屏体验。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值