# 介绍

一个体验全栈开发的入门级练手项目——todo-list,前后端分离。
前端:Vue CLI 3.x + Vue 2.x + Vue Router + Element-UI + Axios + ES6
后端:Node.js(Koa2) + MongoDB + Restful API
实际使用到的技术远不止这些 具有以下特性:

  • JWT用户验证
  • Restful API
  • 响应式布局(略丑,待完善)
  • ......

GitHub地址:戳我一起造作吧! (opens new window)

不要项目驱动,要知识驱动,目标驱动 满足招聘需求,没用的知识不要学 要记住,做这个项目,是为了在这个项目上实践这些知识,目标是掌握知识

# 写在前面

# 为什么要写这个项目?

大前端的发展,使得前端不再是简简单单的“切图仔”了。前端的技术更新很快,企业的项目有时候是非常老旧的,不跟上,你就在市场外了。知识阅读获取很快,但流失的更快。只有通过输出的记忆才能持久一点。 本项目可以当做是一个练手项目,既符合市场需求的技术栈,又方便自我提升的捣鼓。 所以它是将知识输出的一个项目,请务必先有知识的输入。

  1. 志当存高远
    现在前后端的工作越来越细化,日常工作中只使用那么一点基础知识就完全可以胜任(目前蜷缩在某小公司努力发光),但我辈身处信息洪流中,岂甘做一井底蛙?
    怎么办?看书学,看文档学,看代码学;
    学了就忘,怎么办?重新看,边看边用,边用边总结。
  2. 拥抱未知技术,满足市场需求
    对于后端,一直是我这个小前端未知的领域,打通后端,无异于是打通了程序员编码生涯的“任督二脉”。但自我式的探索未知领域,不能盲目的给自己创造阻力,既要能满足新奇感的阻力也得要有持续性的正向反馈,故而也是针对当前市场需求,选择了这个技术方案。
  3. 自我约束,助力成长
    虽然这个项目实现的是烂大街的简单的待办清单,但待办清单本身同时也是一个生活管理工具,能够体现出一个人的自律性,送一句话大家共勉:“自律的人不一定成功,但成功的人一定自律”。

# 阅前须知

正式进入客户端篇前,请确保有HTML、CSS、JavaScript(含ES6)基本知识,并了解vue的基本使用,至少官方文档的教程中的基础、深入了解组件部分有阅读过并能大致理解。本教程不会对vue基础知识进行讲解。

本教程中不会涉及太多对知识点的讲解,第一次出现的知识点会附上相应学习链接,既然看了,链接里的其他知识点也顺带看下,后面再出现就不再配上了,请务必看过

# 啐啐念

思考了很久,本来打算在教程中把涉及到的一些知识点尽可能的讲清楚、讲透彻。但是下笔的时候却发现这个要求十分难以实现。。。。。。一是自身对这些知识的理解十分有限,二是“讲清楚、讲透彻”这个度十分难以把握。最后转变了思想,大家看我这个实战教程本意就是想把自己知道的知识和不知道的知识通过功能的实现串起来,学习知识的优选还是在文档和源码上。故而本教程中不会涉及太多对知识点的讲解,但在每篇文章底部,我会附上阅读该文章可能所需知识点的知识清单(不一定是最好的,但都是我用过的,欢迎大家推荐),注意:不会重复推荐,请务必熟读。其中有部分是英文的,尽管全是英文很难受,但是相信我,花点时间啃英文文档,不但能省下你阅读大量过时无用的中文资料所浪费的时间,还能让你以后看英文文档越来越快。

Last Updated: 11/9/2022, 6:38:52 AM