前端如何入门面对传统的html，css，js，三大框架react，vue，angular？

Posted 2021-03-20 程序员劝退师

前端入门需要学习

A基础知识部分

1.html一些新的标签，html不仅仅包括div,span

2.css3,一些新的语法，布局，例如flex弹性布局，less，sass都是啥

3.DOM树结构，盒模型（margin,padding,border)不同浏览器层次不一样，尤其IE

4.数据交互插件，ajax，fetch，axios等等，要求自己能封装出一个ajax类，供自己用

 

B前端环境，软件

nodejs，npm

1.了解node，npm是干什么的，为什么前端要用这些

2.自己搜索npm官网，cnpm又是什么？

3.编辑器一般是vscode,微软出的，前端大部分都在用

4.代码管理工具git，svn命令会用，客户端软件推荐小乌龟（必需会）

5.postman，模拟请求的工具，要求会用

6.google chrome要了解，因为现在开发都是在用谷歌调试

7.说道调试需要了解断点，如何打断点，不要每次都打印在看错误，断点调试，任何编辑器都可以打断点

8.Atom，submit Text都是前端常用的编辑器，可以了解了解

 

C框架

前端三大框架react，vue，angular

现在大部分项目都是前端后端分离的，基本很少写jsp这种项目

并且Jquery这种插件也基本被废弃，

Jquery是节点驱动，三大框架都是数据驱动，虚拟节点，后面再说

Jquery但是要知道，并且最好会用

拿react来说，怎么学习，vue和react核心思想差不多

因为我一直用的react，也比较好用

react三大特性：

1.生命周期函数（必会，代码经常用得到）

2.虚拟Dom节点

3.组件化（现在前端思想，组件化，封装）

4.数据单向流动，父->子，子不能到父，这样设计防止同时修改数据造成问题

 

React需要学习的相关组件

    "react": "^16.9.0",

    "react-dom": "^16.9.0",

    "react-redux": "^7.1.0",

    "react-router": "^5.0.0",

    "react-router-dom": "^5.0.0",

    "redux": "^4.0.4",

    "redux-logger": "^3.0.6",

    "redux-thunk": "^2.3.0",

不仅仅是这些，这是搭建一个框架的基础

 

D打包工具

需要了解

webpack，gulp，了解

 

E 常用的ui库看看

ant-design

element-ui

bootrap所有ui库基本底层都是封装的bootrap的组件

weui

aui

layui

Easyui等等，百度百度看看，这些插件样式，混个脸熟

 

F部署

nginx，linux相关知识。

 

G

一些基础知识，操作系统，计算机原理等

例如三次握手，dns是啥，dns如何解析

 

还有一些有的没的就是

北京的互联网公司

一等百度，阿里，腾讯，字节跳动

二等滴滴，京东，美团，苏宁等等

看看这些公司招聘需求，