这段时间，上海的疫情爆发非常严重。从3月12日开始，作者被锁在社区，已经40多天了。这期间经历过面试，抢过菜，写过文章，现在捡到了一个小程序。笔者这几年用github记录年度计划，每周立下计划，实现前端知识图谱、博客、读书之类的东西。日常基本功，但今年独立作品没有动作。按照进度，上半年肯定会有一个，所以就想着从idea里拿出一个做成projecttext。一开始想把自己的几行字搞定，因为几行字是H5版本的，想做另外一个版本的小程序，做完之后觉得有点简单，所以打算再做一个。一次偶然的机会，我想起了三年前尝试做的独立项目——NextDay想想看，这一页只有一页，但是细节很多，还有自定义的组件，从中可以学到自己的坑做小程序的时候会遇到。所以，我的小程序之旅一直没有结束。这里记录下笔者在制作小程序时遇到的困难和解决方法。手绘原型以NextDayApp为原型，拓展小程序开发。微信官方文档·微信自定义导航栏小程序开发社区全屏模式下，导航栏不允许出现"navigationStyle":"custom"CSS也要配合做，这样他就不可以了上下滑动。位置：固定调试接口需要授权。正是因为获取PartnerName和PartnerSecret是严格开源的，所以开源的话需要在header中加上。关于Dateandauthorization，授权需要用md5加密，可以去开源看代码首页（主屏）设计，功能swiper滑动功能接入。接口返回的数据是前几天到今天，onload时如何显示今天的数据？swiper目前的设置在今天的布局中是绝对定位，在适配单元中使用了rpx和百分比。npm包返回的界面数据和页面数据不一样。我们需要从中转换，所以引入dayjs库注册小程序程序流程复制影子处理前端设计，拉起text-shadow属性显示设置和分享抽屉组件，点击分享图标分享和分享给朋友和朋友圈设置onShareAppMessage和onShareTimeline分享给朋友时，使用的图片应该是5:4图片的Scale大小，使用接口返回的小图，意味着每次都需要记住当前群组加载时，每次滑动都需要改变当前组有浏览画面的图片和普通图片在wxml中判断。请注意，您不能在此处添加空格。接口是云端的，因为NextDay的接口是HTTP协议，小程序不支持HTTP协议，所以采用云端开发转发。主要参考资料：官网微信学校视频代码重构文件布局、设计、云开发、小程序文件、小程序有组件、npm包等功能界面设计Logo不用设计，去官网找字体即可改造，字体适配需要找和App一样的字体比较难，采用字体识别技术，两种字体，数字日期使用华为最细的字体，文字说明字体使用日文字体GothicMB（与app一致）。截图对比，调整大小点击显示下载按钮如下图，找了也没用。下载图片功能失败，无法下载。图片域名不是https，不支持下载。如果把图片放到云功能上，免费额度肯定不够用。以后会考虑是否需要加上。是否需要添加主页？关于版本，感谢多了一个aboutpage，新版本去掉了，我觉得没必要引入自定义组件抽屉组件，点击弹出设置拉出模糊CSS样式背景-filtersearchNextDay关键词搜不到，应该是刚发布不久，我又没有做Promotion，所以找不到，只好拼NextDay101消息提醒，希望每次都能弹出day，新思路，不知道会不会打扰到别人，我第一版没有做。如果你想跑通这个项目，你必须先申请PartnerName，PartnerSecret，这样你才能跑通这个项目。具体答案在NextDay的README中已经回答。如有其他问题，可以在Issuse区提交效果截图。GIF动态截图小程序项目地址：https//github.com/johanazhu/...
