学习web前端，掌握这些，才有底气跟面试官说基础扎实！

个人发表一下愚见，希望可以给各位看友们一定的帮助，可能对于刚入门前端开发或者打算入门前端开发的朋友们而言，会认为一定要具备很多电脑基础或者很多计算机原理的基础才可以做好前端开发，其实在本人看来，只要有对代码的兴趣热情，这些慢慢都可以入门之后，再提高和了解的，那下面本人说一下对资深前端开发人员基础扎实的标准。

电脑基础：

(1) 最最基本的要熟悉电脑键盘，打字(指代码)要稳要快要流，这样可以保证开发速度;

(2) 掌握电脑的输入设备，处理设备(cpu)，存储设备等。

输入设备：键盘，鼠标等;

处理设备：计算机主机 ，核心部件是中央处理器，有运算器和控制器，这样就可以理解逻辑代码中的cpu优化指的是什么;

存储设备：内存储器 外存储器

(3) 懂计算机网络

Tcp协议 ip dns等都需要掌握;

前端技术(严格遵守web标准开发的准则)：

(1) Html基础-html虽然简单，却是前端开发的结构，简单但重要(xhtml1.0、html4、html5);

① 要掌握html语法规范，了解每个标签的语义;

② 掌握单标签、双标签，块状元素、行内元素;

③ 掌握标签的正确嵌套，标签使用的优化准则;

(2) css基础(css2、css3)--表现语言，效果美观、好用、简单

① css语法，css样式表语法，css样式表分类，c样式表优先级

② css选择器，选择器的权重(选择器的权重问题，在开发中是很重要也是容易被大家忽略的点;)

元素选择器、群组选择器、属性选择器、伪类选择器、id选择器…

③ css常用属性

文本属性，背景属性，列表属性，浮动 (float)，定位 (position)，透明度设置(opacity)，转换(transform)，运动 (animation keyframes)，多列 (column)，盒子阴影等;

④ 盒子模型：

盒模型(content padding border margin);

弹性盒模型(新老语法)

⑤ css命名规范要遵守，很重要;

⑥ css代码优化，在开发过程中，要从始至终注意优化代码;

(3) js --原生js是web标准中的行为语言，是前端所有框架的根基;(es5 es6)

① js基础语法，逻辑操作符，分支语句，循环语句，函数，定时器，正则表达式;

② bom操作，dom操作;

③ 内置对象，事件、面向对象，继承

④ ajax jq bootstrap等

⑤ es6的新特性;

⑦ 重点在算法和逻辑、编程思维的培养;

(4)前端高级技术;

① node.js

Node api模块

Node Common.js规范

Node web应用级框架 express koa 打造web服务器和api服务器

MongoDB数据库

Robe 3T MongoDB数据库可视化工具

Mongoose操作MongoDB数据库

前端通信 socket 技术

② vue.js

Vue指令、Vue 组件、组件注册、组件通信

Vue 生命周期

Vue 自定义指令、自定义事件、自定义过滤器

Vue loader、Vue cli、Vue-router、Vuex

Vue服务端渲染ssr 、 Nuxt.js

③ react.js

React 脚手架 create-react-app

Webpack

React 组件创建： 函数式组件 类组件

React组件通信

React Hooks、React Context

React 生命周期(15版本、16版本 )

React-router 【 3版本 4 版本 】

React状态管理： Flux Redux Mobx

工具： Loadsh Immutable

④ 移动端开发

微信小程序

原生开发小程序： 组件 api

框架开发小程序

Mpvue

Wepy

Taro

微信公众号

微信公众号二次开发

微信公众号申请和界面运营

微信小游戏

原生js + H5 canvas

H5主导的混合开发

Dcloud 提供的 uni-api wap2App h5+

ApiCloud 提供的api.js

React Native 主导的开发

Flutter开发

⑤ 代码托管工具

Github gitee【 码云 】

⑥ 独立接口文档

Restful api 规范

⑦ 版本控制管理工具

Git

Svn

⑧ 自动化构建工具

Gulp

Webpack

⑨ 前端流行技术

大数据可视化 Echarts

移动端类库： Zepto Touch

Api接口调试调用： GranphGl

(4) 其他编程语言的储备

最好要掌握一门后台的编程语言;

比如：学习node.js，Python，php java c++等;

注意：前端的技术不是一成不变的，反而是日益更新的，扩张一点说，稍微不注意，就会发现前端又出现了很多新的东西(只是有些新的技术还没有广泛的应用和推广)，所以作为一个合格的前端攻城狮，应该一直保持去前端技术的热情和学习，不能懈怠，时刻的关注前端技术的更新交替，保证自己的技术一直是处于前沿的和提升的状态;

补充：上面列举出来的技术，是作为一个前端开发工程师，最最基本应该掌握的技术;如果细列技术点，那就太多了(还有很多好用的插件，工具，框架，小应用在这就不一一列出了)，如有兴趣，可以留言交流;

一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流群：939106847，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。