毕业一年以后自学前端，终于拿到offer啦

先介绍下个人情况，非计算机本科专业，毕业一年以后自学前端，目前在杭州，正在跳槽，已有offer

如果是为了找工作，首先要准备几点

1.准备简历：公司要你有项目经验（没有工作就没有项目经验，没有经验就没有工作，是个死循环），可以在某课，某云弄上一两个项目写到简历上，关键是要能罗列出你做了什么，怎么用的，如何进行思考的！！！简历模版参考网上（建议一年，多了兜不住，项目最好别写饿了么，电商网站，jquery相关）

2.面试：如果没有工作经验，千万别把重心放在基础上，学会使用工具（框架）是重点，其次是背面试题，举例子css盒模型，垂直水平居中，flex，js数据类型，对数组或对象方法的处理，数组去重，es6 promise ，async ，箭头函数，this，异步，原型链，闭包，vue（数据响应式原理），react（setState同步还是异步），框架的api生命周期，http相关，这些都是问烂的题目（能理解就理解，理解不了就去背，工作了再去理解），面试的时候基础是一部分，还有对项目的理解，就是可以清楚的表达出你简历里面的项目（用了什么技术，实现了什么功能，如何进行思考，遇到的难题）

注意面试的时候，表达能力大于技术！！！，表达能力大于技术！！！，表达能力大于技术！！！

3.工作：刚入职不要急着写代码，首先要学会看代码，刚工作的时候基础根本不重要（写业务），不要沉迷于基础，你不会写不是因为你的基础差，是因为你没有一个程序员应有的思考方式与习惯（这个很重要），先去看es6相关的（略过原生js，推荐阮一峰），然后边开发边看mdn，学会api的使用，还有就是组件库怎么用（element/antd），一些数据流框架（redux/vuex/mobx/rxjs），如果不会写，就问有经验的人（要先定位问题再去问，尽量养成独立思考的习惯！），学会写表单完成业务之后，再去补你剩下的基础，但是在你刚工作的时候，首先要学会如何与同事进行沟通（主管，后端，ui，产品，测试），然后去平衡你自身（学习，工作，生活）

没有编程基础的人，推荐第一家公司用vue/小程序（强烈不建议react！！！，对于没经验的人来说上手成本比vue高几倍）

4.学习：如果你是非计算机专业转行，推荐你用我说的方式学习，仅代表个人观点（我只是个普通人，能力强请忽略）！！！

1). 放弃你的基础知识积累，先学会去用工具（vscode，git，脚手架工具，node命令行，理解打包、需求评审、发布上线、生产/开发环境等开发相关的词汇）

2). html和css学会div+css写出基本布局就行，理解行内块元素，position，padding，border，flex会用就可以了（不要仿一个电商网站！！！，毕竟太傻了，面试另说），工作了有组件库的。

3). js 理解数据类型，数组字符对象操作与转换，循环分支，falsy值，与或非即可（原生js不重要，工作以后再补），es6理解模块化，箭头函数，解构赋值，promise（这个非常重要，建议工作之前就理解，推荐阮一峰es6先看一遍），ts看你个人基础，基础好就学，jq直接跳过(2020年以后还用jq的公司不建议去）

4).学vue/小程序(vue2) 理解mvvm，常用的生命周期，父子组件数据怎么传递的，数据流向，回调函数，常用指令，computed/watch（能独立用element写表单就可以找工作了），最好学一学vuex，router等如何使用，cli看个人情况（vue使用上至少能在面试的时候吹牛逼，小程序也一样，v3了解即可，刚入行不推荐），理解响应式原理（至少面试的时候吹牛逼，发布订阅模式，面试必问），能配合使用es6封装简单组件即可

5).webpack/gulp强烈不推荐，你刚入职不会交给你这种任务的能背面试题吹牛逼即可，不会也行

6).node想学就学，有兴趣的话可以额外学一学koa/express/egg 配合mongo 写一写后端，了解一下前后端的交互，不会也行，用的公司进不去，进的公司用不到

7).算法/设计模式理解（背下来）冒泡/快速排序，发布订阅即可能力强的请忽略

8).面试表达大于技术！！！

9).基础很重要，如果你现在没工作过只是想入行的话，我上面说的话比基础更重要（与后端或产品的沟通 > 对业务的理解 > 定位工作中的问题 > 工作与生活的平衡 >技术）10).平时尽量少去csdn 多去掘金/思否看一看高赞的文章或者在git上抄一个开源

如果你是科班出身的并且实习过建议学好算法与数据结构再学一学ts 直接投react（公司越大越好，外包或者派遣除外）

5.其他、: 目前感觉前端很杂，要学的东西有很多，实在没事可以刷刷leetcode，对于框架的话只把它当作使用工具来学就可以了，vue/react掌握一种就行，建议工作以后把css权威指南，红宝书第四版先看一遍，然后看一看框架的原理之类的或者进阶一点的书，举例子理解vue中的一些设计模式的妙用，看一看v3和v2的区别，怎么用的，vue的一些设计理念，为什么用着这么舒服（所以我用react，hooks真香！），今年打算学学flutter。

最重要的是拥有独立思考的能力，保持对技术的好奇心。

最后，心态很重要。开始找工作的时候很容易各种碰壁，怎么调节心态，继续面试，很重要，最好自己有心理准备，多和同学交流。

我把在面试过程中遇到的面试题和刷过的面试题做了一个整理，希望希望自己绵薄之力能帮助到大家，在金三银四之际，找到一份称心如意的工作：

HTML

1.你是怎么理解HTML语义化
2.你用过哪些HTML5标签
3.metaviewport是做什么用的，怎么写？
4.H5是什么
5.label标签的作用
6.行内元素有哪些？块级元素有哪些？空(void)元素有那些？
7.a标签中如何禁用href跳转页面或定位链接
8.canvas在标签上设置宽高和在style中设置宽高有什么区别
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
10.iframe有哪些缺点？
11.HTML5新特性
12.HTML5离线储存
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
14.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?
15.HTML与XHTML——二者有什么区别

CSS

1.页面渲染时，dom元素所采用的布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：
2.几种获得宽高的方式
3.边距重叠解决方案(BFC)BFC原理
4.拓展各种获得宽高的方式
5.边距重叠解决方案（BFC）BFC原理
6.css reset和normalize有什么区别
7.居中方法
8.介绍一下CSS的盒子模型
9.CSS选择符有哪些？
10.CSS3新增伪类有哪些
11.什么是cssHACK？
12.Less/Sass/Scss的区别
13请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？