Skip to content
/ novel-read Public
  • Notifications
  • Fork 2
  • Star 4

H5小说阅读

4 stars 2 forks Branches Tags Activity
Star
Notifications

E2875888382/novel-read

Branches Tags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits

books

books

 
 

ifo

ifo

 
 

qidian-spider

qidian-spider

 
 

server

server

 
 

src

src

 
 

.babelrc

.babelrc

 
 

.gitignore

.gitignore

 
 

README.md

README.md

 
 

package-lock.json

package-lock.json

 
 

package.json

package.json

 
 

webpack.config.js

webpack.config.js

 
 

Repository files navigation

Read

一.技术栈:vue全家桶+vant+express(没用使用数据库,纯读取文件)

二.目录说明:小说文件放在两个文件夹,books存放小说主题,ifo存放小说信息

  • 因为小说是从起点中文网爬下来的,所以没有按顺序排列章节,造成了很大不便(后面通过排序搞定了)
  • 书架用的localstorage,所以清缓存书架会清空掉
  • 为什么不用某书神器的接口?
    • 没有打算做完整(网上同类型的项目太多了),大家需要的话可以对接
    • //附上追书神器的api接口
      https://github.com/zimplexing/vue-nReader/blob/master/doc/zhuishushenqi.md
      

三.功能:主要是为了尝试使用jsonp实现跨域,功能没完善(排行榜分类什么的没做)

  • 已完成的功能:
    • 1.读小说
    • 2.下拉加载下一章
    • 3.上拉加载上一章
    • 4.夜间模式
    • 5.目录
    • 6.书架

四.运行说明:

192.168.191.1是本地局域网地址,可以在同局域网内手机访问

    npm i 
    
    // server目录下开启服务器(http://192.168.191.1:8000)
    cd server
    nodemon app.js
    
    // 根目录下开启webpack(http://192.169.191.1.3000)
    npm run dev
    

五.收获与总结:

  • 1.学习了jsonp的简单使用吧,感觉还不错,比起之前直接配置代理跨域简便不少
    • jsonp不支持post方法,不过用来获取资源还行
  • 2.重排中文章节的问题,主要思路就是先提取中文数字子串 -> 转为阿拉伯数字 -> 构建排序对象结构 -> 根据key排序 -> 获取到重排后的数组
    • 自己写的中文转换数字算法似乎有点漏洞,最后还是采用了一个包(包名叫nzh)
  • 3.关于promise的使用,爬小说和读取文件都需要用到不少异步操作
    • 好处:提高代码可读性,不用搞那么多回调嵌套,避免了读取不到的问题
    • ps:试图从then里面往外面return值,但是这是行不通的,外界无法访问该返回值
      • 正确用法就是通过resolve传递值,返回一个promise就行了
  • 4.vue-router命名路由真的很好用哦
    • 同一路由下数据不刷新的解决办法:1.watch监听router 2.官方新的api,导航守卫https://router.vuejs.org/zh/guide/advanced/navigation-guards.html

六.运行截图

1 2 3 4 5 6 7 8

About

H5小说阅读

Topics

express webpack vue jsonp

Resources

Readme
Activity

Stars

4 stars

Watchers

1 watching

Forks

2 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages

  • Vue 72.8%
  • JavaScript 24.1%
  • HTML 3.1%

Footer

© 2024 GitHub, Inc.

两个鬼故事软件公司名字起名大全ab团公司起英文名字大全免费侵犯名誉权起诉状南丹瑶鸡天可汗郑州起名公司黑帮大佬和我的365天女孩起名2021李梦起名女生周易起名管chatroulette.com公司起名字上海八字缺金起什么名字好起名字女孩王啥好听炙手可热元的起名含义年属猪的的宝宝起名宜用字男孩起名有程字的起名杳名专业免费起名网怎么给男孩起个英文改名苏姓男宝起名营销号起名红丹漆给刘氏女孩起名宋词女孩起名大全集咨询公司起名字大全参考用寓意好的成语起名字代起名字少年生前被连续抽血16次?多部门介入两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”淀粉肠小王子日销售额涨超10倍高中生被打伤下体休学 邯郸通报单亲妈妈陷入热恋 14岁儿子报警何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言张家界的山上“长”满了韩国人?男孩8年未见母亲被告知被遗忘中国拥有亿元资产的家庭达13.3万户19岁小伙救下5人后溺亡 多方发声315晚会后胖东来又人满为患了张立群任西安交通大学校长“重生之我在北大当嫡校长”男子被猫抓伤后确诊“猫抓病”测试车高速逃费 小米:已补缴周杰伦一审败诉网易网友洛杉矶偶遇贾玲今日春分倪萍分享减重40斤方法七年后宇文玥被薅头发捞上岸许家印被限制高消费萧美琴窜访捷克 外交部回应联合利华开始重组专访95后高颜值猪保姆胖东来员工每周单休无小长假男子被流浪猫绊倒 投喂者赔24万小米汽车超级工厂正式揭幕黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发当地回应沈阳致3死车祸车主疑毒驾恒大被罚41.75亿到底怎么缴妈妈回应孩子在校撞护栏坠楼外国人感慨凌晨的中国很安全杨倩无缘巴黎奥运校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变王树国卸任西安交大校长 师生送别手机成瘾是影响睡眠质量重要因素国产伟哥去年销售近13亿阿根廷将发行1万与2万面值的纸币兔狲“狲大娘”因病死亡遭遇山火的松茸之乡“开封王婆”爆火:促成四五十对奥巴马现身唐宁街 黑色着装引猜测考生莫言也上北大硕士复试名单了德国打算提及普京时仅用姓名天水麻辣烫把捣辣椒大爷累坏了

两个鬼故事 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化