引言 由于现在做的react-native项目没有使用到redux等框架,写了一段时间想深入学习react,有个想法想做个demo练手下,那时候其实还没想好要做哪一个类型的,也看了些动漫的,小说阅读,聚合资源的开源项目.但是由于正好在学习开源的Android小说阅读器--任阅,加上api比较全,开始边学边做,项目地址在这里,如果有好的意见欢迎提issue或pr. 效果图 目录结构 ├─actions #redux的action,业务逻辑 ├─components #页面容器 │ └─common…

由于自己喜欢看小说,有的时候不方便手机看的时候希望在电脑上面看,但很多网站有广告啊,于是封装了套手机版的追书神器API 目前只做了搜索 详情 书评 换源 正文 调用方式: //搜索小说 var searchResult = BookApi.Search("凡人修仙传"); //筛选 var book = searchResult.books.FirstOrDefault(x=>x.author == "忘语"); //获取小说描述 var detail = B…

项目简介 基于node express+mysql+vue-cli3和追书神器接口制作的移动端小说阅读网站,**仅供参考学习!不用于任何商业用途!** 闲暇时间用vue练练手,就想写个小说网站来看看,选择了追书神器的接口. 因为偷懒,所以使用了mint—ui的一些小插件,以后慢慢替换.   项目地址:github 运行步骤: git clone https://github.com/mmnnbbvv005/JqRead.git cd JqRead npm install npm run serv…

vue-reader 一点阅读器!API源自追书神器,免费使用!目前已初步开发完成! Github项目地址:https://github.com/AntonySufer/vue-readle 欢迎issue,pr,star or follow! 推荐一个之前用Vue 文章类阅读写的 一点阅读 微信小程序 一点文章 已上线,可以再微信搜索 一点文章体验 在线体验地址 点击这里体验(服务器太low,渲染慢) 部分效果截图 一点阅读器优势 一点阅读器 追书神器 收费 免费 部分章节免费,其余收费 广告…

app.vue页面 初始化数据,通过调用vuex mutation里定义的方法 调用保存到localstorage中的书架信息.搜索历史记录.字体大小和皮肤 并把这些数据保存的vuex state中 1.书架页 Myshelf url:http://localhost:8080/myshelf myshelf页面有 header.shelf-list.tabbar组件 重点: 1.从vuex state中获取已经保存的书架信息 2.处理时间,返回距离现在几小时的格式 <span class=&quo…

一个vue阅读器项目,目前已升级到2.0,阅读器支持横向分页并滑动翻页(没有动画,需要动画的可以自己设置,增加transitionDuration即可) 技术栈 vue全家桶+mint-ui github Fakin-Reader 部署 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev 实现功能 小说书架 分类查询 书单查询 排行榜 搜索 小说详情 小说换源 阅读历史记…

可用性设计是Web设计中最重要也是难度最大的一项任务.本书作者根据多年从业的经验,剖析用户的心理,在用户使用的模式.为扫描进行设计.导航设计.主页布局.可用性测试等方面提出了许多独特的观点,并给出了大量简单.易行的可用性设计的建议.本书短小精炼,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图.趣味丛生的卡通插图以及包含大量信息的图表,使枯燥的设计原理变得平易近人.本书适合从事Web设计和Web开发的技术人员阅读,特别适合为如何留住访问者而苦恼的网站/网页设计人员阅读.  有些网站看起来很清爽: …

基于React.js实现PC桌面端自定义弹窗组件RLayer. 前几天有分享一个Vue网页版弹框组件,今天分享一个最新开发的React PC桌面端自定义对话框组件. RLayer 一款基于react.js开发的PC端自定义Layer弹出框组件.支持超过30+参数自由配置,通过轻巧的布局设计.极简的调用方式来解决复杂的弹出层功能,为您呈上不一样的弹窗效果. RLayer在设计开发之初有参考之前的VLayer组件,尽量保持功能效果的一致性. 如上图:展示一些常用的基础普通型弹窗功能. 极简调用方式…

上节课,我们介绍了一些es6的新语法:react+redux教程(三)reduce().filter().map().some().every()....展开属性 今天我们通过解读redux-undo的官方示例代码来学习,在redux中使用撤销功能.devtools功能.以及router. 例子 这个例子是个计数器程序,包含计数器.右边的redux开发工具.还有一个路由(不过只有“/”这一个地址). 源代码: https://github.com/lewis617/react-redux-tut…

摘要:因为最近搞懂了redux的异步操作,所以觉得可以用react+redux来做一个小小的项目了,以此来加深一下印象.切记,是小小的项目,所以项目肯定是比较简单的啦,哈哈. 项目效果图如图所示:(因为一张图实现起来太长了 ,所以切成了两半,略丑,罪过!!) 项目的github地址:https://github.com/xianyulaodi/react-redux 之前写过一篇文章是redux的异步操作,本文只是将其应用到了实战当中. 用react+redux的步骤是,首先需要知道大概有哪些状…