电脑基础：

(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) 其他编程语言的储备

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

比如：php java c++等;

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

文章来源于网络

如有侵权请联系删除