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

我的发表一下愚见,但愿能够给各位看友们必定的帮助,可能对于刚入门前端开发或者打算入门前端开发的朋友们而言,会认为必定要具有不少电脑基础或者不少计算机原理的基础才能够作好前端开发,其实在本人看来,只要有对代码的兴趣热情,这些慢慢均可以入门以后,再提升和了解的,那下面本人说一下对资深前端开发人员基础扎实的标准。php

图片描述
电脑基础:css

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

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

输入设备:键盘,鼠标等;vue

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

存储设备:内存储器 外存储器java

(3) 懂计算机网络node

Tcp协议 ip dns等都须要掌握;react

前端技术(严格遵照web标准开发的准则):css3

在这里小编建了一个前端学习交流扣扣群:132667127,我本身整理的最新的前端资料和高级开发教程,若是有想须要的,能够加群一块儿学习交流

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

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

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

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

(2) css基础(css二、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++等;

图片描述

注意:前端的技术不是一成不变的,反而是日益更新的,扩张一点说,稍微不注意,就会发现前端又出现了不少新的东西(只是有些新的技术尚未普遍的应用和推广),因此做为一个合格的前端攻城狮,应该一直保持去前端技术的热情和学习,不能懈怠,时刻的关注前端技术的更新交替,保证本身的技术一直是处于前沿的和提高的状态;

补充:上面列举出来的技术,是做为一个前端开发工程师,最最基本应该掌握的技术;若是细列技术点,那就太多了(还有不少好用的插件,工具,框架,小编在这就不一一列出了),若有兴趣,能够留言交流;

相关文章
相关标签/搜索