是基于漫画台APP原生APP的漫画阅读微信小程序。 所有漫画都可以免费观看(请参阅)。
项目地址： github源代码
API接口文档： API
前言？ 学习新语言和框架时，顺利进行的方法是制定完整的项目吧。 在编写项目的过程中，我们可以很好地掌握新框架或语言的API和特性。 所以学习微信程序也是一样。
之所以写这个漫画类的小程序，是因为个人平时都在追漫画，但是现在各个漫画平台基本上都是收费的，所以想写一个可以免费看各种漫画的小程序。 当然，资源一定是抓到的其他漫画平台的。 因为很久以前就开始使用这个漫画台APP和腾讯动漫了，而且这两个漫画平台的资源很多，所以基本上有各种人气漫画。 相比之下，漫画台的界面更清爽，最重要的是界面更容易得到()，所以你选择了漫画台吗？
这个项目现在完成了22个页面。 包括登录、评论、回复、点赞，以及最核心的漫画阅读、漫画搜索等。 与原生漫画台app APP进行比较的功能大部分已经实现，剩下的是无关紧要的功能。 有关常用微信小程序的API也基本使用，是个很大的学习项目吧。
此外，由于漫画类小程序不属于个人上线的范围，而且这可能会造成侵权，所以该小程序没有上线的。如果想阅读更多漫画，请前往各手机应用商城搜索漫画台进行下载使用，或者前往漫画台官网阅读
最后，该项目的所有API接口通过Charles工具抓取，图标来自漫画台APP安卓包。该项目旨在通过编码来学习和熟悉微信小程序的开发，不作为商业目的，纯属个人瞎搞，正常的漫画阅读请使用官方的APP
项目说明？ 微信小程序图片懒惰加载因为封装这个小程序的是漫画图片类型，所以在使用大量图片的情况下，图片懒惰加载是必不可少的需求。 由于微信小程序公式的image组件的lazy-load属性太过鸡肋，为了更好地体验，需要重新打包懒惰的加载组件。 此懒惰加载组件是使用wx.createIntersectionObserver ()创建的，并返回IntersectionObserver对象实例。 此IntersectionObserver对象用于估计特定节点对用户可见以及对用户可见的百分比。 具体实现如下
！ - lazy-load.wxml-- view class=' lazy-load-wrapper border-radius ' imageclass=' lazy-load border-radius ' statius ' ' mode=' { mode } ' src=' { { URL } } ' bind load=' image load ' bind tap=' handle tap ' bind error=' handle error '/image background-color: #f8f8f8； }.lazy-load { vertical-align : top； }代码//lazy-load.js component ({ external classes : [ ' border-radius ' ] )， //用于在组件外部控制图像圆度的classdata3360 ) url: )的properties: { //图像显示模式mode: { type: String，value //真实图像url src: { type: String，value : observer 3360 function (newval ) if ) newval this.already show } this.setdd }，//图像占位符高度，单位rpx height: { type: Number，value: 200，}，//距节点布局区域下边界的距离bottom: { type: Number 标记value //图像是否已经显示在屏幕上的元素//observer必须具有高度，否则回调this.createintersectionobserver ().relativeToViewpo
rt({ bottom: this.properties.bottom }) .observe('.lazy-load', (rect) => { // 如果图片进入可见区域，但还是第一次出现 if (!this.alreadyShow) { this.alreadyShow = true; this.setData({ url: rect.dataset.src, }); } }); }, methods: { imageLoad: function(e) { // 触发lazy-load的load事件 this.triggerEvent('load', e); }, handleTap: function(e) { // 触发bindlazytap自定义事件 this.triggerEvent('lazytap', e); }, // 图片加载失败后，显示一张默认的图片 handleError: function(e) { this.setData({ url: './pic_cache.png', }); this.triggerEvent('error', e); }, },});复制代码有关图片懒加载的效果见下方的效果图，该小程序中使用到的图片懒加载到处都是。
启动 git clone https://github.com/cixiu/manhuatai-miniapp.git通过微信开发者工具打开client文件夹记得在project.config.json中换上自己的appid如果数据请求出错了，记得检查是否开启https的校验复制代码 小程序功能✨ 漫画推荐 漫画详情 漫画阅读(所有漫画都可免费阅读) 漫画收藏与评论 漫画评论的点赞和发布 漫画和作者的搜索 漫画每日更新 热门帖子(支持评论和点赞) 收藏列表和阅读历史 登录(只限手机号登录与APP应用数据同步) 个人资料的修改 还有一些小功能暂未开放 部分效果图? 首页
漫画详情页
漫画阅读
漫画搜索
漫画评论和点赞
更新页
漫画台热门帖子
书架
我的
遇到的一些问题? background-image 属性不能使用本地资源Pages 里的 onLoad 生命周期钩子函数可能会比 app.js 中的 onLaunch 生命周期钩子函数里的异步请求要早执行，可能会导致 Pages 里使用 globalData 数据报错text 组件的 line-height 无效，需要在 text 组件外层的 view 组件中设置 line-height自定义组件 slot 插槽渲染的位置不正确#bug Typescript
2018.11.14开始，微信开发者工具开始支持使用typescript了。不过，现在小程序发布的ts声明文件并不齐全。等微信小程序的有关api的.d.ts文件更新完整后，该项目会使用typescript进行改写。