GitHub Top 微信小程序——在家中憋了几天写点代码吧

GitHub Top

本项目为 GitHub 热点项目微信小程序客户端，首页仅推荐一个热点项目，这个项目往往是社会热门事件所催生的一个项目，如 996.ICU、wuhan2020，所推荐项目标准为：积极、健康、热点、具有一定进步性。

GitHub 小程序有很多，但推荐热点项目的往往是拉取 GitHub Trending 数据，有其意义（本小程序也支持此功能），但获取所需信息效率较低，不一定找得到你所需要的项目，因此创建本项目。本项目创建的目标是：打开即所需。

本项目使用方法

喜欢闲逛 GitHub 的开发者、GitHub 相关内容公众号运营者, 以及 热点项目的关注者，都可以关注收藏此项目，欢迎日常查看；也可在公众号后台关联此项目，在文章中插入小程序，读者可方便跳转并查看 GitHub 项目，插入小程序方法请点击 这里。

功能介绍

  1. 首页推荐唯一热点项目
  2. 第二个 Tab 页推荐热点周边或历史热点项目
  3. 第三个 Tab 页显示 GitHub Trending
  4. 第四个 Tab 页显示你所 Follow 的人的最近活动，往往在这里也可能找到你所感兴趣的项目
  5. 第五个 Tab 页显示你的 GitHub 账号信息，对自己项目进行管理
  6. 在本项目中，你可以方便 Star 或 Fork 你所感兴趣的项目，提 Issues 或针对 Issues 进行评论等，也可方便 Follow 某人，这些操作都是为了让你不至看到某些感兴趣的项目但不方便操作，导致日后失联。相关邮箱或主页虽不可在小程序内直接操作，但点击后都可复制邮箱或主页链接，也可满足大多数的需求。
  7. 当然，在小程序中还有一些小小的彩蛋，请你自己去发现吧！

小程序码

预览截图

实现相关

  • GitHub 项目相关实时数据来自 GitHub API V3
  • Top 和 History 相关配置来自于本项目 Tag 为 Top 和 Hot 的 Issues（原计划用 GitHub Page，但是相应速度有问题，自己搭建服务器维护成本太高，因此最后采用在 Issue 中配置 Json 文件）
  • Trending 数据来自 github-trending-api
  • Markdown 解析采用 towxml 2.x，暂不考虑升级为 3.x，可能是我使用的问题，3.x 一直有错误，已经提 Issues 给原项目。
  • 项目构建采用京东开源项目 Taro 2.0.2 版本。
  • 无自建云端服务器。

说明及感谢

本小程序是基于 Gitter 项目的二次开发，是我对 Gitter 的拙劣的模仿，特此感谢！

License

Apache License 2.0

其他

捐赠请点击 这里

原文地址：https://www.cnblogs.com/renyuzhuo/p/12253221.html

时间： 2024-11-09 03:36:38

GitHub Top 微信小程序——在家中憋了几天写点代码吧的相关文章

解决微信小程序开发中wxss中不能用本地图片

微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方法:将图片用base64加密. 1.我们用在线加密对图片进行加密,这个网址百度一大堆,我只贴出一个http://imgbase64.duoshitong.com/ 2.将转换完成后的base64复制到我们要引用的地方. 3.设置样式(辅助代码,只有将这个图片做为background-image时注意设置如下属

微信小程序的生命周期和APP对象的使用

1.生命周期和APP对象的使用: //app.js App({ onLaunch: function () { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) }, onShow: function() { console.log("onShow") }, onHide: function() { c

微信小程序开发中wx.redirectTo与wx.navigateTo跳转页面未果

学习小程序开发中难免遇到一些小坑,作者在进行登录功能时遇到登录成功后,页面不可实现跳转到个人中心(admin/admin). 首先大致介绍一下本文的逻辑:验证用户信息后,需跳转页面到个人中心(tabBar页面),采用wx.redirectTo与wx.navigateTo两种方法均未实现,且不报错. 主要原因: admin/admin属于tabBar页面,采用上述两方法不会有任何效果,需采用wx.switchTab法进行跳转. 跳转完成页面: 页面跳转方法: 1.wx.navigateTo 保留当

微信小程序-textarea中的文本读取以及换行问题

今天客户那边要求textarea中输入的问题可以按回车键换行,而我使用的是bindinput获取值,但是呢bindinput 处理函数的返回值并不会反映到 textarea 上,按回车键导致点击换行符无法使文字换行. 此时便换用 form bindsubmit="formSubmit" 方式获取textarea值了,此种方式的好处是按回车键自动换行. 并且在用户回车的地方会带有?这个符号,这个符号相当于 换行符 \n. 1.项目详情页中需要将textarea值换行显示,此时放在<

微信小程序 view中的image水平垂直居中

当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-items: center; /** 垂直居中*/ display: flex; justify-content: center; /** flex 属性, 水平居中**/ } 原文地址:https:/

微信小程序评论/留言功能，附：前端+后端代码+视频讲解！

前端界面: 演示: <!-- 表单 --> <form bindsubmit="formSubmit"> <input type="text" name="liuyantext" placeholder='输入留言内容' class="input-style"/> <button formType="submit" class="btn" wx:

微信小程序image组件binderror使用例子(对应html、js中的onerror)

官方文档  binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'} 在微信小程序开发中,我们使用列表包含图片,如果这个图片链接404错误,那么我们应该给它提供一个默认的友好URL地址.html和js中使用onerror事件就可以了 <img src="image.gif" onerror="this.src='https:w.chesu

在微信小程序中使用LeanCloud（一）

之前学习了微信小程序前端,使用到LeanCloud线上数据库 [传送门].作为一个前端开发人员,了解后端及数据库是学习工作的需要. LeanCloud直接登录,未注册直接创建账户.它是一款免费的线上数据库(开发版免费).适用于一些想自己写微信小程序前端但不太会后端的开发者学习用.本篇文章涉及数据存储服务(增删查改). 首先,下载一个JavaScript-sdk :av-weapp-min.js[下载链接],它是在微信小程序中使用此数据库的关键文件.下载之后,保存至项目路径,这里以'/libs/a

微信小程序中转义字符的处理

在微信小程序开发过程中,有时候会用到常用的一些特殊字符如:'<'.'>'.'&'.'空格'等,微信小程序同样支持对转义字符的处理,下面提供两种方法用来处理微信小程序中转义字符的处理. 1.官方API调用这种方式,我们直接在wxml布局文件中,直接调用相关特殊符号的转义字符会无效,原因是小程序的text文本控件的decode属性没有打开导致的,看下文档说明: 从文档中,我们可以发现,decode属性默认为false,不会解析我们的特殊字符,我们通过设置decode属性为true,并且调用