liyupi / code-nav Goto Github PK

View Code? Open in Web Editor NEW

2.5K 39.0 541.0 94.17 MB

💎 专业的编程导航，帮你找到优质的编程学习资源！公众号【编程导航】 ☁️ 前后端均开源，励志成为最好的全栈云开发项目！

Home Page: https://www.code-nav.cn

License: MIT License

JavaScript 83.36% Dockerfile 0.01% TypeScript 8.15% Less 0.50% HTML 6.38% CSS 0.67% Java 0.72% EJS 0.21%

code resources guide java python cpp javascript frontend backend algorithm

code-nav's Introduction

编程导航

专业灵活的编程导航站，发现优质编程学习资源！微信公众号『编程导航』

另外一个项目：免费编程资源大全，对优质资源做了进一步整理！

项目介绍

编程导航不仅仅是一个网站，而是以 “帮助大家发现优质编程资源，提升学习效率” 为目标的完整生态。

包含多个子项目，技术栈包括 React、Java SpringBoot、腾讯云云开发等，都开源给大家学习，让你也能轻松开发精美的信息导航类网站！

进入对应目录可查看子项目详情：

子项目	描述	目录
🔍 编程导航主站	发现优质编程资源	code-nav-main
🏡 编程主页	程序员必备主页	code-nav-home
📚 编程导航文档	项目使用指南和详情，深入了解项目必读	code-nav-doc
📱 编程导航小程序	在微信中直接搜索资源、浏览优质文章	code-nav-mini
🌿 编程导航公众号后台	提供获取动态码、关注回复、动态菜单等服务	code-nav-mp-server
☘️ 编程导航微信公众号	分享、介绍、评测优质编程资源，不要错过！	无

项目展示

编程导航主站 - 发现优质编程资源

编程主页 - 程序员必备主页

编程导航 - 微信小程序

编程导航 - 微信公众号

编程导航 - 微信公众号后台

编程导航文档 - 深入了解项目

项目特色

多端适配响应式网站
提供测试数据，易学习、易接入
覆盖云开发大部分功能特性
支持容器部署，全量上云
遵循统一代码规范

站点由来

总是有很多学编程的朋友问我 “有没有学 xx 的资源”、“我需要 xx 资源，能发我一份么”。

在重复接收类似讯息后，我陷入深思。

如今编程资源获取的大环境雾气重重，有很多不太好的现象：

很多名不副实的编程资源被捧上了天，名人效应、一叶障目
好的编程资源被商业利益化，很多人利用信息差，将本来免费的资源进行贩卖
好的编程资源由于作者不出名，没有被人发现
网上的编程资源非常零散，真实性、有效性很不确定

意识到这些问题后，作为一个开发者，我可以做些什么？继续去网上搜好的资源，然后传到网盘上，分享给大家？

一个人的力量终归渺小，好的编程资源环境需要大家的共同努力。

这是『编程导航』问世的原因：提供人人皆可推荐的编程资源导航平台，帮助大家发现优质编程资源。

本质是 资源碎片 => 列表化 => 文档化 => 系统化 的过程。就像准备复习面试题一样，有人给你分享单一的面试题目（碎片）、有人分享题目列表（列表化）、有人分享一本面试小书（文档化），而这些在灵活性上远远不如一个 “可搜索”、“可复用”、“可量化” 、“可定制” 的 资源系统。

想象一下，当你想要学习算法时，在系统上轻轻一点，优质算法学习资源尽收眼底，不是很棒么？

作者在腾讯顶着上班的压力，熬了一个月的大夜，终于完成了基础版本，欢迎大家体验、推荐资源、提出意见！

整个项目也开源给大家，可供学习。觉得不错的话，求个 star、分享给身边的朋友吧，这对我非常重要 😭 有你们的支持才有前进的动力！

QA

Q：编程类导航网站都烂大街了，为什么还要做导航？

A：大多数编程导航网年久失修，也有不错的导航，但是在搜索、归类上比较局限，而且没有自主推荐、喜欢等功能，不具备可持续发展性。
Q：资源太多的话，会不会同样让人眼花缭乱，不知道看哪个？

A：现在编程资源非常多，肯定会出现这种情况，这也是我们做系统而不是整理文档的原因。可以通过评分、评论、排序、推荐等方式缓解，大家觉得好的资源才会有更多被发现的机会！
Q：分享资源时直接给别人可访问的链接不就行了，为什么要从编程导航分享？

A：的确，分享链接在很多场景下都很方便。但如果分享资源时，能让他人直接看到资源的描述、详情，可以更快地帮助他人使用和理解。还可以通过评论区来对资源的质量进行区分。后续还会为每个资源添加视频介绍，帮助大家快速上手！

全部功能

一张思维导图足矣，详细介绍请进入对应项目子目录。

版本

日期	版本	详情
2021 年 01 月 10 日	0.0.1 内测	编程导航主站基本功能完成
2021 年 01 月 20 日	0.0.2 公测	编程导航主站、编程导航主页、微信服务端上线，开源

联系作者

作者微信 code_nav ，添加时请备注事由，开门见山。

想更好地学习编程？

最近鱼皮开了自己的付费编程学习圈子，在这里可以收获更多编程经验、和几千名小伙伴一起学习交流打卡、向鱼皮等大厂同学提问、看内部直播学会做项目等等。

点击了解详情：https://docs.qq.com/doc/DUG93dVNHbVZjZXpo

欢迎扫码加入 / 体验：

贡献指南

提交产品或 Bug 反馈意见

致谢

liyupi ringozzt jonssonyan 前端LeBron

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{程序员鱼皮} 🤔	_wxy521 💻	_Ringo 💻	_前端LeBron 💻	_{Jonsson Yan} 💻	_brysonLin247 💻	_wenjingyuer 💻
_{腾讯全栈开发 IT-CJF} 💻	_Florence 💻	_{luoshuai990529} 💻	_NaissanceFy 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

code-nav's People

Contributors

Stargazers

Watchers

Forkers

yangqixin123 bestjex millertiga kemliss zhudunfeng chinagz beiwei365 martyalien cxyax shipmatserjack qq89987112 baiguilin hankzhi xldc shfshanyue organ-test2 hy-vae liulingfu gcf0082 itliujia szq520 vincent9029 zhangco1079 royswale faketerrible xuruch gavin-j houweifeng wuhaohao1234 renlv1 fjy-lwj gxuebin kelvin4869 mabo0001 forkai wxdespair xcyn iopa788 fxianglong readercyc defool zhouwencn 18712868566 sharokku4869 seigec chelestewang zenas-cp linisme fgz102 lbrain163 haimaqu fenqinyao iseeyo coderljj qooazzz 13548162451 liudih lq1405 wangyunchina netgodz geekerydaily luojiguicai tueshao qingyang1807 chenzt-0618 devin-lu rd-zf-zfy jarvi168 hhy5277 vanwhebin binbin0915 delfws evenyylzz ostenant zhangxiaoxiaoshuai luckytiger66 jianjianfa keyman9848 hanotao melodyjerry hardshipdreamnice springjx weiling103 buxinren lovepli weteams qingwenyi debug0125 navie484 jiajianfa tchigher ok2fly teamlovepli ysqcode krystal-my 13997069973 liqiang007 marshubjs xinzhan-li chlzaoyaowan

code-nav's Issues

打包失败

利用 npm run build 时，一直卡在 95%

提示为 OptimizeCssAssetsWebpackPlugin

资源大全顶部搜索框输入 [*++] 比如 "a++"、"c++" 界面全白且无响应

本项目是否可以部署到自己的网站使用，是否侵权？

你好站长，我也想做个网站，结构和“编程导航”类似，但行业不同，是否可以将本项目的代码直接部署到我的网站，是否侵权？

https://www.code-nav.cn/friend页面打开无数据页面语法报错

报错如下

按照文档中的指引来用vscode启动项目时，会遇到一点报错

都指向的是“@primary-color-hover is undefined”

目前我的做法是把“@primary-color-hover”改为了“@primary-color”

然后再npm run start就可以启动项目了

是否能通过PWA+P2P防御攻击

index.html/chunk.js/main.js 使用service worker 在用户客户端做持久化缓存

  const cacheName = "ashes";
  const cacheFiles = ["index.html", "webtorrent.min.js", "test.css", "register.js"];
  self.addEventListener("install", (e) => {
    console.log("[Service Worker] Install");
    e.waitUntil(
      (async () => {
        const keys = await caches.keys();
        console.log(keys);
        if (keys.includes(cacheName)) {
          return;
        }
        const cache = await caches.open(cacheName);
        console.log("[Service Worker] Caching all: app shell and content");
        await cache.addAll(cacheFiles);
      })()
    );

热点数据缓存：

首页数据使用

  window.addEventListener("fetch", async (data)=>{
    //cache name 定期更新，用来进行首页数据更新
  		const cache = await caches.open(cacheName);
  		await cache.addAll(cacheFiles);
  })

核心数据接口使用webtorrent生成磁链

const sourceFiles = new blob(JSON.stringify(dataObj))

export const createTorrent = async (sourceFiles) => {
	const isMultiFiles = sourceFiles.length > 1;
	const listItem = await new Promise<CustomStruct>((res, rej) => {
		client.seed(
			sourceFiles,
			{
        //辅助打洞服务
				announce: ["udp://ip:port", "ws://ip:port", "http://ip:port", "http://ip:port/announce"],
			},
			(torrent) => {
				const { files, magnetURI, name, infoHash, torrentFileBlobURL } = torrent;
				const type = isMultiFiles ? "hybrid" : sourceFiles[0].type;
				const names = isMultiFiles ? files.map(({ name }) => name).join(" | ") : name;
				res({
					name: names,
					magnetURI,
					id: infoHash,
					fileUrl: torrentFileBlobURL,
					lastModified: Date.now(),
					type,
				});
			}
		);
		client.on("error", (err) => rej(err));
	});
	return listItem;
};

协议层/server配置
udp/tcp协议访问时，发送磁链，如磁链未建立新的peer，则判定为无意义访问，加入封禁列表
Q&A
为什么使用磁链：使用网站的人越多，数据访问的速度越快
为什么需要辅助打洞：解决多层NAT导致的无法访问/丢包问题
如何迁移现有项目：
使用nginx转发现有服务，让现有用户逐步成为P2P的节点，提供基础访问速度
页面端使用现有的npm包，可以让项目自带service worker

我在vscode中通过npm run start把编程导航主站的项目运行起来了，

点用户登录没有反应，现在想添加mock里的数据试试，在config/config.ts中把"mock: false,"这句去掉之后就报错了

报错信息：“mock value of MOCK_OPEN should be function or object, but got boolean”
应该是要怎么才能使用mock里的数据呢？