小程序:随时随地获取 GitHub 热门项目榜单

最近做了一个很简单的微信小程序:GitHub Trending,很适合用于在做地铁、吃饭等零碎时间场景下去了解最新的 GitHub 热门项目,发现好项目。

项目地址

本项目完全开源,GitHub 地址 :https://github.com/jae-jae/weapp-github-trending

截图



技术栈

  • Min Cli: 小程序开发框架,类 VUE
  • MinUI: 小程序 UI 组件库
  • es6-promise:提供 Promise 支持
  • wx-promise-request:小程序异步网络请求
  • wemark: 小程序 Markdown 渲染库
  • Material Icons: 提供图标支持
  • Yarn || Npm: 包管理
  • Webpack、Babel: 打包构建
  • ES6: JS 语法
  • LESS:CSS 预处理语言
  • GitHub API、QueryList: 提供数据支持

体验

原文地址:https://www.cnblogs.com/homehtml/p/12708135.html

时间: 2024-10-30 15:37:17

小程序:随时随地获取 GitHub 热门项目榜单的相关文章

小程序入门(1)项目结构篇。

项目结构 小程序入门(0)项目创建篇 , 下载开发工具并创建项目. 小程序入门(2)浅析篇 ,了解wxml与wxss的配合使用 小程序进阶(1)豆瓣电影,看文档,复制文档代码基础布局也可以轻松搭建. 在编辑中找到加号!创建button目录. 添加一个外层文件button, 在四个内层文件 js,json , wxml , wxss . 名字与外层文件相同. 创建外层文件,分别在创建内层 js,json,wxml,wxss.这样就生成了一个伪页面,说它是伪页面到后面进行分析. . js:javas

微信小程序如何获取openid

微信小程序如何获取openid wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) var appid = 'wxbe08efce713a44bf'; //填写微信小程序appid var secret = 'd65ad3d9ee159c568200c30a3bb49baf'; //填写微信小程序secret //调用request请求api转换登录凭证

微信小程序 定位 获取国家省市区

从文档可知该方法只是返回的位置坐标等信息,并未返回地理位置名称.好在腾讯地图准们为小程序提供了接口SDK来获取位置信息. 文档地址如下:http://lbs.qq.com/qqmap_wx_jssdk/index.html SDK使用方法请参照该文档. 在小程序中获取地理位置信息的流程就是: 根据wx.getLocation方法获取当前位置坐标. 根据reverseGeocoder方法获取当前坐标地理位置信息. 注意:会提示https://apis.map.qq.com不是request 合法域

【小程序】获取到的e.target与e.currentTarget区别

[小程序]获取到的e.target与e.currentTarget区别:https://blog.csdn.net/qq_33744228/article/details/80310294 使用e.target.dataset的问题:https://www.cnblogs.com/xiaoli52qd/p/7857468.html 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/9647334.html

当在微信扫一扫进入小程序 并获取到二维码的参数 从而实现扫码进入小程序

第一步:  登录你的小程序账号,找到设置 ,然后选择开发设置 点击添加后进去页面: 填写相应的一些二维码规则,就是你生成这个扫码的规则,还有根据项目情况填写下面对应的要求  保存之后可以返回到之前的页面 这样就实现了在微信打开扫一扫就进入小程序了 更深入一些: 当需要扫码进入之后需要获取二维码的参数进行下一步操作的话 ,可以再onload函数中进行判断 逻辑代码如下 if(e.q){ var scene = decodeURIComponent(e.q)  // 使用decodeURICompo

微信小程序实现获取用户信息并存入数据库操作示例

微信小程序获取用户信息简单,但是在存入自己服务器数据库的过程中研究了一天多的时间,并且网上搜索不到该资源,故发出来供大家参考. index.js ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 Page({  data: {   nickNam

小程序入门(0)项目创建篇

已经创建项目的可以看我另一篇讲解 小程序入门讲解 (1)项目结构篇. 官方下载地址 安装后扫描二维码登入. 添加项目 你应该是没有APPID的 选择无APPID 会缺少一项功能后面讲解(目前只发现一项). 好了项目创建好了,有点过分简单了点是不是,但这页面不是我自己创建的就很不舒服,特别想自己创建一个页面,所以去认识项目的结构,我在另一篇讲解的还算清晰.小程序入门讲解 (1)项目结构篇. 讲一下没有APPID 和 有APPID 的功能缺失在哪里,先看图然后自己做一下对比 目前我还没有发现其他的不

微信小程序实例-获取当前的地理位置、速度

微信小程序官方文档 https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html JS代码 //index.js //获取应用实例 var app = getApp() Page({ data: { motto: '示例小程序-获取当前地理位.速度', userInfo: {}, hasLocation:false, location:{} }, //事件处理函数 bindViewTap: function() { wx.navigate

小程序--重新获取用户授权

微信小程序这个设计确实给开发者带来了一些不便. 当用户拒绝之后没法在短时间内再次弹窗提示用户授权,如果非要获取用户信息的话,业务流程就受阻了. 但是,小程序还是留了一个口子. wx.openSetting({success:(res)=>{console.log(res);}});