学习web前端，掌握这些，才有底气跟面试官提薪资

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

创新互联公司专业成都做网站、成都网站设计，集网站策划、网站设计、网站制作于一体，网站seo、网站优化、网站营销、软文发布平台等专业人才根据搜索规律编程设计，让网站在运行后，在搜索中有好的表现，专业设计制作为您带来效益的网站！让网站建设为您创造效益。

电脑基础：

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

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

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

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

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

(3) 懂计算机网络

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

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

在这里小编建了一个前端学习交流扣扣群：132667127，我自己整理的最新的前端资料和高级开发教程，如果有想需要的，可以加群一起学习交流

(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 h6+

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++等;

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

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