JOJOの奇妙前端冒险（第一部） | 寻找C站宝藏

Posted 2021-06-27 空城机

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JOJOの奇妙前端冒险（第一部） | 寻找C站宝藏相关的知识，希望对你有一定的参考价值。

本文仅是博主个人一己之见，搜集不全请多多担待

文章目录

序
正文开始

序

被标题吸引进来的各位同学，都正在进行前端工作或者即将接触前端吧 (๑•̀ㅂ•́)و✧

🍦 因为空城机比较喜欢JOJO这系列动漫，所以就以JOJO线路来为各位同学介绍本人收集的C站各位前端大佬们的文章 🍦
在这里插入图片描述

各位大部分应该都见过各种的前端路线学习图吧，实际上俺也一样，并且一张清晰的图可以帮助前端路线走的更近清晰

这里推荐一下：
"小小码农，可笑可笑"的《一个前端应必备的素养图谱》(直接点击即可跳转连接，之后不重复叙述)
"十月ooOO"的《前端技术框架【导图】》

以下再举个栗子：
在这里插入图片描述

正文开始

下面找到的都是C站的宝藏，所以请各位放心食用

前端打工人进入前端领域时，会发现“哇，有好多有趣的东西，这工具真好用，这界面真的秀”

实际上，这里面水太深，你把握不住，让叔来 ---- 那叔也得被淹死 (o゜▽゜)o☆[BINGO!]

这里先提醒各位一声：人的能力是有极限的。我从短暂的人生当中学到一件事… 越是前端全都想学 , 就越会发现人类的能力是有极限的 … 除非不学了

不过前端入门都还是一样的，三兄贵阻路（JavaScript、 HTML、 CSS）
在这里插入图片描述

HTML篇

HTML是搭建一个页面的骨架，也是最最最基础的东西

以下介绍HTML的好文（以下大佬不分先后，狗头保命）：
在这里插入图片描述

“大佬1号” ：编程小石头

简介：爱技术，爱生活，爱分享，爱家人，爱学习。本人从2013年6月开始自学java android h5至今，随着学习的深入，自己的技术也慢慢增强，在这里与大家分享个人的学习心得和成长历程，望共进步

文章：《史上最全的HTML、CSS知识点总结，浅显易懂》，虽然是一篇几年前的文章了，但总结的还是非常够用的，当然排版上可能一般

“大佬2号” ： GoldenaArcher

简介： Done is better than perfect

文章：将自己对HTML的梳理专门分类到专栏中去，专栏是https://blog.csdn.net/weixin_42938619/category_10973314.htm

（刚刚入门的同学们建议大家跟着别人的专栏然后自己结合着打代码走一遍，不排除有些代码是错误的可能性）

“大佬3号” ：乘风破浪的程序媛

简介： 一个还在努力奋斗的小女孩人生没有白走的路每一步都算数

文章：同样也是自己辛苦整理的专栏，专栏是https://blog.csdn.net/m0_46374969/category_10753527.html

（刚刚入门的同学们建议大家跟着别人的专栏然后自己结合着打代码走一遍，不排除有些代码是错误的可能性）

“大佬4号” ：°PJ想做前端攻城狮

简介：始终相信不能更进一步不是因为困难，而是畏惧困难的自己。所以想做前端攻城狮的PJ正在将键盘敲烂的路上，一直敲

文章：《HTML与CSS进阶》，此文章属于对HTML5新特性增内容的一些介绍，举得例子也足够的多，前端对HTML5有不了解的也可以进行查询

“大佬5号” ：wuyxinu

简介：持续更新前端知识点合集以及各种前端知识。关注一下⑧

文章：《HTML入门与进阶以及HTML5》，推荐的理由也是因为比较全面，没什么好说的，打上666666

因为HTML中我们经常会使用到input标签，这里来给一个《html 的input标签各种输入控制》的小推荐，比较全面，虽然是转载的，但是当遇到input输入控制问题时可以来这篇文章光顾。

当然了，有关HTML不错的文章还有很多，以下就不一一列举了，毕竟HTML是入门第一关，如果这一关都过不了，那应该是有其他的地方比HTML更加适合你的 o(￣┰￣*)ゞ

在这里插入图片描述

CSS篇

CSS入门简单，但是深入难度就高了。
基础的background、font之类的简单知识了解了，可以很棒ヾ(´∀`o)+，那你知道 box-shadow、animation、transition吗？
接下来的:root、clip-path、var会了吗？
布局你知道多少呢，position、float肯定会的吧，flex也行吧，grid呢？

别的程序员用CSS写出了那么好看的效果，麻烦你也做一下 ✋

下面是大佬主要用CSS和HTML做出来的
在这里插入图片描述