背景
当前最流行的就是用别人的资源给自己刷流量,让大多数没有信息来源的“爱学习”人群缴纳智商税。这种近乎“不劳而获”的想法让一大群人深陷其中,包括本人!
效果
方案
通过用python语言设计的爬虫对w3cschool、miscrosoft等大型学习网站进行摘取学习资源链接,随后保存到文件中,再使用字符串处理方法,用一个已有模板,结合Vue3的js框架,整合出自己的学习资源链接网。使用适当编程语言生成html网页后,即可上传至github等免费在线静态网页区,免费开通静态网页服务,即可在任意可以连通的网络上使用浏览器进行访问。
意义
浏览器确实有收藏功能,但是如果你有时候必须到甲方那里开发,这样你还得备份自己的收藏库,再导入到甲方的浏览器中进行开发时查阅,而且换一个甲方就得重复一次以上的行为。人都是懒惰的,总是会想一劳永逸!所以每个可能使用别人电脑进行开发的程序员都必须要有自己的在线资源库!这一点的重要程度不用我强调。
前提
推荐使用python爬链接,因为爬虫库比较好用,Vue涉猎,花个十来分钟应该掌握了基础知识点了。剩下的就可以使用自己擅长的语言对链接进行拼凑,加到html网页中。
举例
1.我使用python设计的爬虫在网站上爬取到这样的结果,并将其保存到fileName.txt中
C语言教程,https://www.w3cschool.cn/c/
C++语言教程,https://www.w3cschool.cn/cpp/
2.我使用的html模板,名命为index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>bingling blog</title>
<script src="https://cdn.staticfile.org/vue/3.0.5/vue.global.js" type="text/javascript"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<style type="text/css">
body {
background-color: #606266;
}
#app {
width: 900px;
margin: 20px auto;
}
.menu {
width: 200px;
height: 100px;
float: left;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
background-color: white;
color: black;
border: 1px #000000;
border-style: dashed;
margin: 10px;
font-size: 20px;
font-weight: bold;
text-shadow: #529B2E 0.8px 0.6px;
}
.menu:hover {
background-color: #13CE66;
}
</style>
</head>
<body>
<div id="app">
<div class="menu" v-for="(item,index) in files" @click="goTo(item)">
{{item[0]}}
</div>
</div>
</body>
</html>
<script type="text/javascript">
var app = Vue.createApp({
data() {
return {
files: [],
};
},
methods: {
goTo(item) {
window.location.href = item[1];
},
getFiles() {
axios
.get("fileName.txt")
.then(response => {
var s = response.data.split('\n');
for (var i = 0; i < s.length; i++) {
var f = s[i].split(",");
this.files.push([f[0], f[1]]);
}
console.log(this.files);
})
.catch(error => {
alert(error);
});
}
}
});
app = app.mount("#app");
app.getFiles();
</script>
3.将fileName.txt和index.html放在同一个文件夹下,电脑连上网络即可使用浏览器打开index.html,看到自己制作的资源库,本人设计的有点简陋,大家可以根据自己的前端知识进行修缮
4.真正在用心写教程的机构很少,大多都是通过网络爬虫爬取别人的再加以修饰,所以有的时候你会看到相距不大的两个博客都写着原创!!!我们这么做不是截取别人的劳动成果,而是对自己认可的知识进行收藏,以便日后遗忘时提供查阅的快捷途径,请切记,知识和技术都是无罪的,一念神魔。
5.这样设计不仅省下了自己复制粘贴修改别人教程的时间,同时也不需要再费尽脑汁截取别人劳动成功被广大学友抨击了,因为所有的东西我们都没改,任何人点进去还是看到别人原有的网站,亲切而又亲近
6.原理:软件设计都是依靠分层来解决实际问题的,如果还不能解决,就再加一层。本页博客探讨的就是通过加的那一层,给自己和大家带来收益,不要小看这一层!!!