共计 6212 个字符，预计需要花费 16 分钟才能阅读完成。
我集体的状况是有 1 年 web 前端工作教训 + 半年的实习教训，2020 年毕业，大一的时候学过 C 语言，所以始终对于编程感兴趣。我是从大三开学后正式开始自学 web 前端相干的常识，之所以抉择前端方向，一方面是本人对于网页更加感兴趣，二是听我哥说目前 web 前端的发展趋势更好（我哥在网易做程序员），所以我就确立了前端方向为当前我待业的次要方向。从开始自学到大四的实习，我一共花了 1 年 2 个月工夫，把前端次要的技术点和框架都过了一遍，本人做了三个 Vue 的我的项目实战。而后在 2019 年的 10 月份进入了杭州当地的一家公司实习半年，始终到 2020 年 4 月在这家公司转正，待遇是月薪 12K*14 薪 + 五险一金。目前算上实习的工夫，我曾经在这家公司工作一年半多的工夫，我并不打算跳槽，我哥说的意思就是，尽量别因为工资高下的问题频繁跳槽，如果这家公司还有很多成长的空间，还能学到很多货色，就不要轻易跳槽。因为我在自学一年的过程中，我哥给了我很多的帮忙，所以他的倡议我是肯定要听的，而且我感觉的确是这样的情理。因为我是刚毕业一年的，所以这篇文章次要也是写给在校的学弟们一些倡议，心愿能给大家带来帮忙。
给大家总结我一年工夫学了哪些前端技术：
阐明：上面的内容就是我一年工夫全副把握的内容，为什么我会列得如此之细，重点就在这里，其实这些技术都是大家平时能够接触到的，咱们在理论的开发工作中用的也都是这些技术，只不过不同的是大家把握的水平不一样。咱们学的技术名称可能是一样的，然而咱们对于这门技术所了解的深度以及把握的实际操作程度可能相差很多，这就是我一个二本学历为什么能够在毕业后第一份工作就拿到 12K，我感觉是这个起因，就是因为我学得十分细，所以心愿大家不要埋怨内容太多，你要是真想在前端这个畛域成为技术大牛，这都是必须要做的。
肯定要看到最初，有所有前端学习材料的链接！
肯定要看到最初，有所有前端学习材料的链接！
肯定要看到最初，有所有前端学习材料的链接！
一、HTML/CSS3
标签根底
DTD 与 META
语义化
选择器
权重与优先级
匹配规定
浮动与革除
BFC
类名组合规定
SEO 前端技巧
定位
叠加技巧
伪类
伪元素
盒子模型
代码标准
性能优化
渲染原理
CSS Sprites
iconfont 字体图标
布局思路
布局定式
css3 动画
css3 选择器
css3 过渡
flex 布局
背景突变
css3 实用动效
3D 模块
css3 变量
em/rem/vw
企业外部多页面我的项目实战
二、JavaScript
1、ECMAScript
语句语法
数据类型
运算符
隐式转换
运算规定
管制流程
作用域
作用域链
作用域解析
js 解释引擎
字符串属性办法
for of/for in
数组属性办法
对象
狭义对象概念
对象个性
存储机制
深拷贝
对象理论利用
工厂模式
构造函数
原型
原型链
原型指向
封装
多种继承
包装对象
this
this 指向
js 数据处理
垃圾 GC
闭包原理与利用
debug 方法论
浏览器控制台工具利用
面向对象开发
函数式开发
纯函数
递归函数
回调函数
组合函数
缓存函数
柯里化函数
偏函数
函数防抖与节流
高级函数
IIFE 函数
模块化、
数学对象
高级数组办法（reduce、filter、map、every、some、forEach、find、findIndex、include）等、
高级对象办法（entires、defineProperty、freeze、fromEntries、assign、keys、create、hasOwnProperty）等
this 通过 bind、call、apply 指向偏移、同步与异步、闭包模块化、数据形变解决、性能解决
2、DOM/BOM
DOM 对象与办法
节点与遍历树
DOM 选择器
DOM 节点增删改查
DOM 款式操作
DOM 地位获取与偏移
DOM 对象与标签区别
DOM 虚拟化
DOM 事件
Event 对象
定时器与监听器
事件委托
事件代理
事件分流
事件冒泡
默认行为
事件捕捉
防抖
节流
滚动
键盘行为
事件降频
行为锁机制
拖拽模组
碰撞检测
间隔判断
三角函数
方向判断
静止框架
弹性静止
重力加速度
DOM 树
CSSOM 树
渲染解析
加载
回流
重绘
浏览器线程与阻塞
BOM 深刻
window 对象
Navigator
History
Screen
Location
spa 概念
本地传参
日期对象应用
日期格式化封装
随机封装
DOM 分片容器
3、JS 业务利用扩大
JSON 对象
数据解析
JSON 办法
模板渲染
缓存懒加载
正则表达式 RegExp
元字符
修饰符
正向预查
贪心模式
replace 办法
分组与不分组
test、match 与 exec
正则库封装
表单校验
图片预存懒加载
自定义封装滚动组件
多重轮播（循环、视差、旋转木马）、选项卡切换、楼梯导航、吸顶导航、拖拽导航、
JavaScript 编码格调指南
console 利用技巧
4、ECMAScript5 — ECMAScript9 扩大
版本解读
应用环境
let、const
解构赋值
箭头函数
对象解构
reset 参数解构
Class
Set
Get
Extends
Super
Static
private 实现
symbo
Promise
proxy 代理拦挡
async/await
对象新增 API
数组新增 API
字符串新增 API
原型属性
对象润饰
代理拦挡
链式询问
空值合并运算符
泡泡龙面向对象游戏开发
三、HTML5 / 挪动端开发 局部
1、HTML5 标签与 API
HTML5 概念
定义
新增个性
DTD 比照
新增 H5 标签
新增语义化 H5 标签
H5 表单
H5 拖拽事件
Video
Audio
fullScreen
FileReader 文件流
Blob 对象
sessionStorage
localStorage、
网络状态
页面生命周期
网页状态监听
地理信息与定位
canvas 画布
worker 多线程
Notifications 桌面告诉
播放器开发 canvas 交互特效开发
挪动端适配 / 事件
挪动端适配概念
尺寸与分辨率原理
PPI 与 DPI 计算
DIP 与 DPR 设施像素概念
视口 viewport 概念
布局视口
视觉视口
现实视口
视口适配计划（Meta viewport）缩放设置
screen 窗口大小 API
媒体查问 @media
rem 适配
vw vh 适配
挪动端适配计划
flexible rem 计划
vh vw 计划
复合计划
高清适配计划
挪动端字体缩放解决
1px 边框问题解决
半像素线
图片高清适配
image-set
Srcset
js 拼接 URL 技巧
IPhonex 刘海屏适配
平安区域
fit 与 env
Meta 权限治理
兼容优化
IOS 头部底部闪屏回退输入框问题
输入法空格问题
默认首字母大写问题
滑动卡顿问题等
终端款式丑化与拜访判断
Touch 事件组封装
click 提早解决
FastClick 应用
禁用缩放设置现实视口
2、罕用类库 / 工具
jquery：元素抉择、增删改差、事件处理、地位获取、动画过渡、高级办法、特效利用
zepto：挪动端的 jquery、DOM 操作、挪动端事件、click 提早解决、touch 事件组
根底 UI 库：layerUI、easyUI、bootStrap、UI 模块化、UI 库应用技巧、文档解读、案例调试、表单零碎 iScroll、touchjs 等挪动端事件库应用
swiper：挪动端网站触摸滑动、轮播图插件、模块化利用、源码解读
art-template：模板引擎 模板语法、渲染办法、原生模板引擎实现
CSS 预处理：sass、less 应用 stylus 深刻学习、预处理语法、css 编程、Minxin、预处理函数、继承、嵌套 vscode 高级插件与配置 liveserver sass 模板化利用、预处理利用
3、date-picker 挪动端原生组件开发
需要剖析
业务规定
技术栈选型
文件输入规定
技术剖析
MVC 模型概念与设计
业务逻辑分类
view 层适配计划
原型布局搭建
模板化生成
工具函数开发
面向对象式业务设计
能类日期对象开发
交互业务封装
模块对接
优化设计
面向对象高级程序设计
四、Node 与工程化开发
1、Node 原生根底
Node 根底概念
NPM 命令
V8 引擎概念
JavaScript 模块化 CMD AMD UMD
EventLoop 事件循环
同步异步
阻塞非阻塞
工作队列
宏工作
微工作
原生 Node 模块
外围模块与 require
Module
触发器 events 与 path 模块
fs 模块
Buffer 对象
URL 模块
HTTP 模块
stream 流
Node 原生封装 HTTP 与文件服务器
2、Node 框架
express 框架应用
中间件
外围对象
路由配置
模板引擎
数据脚本
Router 外围
CORS 配置
错误处理
校验封装
PM2 治理
nodemoon 治理
MORGAN 日志解决
查问正则捕捉
中间件开发
bodyParse 等第三方中间件应用
文件流上传下载
文件流切分
3、webpack 工程化构建
工程化概念
工程化工具介绍
webpack 基础知识
webpack 配置与运行
plugin 插件
loader 应用
入口进口配置
模块 modules
依赖解决
dev Server
target
文件切分
build 打包
热处理
package 治理
性能优化
测试解决
第三方插件应用
babel 等
4、前后端数据交互
HTTP 通信交互原理
申请响应
MIME
URI 地址
报文解析
端口
报文流
测试监听抓包
TCP/IP 握手机制
网络业务模型
代理
缓存
网关
隧道等概念
method 与申请头分类
根底 XMLHTTPRequest 对象办法属性
办法
ajax 异步交互
同源策略原理
原生 js 封装 ajax 交互
jquery 的 ajax 封装交互
jsonp 跨域解决
cors 跨域解决
携带 cookie 与跨域解决
代理服务器跨域解决
cookie 验证与通信
axios 库的应用代理
封装
拦挡
合并
二次封装
通信加密策略
数据对称加密
数据非对称加密
RSA 加密实际
MD5 加密实际
登录注册与鉴权机制
Authenticity 认证
Token 认证
JWT 认证
session 状态治理
oauth 认证
5、RESTful 接口设计
RESTful 设计准则
状态码设计与标准
服务器响应规定与格局
前后端接口协议制订
传统 RESTful 改良
API 设计规范
资源定位
JSON 模式
合约阐明
资源标识符
缓存敌对 API
HTTP 头治理
文档定义
松耦合准则
一致性
重用
稳定性准则
6、数据库存储
MongoDB 根底概念
NoSQL 与 SQ
CAP 定理
RDBMS
MongoDB 语法
指令
监控与 GUI
MongoDb 驱动
Mongoose 利用
数据库创立
汇合增删改查
文档增删改查
数据库查问
高级查问操作
通道查问
多条件查问
反向筛选
索引解决
aggregate 聚合管道
validation 验证
population 联表
middleware 中间件解决
查问 ERROR 类二次封装
五、Vue 框架
1、vue 根底
工具与插件
mvc mvp mvvm 设计理念
原生 js 实现 MVVM 外围框架
vue 设计模式
生命周期
命令与属性
组件化
数据驱动与双向绑定
虚构 DOM 概念原理
模板语法
条件与列表
数组监测
计算属性
事件处理
润饰与表单
监听器
过滤器
methods watch computed filter 比照
组件化开发
动静组件
组件通信、高级组件通信
插槽
vue 动画
实例对象
set
Get
nextTick
vue 插件
2、vue 工程化
Babel
webpack 配置 vue
vue 单文件组件
vue-cli
工程平台解决
postCss
Animate
Core
Socket
lodash 工具
vue-cli 插件
Preset
动态资源解决
环境变量与膜还是切换
工程化部署
工程构建
3、vue Router
vue 路由概念
嵌套路由
路由视图
动静路由
路由匹配
编程式导航
History
hash 模式治理
命名视图
重定向与别名
导航守卫
路由元信息
滚动与懒加载
导航故障解决
4、vuex
vuex 外围概念
EventBus 比照
状态管理模式
Store
state
Getter
Mutation
Action
moudule
vuex 辅助函数与 API 性能
vuex 环境抉择
vuex 模块化解决规定与技巧
对象格调提交形式
模块重用等
如果学弟们能够把握上述内容，我认为找到 10K 以上的工作没有任何问题。依据我的察看，目前网上很多机构的前端课程都是偷工减料，很多前端外面的知识点都是能删就删，400 多课时的内容被压缩到 180 课时，所以就导致了当初很多人学习前端，然而很难找到工作的一个次要起因。如果不是我哥是做这方面的，我感觉本人应该会跟大多数人一样，学的内容都是欠缺很多，可能连工作都找不到，更不要说能够找到 12K 的前端开发工作。所以我感觉尽量要找一个身边的亲戚朋友做这方面的带带本人，不然一个人真的太容易走弯路。
看我分享的这些前端教程，相对要比你在网上找的那些好很多倍：
因为链接不让发，想要获取教程的敌人，能够到这个 WEB 前端学习交换裙，484 757 760，裙文件里有全套教程下载链接，能够跟着学，有什么不懂的中央能够随时在外面问，大家都会帮忙解答，学习气氛很好。
这套教程就是对应着我下面总结的前端技术栈，这是我目前看到最好的前端课程，要比网上大部分教程讲得要好，特点就是更加的粗疏，很多理论开发的问题都有讲到，很留神前端方面的标准问题，这在很多前端教程中都是没有的，所以我认为更加适宜老手学习待业。
举荐的前端书籍：
javascript 编程精解
javascriptDOM 编程艺术
javascript 高级程序设计 (3/4)
你不晓得的 javascript(上中下)
javascript 权威指南
javascript 设计模式与实际利用
喜爱浏览文字的学弟们能够看看这些书籍，这都是我挑出来比拟经典的 JavaScript 技术书籍。
前端到底应该怎么学才好？
如果你打算靠本人摸索自学，那么你首先要理解学习前端的根本纲要，这是你将要学习的次要内容，了解以及把握好这些内容，便能够找到一份高级的前端开发工作。你还须要有一套残缺的前端学习教程，作为初学者最好的形式就是看视频教程学习，初学者容易了解承受。不要抉择买书学习，这样的形式没有几个人能学会，根本都是看不下去书，也看不懂书。如果喜爱看书的学弟，能够买一些经典的书籍作为辅助即可，次要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的筹备。学习编程并不是每天光看视频，你学习编程最重要的目标是为了编写软件产品，提供给公众应用，所以用手写出代码实现性能才是咱们要做的事件。而很多同学不会学习，只是每天看视频，而不去写代码写我的项目实际，这样的学习状态是谬误的。在整个学习过程中会呈现很多问题，不懂就问，忘了就查，学习编程是一个漫长的过程，须要有足够的急躁和学习的信心。自我摸索自学的过程中会有很大的艰难，最初能通过自我摸索自学成功的也是极少数。所以尽量要找一个比拟有教训的人去带你，这样才不会走弯路。
如何找工作的问题？
在校的大学生肯定不能错过大四的秋招，秋招是十分重要的，个别在秋招的时候都是一些比拟好的公司，这个时候往往公司的数量也特地多，能走秋招就走秋招。如果秋招没有筹备好，就等明年的春招，反正能通过校招进企业就通过校招进，一旦错过了校招，社招就会变得异样艰巨。
还有 IT 圈一个十分重要的规定，就是通过熟人介绍，很多公司都有猎头，这些猎头就是挖掘那些技术好的人才，通过各种形式进行挖人，所以通过关系进行内推也是找工作的次要形式，内推要更加容易待业。
再就是本人去投简历，这样找工作的形式就是海投，海投就会比拟累，然而如果你技术能力强，也能够找到本人心仪的公司。如果是大学生，我倡议肯定要通过校招走，在学习的过程中，多意识一些关系，当前打算在这个圈子外面混，少不了意识一些公司的 HR 资源以及技术方面比拟不错的大佬，我是打算干满三年，而后通过我哥在网易的关系把我内推到网易，网易的薪资就高了，去了后间接年薪 30 万起步，当初就是我积攒的过程。