一、 Gitter
-
GitHub：github.com/huangjianke…，可能是目前颜值最高的GitHub小程序客户端，欢迎star
-
数据来源：GitHub API v3
目前实现的功能有：
-
实时查看Trending
-
显示用户列表
-
仓库和用户的搜索
-
仓库：详情展示、README.md展示、Star/Unstar、Fork、Contributors展示、查看仓库文件内容
-
开发者：Follow/Unfollow、显示用户的followers/following
-
Issue：查看issue列表、新增issue、新增issue评论
-
分享仓库、开发者
-
…
Gitter的初衷并不是想把网页端所有功能照搬到小程序上，因为那样的体验并不会很友好，比如说，笔者自己也不想在手机上阅读代码，那将会是一件很痛苦的事。
在保证用户体验的前提下，让用户用更简单的方式得到自己想要的，这是一件有趣的事。
二、探索篇
技术选型
第一次觉得，在茫茫前端的世界里，自己是那么渺小。
当决定去做这个项目的时候，就开始了马不停蹄的技术选型，但摆在自己面前的选择是那么的多，也不得不感慨，前端的世界，真的很精彩。
- 原生开发：基本上一开始就放弃了，开发体验很不友好；
- WePY：之前用这个框架已经开发过一个小程序，诗词墨客，不得不说，坑是真多，用过的都知道；
- mpvue：用Vue的方式去开发小程序，个人觉得文档并不是很齐全，加上近期维护比较少，可能是趋于稳定了？
- Taro：用React的方式去开发小程序，Taro团队的小伙伴维护真的很勤快，也很耐心的解答大家疑问，文档也比较齐全，开发体验也很棒，还可以一键生成多端运行的代码(暂没尝试)
货比三家，经过一段时间的尝试及踩坑，综合自己目前的能力，最终确定了Gitter的技术选型：
Taro + Taro UI + Redux + 云开发 Node.js
页面设计
其实，作为一名Coder，曾经一直想找个UI设计师妹子做老婆的(肯定有和我一样想法的Coder)，多搭配啊。现在想想，code不是生活的全部，现在的我一样很幸福。
话回正题，没有设计师老婆页面设计怎么办？毕竟笔者想要的是一款高颜值的GitHub小程序。
嗯，不慌，默默的拿出了笔者沉寂已久的Photoshop和Sketch。不敢说自己的设计能力如何，Gitter的设计至少是能让笔者自己心情愉悦的，倘若哪位设计爱好者想对Gitter的设计进行改良，欢迎欢迎，十二分的欢迎！
三、 开发篇
Talk is cheap. Show me the code.
作为一篇技术性文章，怎可能少得了代码。
在这里主要写写几个踩坑点，作为一个前端小白，相信各位读者均是笔者的前辈，还望多多指教！
Trending
进入开发阶段没多久，就遇到了第一个坑。GitHub居然没有提供Trending列表的API！！！
也没有过多的去想GitHub为什么不提供这个API，只想着怎么去尽快填好这个坑。一开始尝试使用Scrapy写一个爬虫对网页端的Trending列表信息进行定时爬取及存储供小程序端使用，但最终还是放弃了这个做法，因为笔者并没有服务器与已经备案好的域名，小程序的云开发也只支持Node.js的部署。
开源的力量还是强大，最终找到了github-trending-api，稍作修改，成功部署到小程序云开发后台，在此，感谢原作者的努力。
- 爬取Trending Repositories
async function fetchRepositories({
language = ‘’,
since = ‘daily’,
} = {}) {
const url = ${GITHUB_URL}/trending/${language}?since=${since};
const data = await fetch(url);
const $ = cheerio.load(await data.text());
return (
$(‘.repo-list li’)
.get()
// eslint-disable-next-line complexity
.map(repo => {
const $repo = $(repo);
const title = $repo
.find(‘h3’)
.text()
.trim();
const relativeUrl = $repo
.find(‘h3’)
.find(‘a’)
.attr(‘href’);
const currentPeriodStarsString =
$repo
.find(‘.float-sm-right’)
.text()
.trim() || /* istanbul ignore next */ ‘’;
const builtBy = $repo
.find(‘span:contains(“Built by”)’)
.parent()
.find(‘[data-hovercard-type=“user”]’)
.map((i, user) => {
const altString = $(user)
.children(‘img’)
.attr(‘alt’);
const avatarUrl = $(user)
.children(‘img’)
.attr(‘src’);
return {
username: altString
-
? altString.slice(1)
- /* istanbul ignore next */ null,
href: ${GITHUB_URL}${user.attribs.href},
avatar: removeDefaultAvatarSize(avatarUrl),
};
})
.get();
const colorNode = $repo.find(‘.repo-language-color’);
const langColor = colorNode.length
-
? colorNode.css(‘background-color’)
- null;
const langNode = $repo.find(‘[itemprop=programmingLanguage]’);
const lang = langNode.length
-
? langNode.text().trim()
- /* istanbul ignore next */ null;
return omitNil({
author: title.split(’ / ')[0],
name: title.split(’ / ')[1],
url: ${GITHUB_URL}${relativeUrl},
description:
$repo
.find(‘.py-1 p’)
.text()
.trim() || /* istanbul ignore next */ ‘’,
language: lang,
languageColor: langColor,
stars: parseInt(
$repo
.find([href="${relativeUrl}/stargazers"])
.text()
.replace(‘,’, ‘’) || /* istanbul ignore next */ 0,
10
),
forks: parseInt(
$repo
.find([href="${relativeUrl}/network"])
.text()
.replace(‘,’, ‘’) || /* istanbul ignore next */ 0,
10
),
currentPeriodStars: parseInt(
currentPeriodStarsString.split(’ ‘)[0].replace(’,', ‘’) ||
/* istanbul ignore next */ 0,
10
),
builtBy,
});
})
);
}
复制代码
- 爬取Trending Developers
async function fetchDevelopers({ language = ‘’, since = ‘daily’ } = {}) {
const data = await fetch(
${GITHUB_URL}/trending/developers/${language}?since=${since}
);
const $ = cheerio.load(await data.text());
return $(‘.explore-content li’)
.get()
.map(dev => {
const $dev = $(dev);
const relativeUrl = $dev.find(‘.f3 a’).attr(‘href’);
const name = getMatchString(
$dev
.find(‘.f3 a span’)
.text()
.trim(),
/^((.+))$/i
);
$dev.find(‘.f3 a span’).remove();
const username = $dev
.find(‘.f3 a’)
.text()
.trim();
const $repo = $dev.find(‘.repo-snipit’);
return omitNil({
username,
name,
url: ${GITHUB_URL}${relativeUrl},
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
最后
**一个零基础的新人，我认为坚持是最最重要的。**我的很多朋友都找我来学习过，我也很用心的教他们，可是不到一个月就坚持不下来了。我认为他们坚持不下来有两点主要原因：
他们打算入行不是因为兴趣，而是因为所谓的IT行业工资高，或者说完全对未来没有任何规划。
刚开始学的时候确实很枯燥，这确实对你是个考验，所以说坚持下来也很不容易，但是如果你有兴趣就不会认为这是累，不会认为这很枯燥，总之还是贵在坚持。
技术提升遇到瓶颈了？缺高级Android进阶视频学习提升自己吗？还有大量大厂面试题为你面试做准备！
来获取学习资料提升自己去挑战一下BAT面试难关吧
对于很多Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。整理的这些知识图谱希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。
不论遇到什么困难，都不应该成为我们放弃的理由！
如果有什么疑问的可以直接私我，我尽自己最大力量帮助你！
为你面试做准备！**
来获取学习资料提升自己去挑战一下BAT面试难关吧
[外链图片转存中…(img-QiOPlG7g-1710838981940)]
对于很多Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。整理的这些知识图谱希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。
不论遇到什么困难，都不应该成为我们放弃的理由！
如果有什么疑问的可以直接私我，我尽自己最大力量帮助你！
最后祝各位新人都能坚持下来，学有所成。
527
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
