18年前端转行记录

1. 转行学习之旅

自学效率确实低，报了班之后 学习要成系统很多，少走了很多弯路。
时间线
1-3月 由3架马车 学到了jq ajax
4 月 接触mvvm mvc ，了解vue，做了毕设 mvc的原生网易云音乐播放器（很有帮助），还做了vue简历生成器
4-23 号入职第一家公司。薪资是5K ,试用期三个月，后面试用期到了我就走了。

1.1 总结

• HTML：第一遍走下来，很容易忘记，比如form表单的很多参数。meta中很多知识。 感觉html知识要多记录，常回顾，不必要刻意的去背
• CSS：领域特定语言（DSL）,很像那种调参数的语言。推荐首先了解常规套路：各种布局方法，常见居中方法，盒模型，float,flex要回用。
  其次要深入理解一些高级属性 比如css中layer的概念与管理，css动画的优化，BFC，z-index与css层叠的关系。推荐去听张鑫旭的慕课网免费课程。
• js: JS方面光靠课程时间有限，没办法形成那种全局的概念。我建议把js红宝书 或者 阮一峰的教程 多看看大纲目录，根据大纲去形成自己的知识体系。重要要形成知识体系！知识体系！知识体系！
  比如编程语言是人与计算机沟通的桥梁，输入让计算机去工作的指令。
  那么一定要搞清楚：
  （1）可操作对象：JS中的值（基础类型引用类型），内存模型
  （2）操作：操作符
  （3）对象函数数组：常见数据结构的操作方法
  （4）语言特性：闭包，函数式，ES6，模块化等等
  （5）标准库
  （6）浏览器暴露的js接口：我们操作的dom API其实是浏览器暴露给我们的接口，那么关于浏览器的操作，window对象，DOM API 等等
  （7）能使用常见的设计模式做一点点东东：比如监听者模式，闭包在封装中的应用，curry在函数式中的应用
• 程序员的基本修养
  本来程序员能力大致分为： 编程能力，架构能力，工程能力。
  我们在初级阶段，锻炼好编程能力就可以了。
  （1）要写易懂易维护的代码，不要写差不多的代码（1个月后，你自己读都头疼）
  （2）要学会基本的分析bug，分析问题的套路
  如果你在之前的生活学习中，没有掌握好一定的大局观和分析问题的能力，那么在每一次解决问题的过程中，一定要总结下来，比如在课程中老师在解构一个页面的时候，他是怎么考虑的，分析一个bug的时候他采用了什么方法，比如方方老师喜欢用log大法，控制变量法，排除法。

2.第一份工 作

2.1 面试

我是4.18号开始面试的差不多周一开始面试，周五就入职了，总共面试了5家，拿了3家offer。背景：24岁，电子科技大学非科班
总结就是：初级岗位确实有，不过好坑还是不多 。ie:那种好的技术团队还是对用人要求比较高，我当时简历内容太单薄，过不了面试。
感受就是：对没工作经验的童鞋不是太友好，感觉有精力的 童鞋还是多做几个项目，我当时项目做的少。

2.2工作

第一份工作是在成都一家传统的卖电器的公司，他们在线下运营了几十年了，现在拥有自己的网站，想做品牌化，网站是通过php+模板做的，前后端没分离，当初就是一个草台班子临时搭起来的，我来的时候其实就是做维护网站（偶尔临时改改网站的功能），和做活动页的工作。
这份工作确实在技术上对我的提升不大，因为没有什么代码量的提升，都是去看别人是怎么写的，我来修改，要说收获的话，明白了什么是烂代码。。。。
三个月的过程中，我基本上每天只工作3-4个小时，剩下的事件都用于看书了。

那个时候我把前端基础的书囫囵吞枣的都过了一遍，发现了一个道理

2.3书总结出的道理

国人写的书，百分之90都是垃圾，别用书名去yy里面的内容。还是国外写的书比较好，我在这里推荐一下

• html:我都是看的mdn

• css:css魔法揭秘，张鑫旭在慕课网的课程，淘宝百度等一线公司公开的技术博客中的内容，比如fex ,fed,alloyteam

• js:
  基础：红宝书，《你不知道的js 上中下三册》，js语言精粹（感觉看了上面一本这本不用看），《ES6 阮一峰的那一本 有电子档》 ，
  进阶：《JavaScript设计模式与开发实践》（建议结合实践用，别上来就看，先去网上搜搜常见的，并且自己能做demo的），《编写可维护javascript》.《高性能javascript》
  其实这里我建议学了react的童鞋，可以去了解下函数式，并不一定要深入。
  高阶：我都菜的抠脚，高阶 我还给不了什么建议

• 框架层面：
  VUE：《vue实战》 和《vue权威指南》 基本是辣鸡，还是官网文档加谷里项目 慕课上也可以找个复杂度高项目做。
  React: 《react小书》（胡子大哈 写的好评，简单易懂还可以码demo）如果你是全天学习，那么一周之内你react入门没问题。
  《深入浅出reactAndredux》 程墨写的，胡子大哈那本 对redux的讲解还不够深入这里可以看看程墨的。
  对于dva和umi的童鞋，强烈建议看看redux和saga的文档说的很清楚了，对于redux中的异步操作，对于想追根溯源的可以看看redux的中间件机制，我写过blog，不过别人也有写的更好的。
  《深入react技术栈》这本书感觉没3个月以上的react经验就暂时别碰了，内容比较底层和深入，不过值得一读。
  《官方文档》 一定要读完 主要概念一定要全部看完，高阶里面看一部分就够了，教程也写的不错
  如果想挖宝的话官网里面还有blog，里面有很多主创大神的东东

• 计算机基础
  1.《计算机是怎么跑起来的》 没有计算机功底的一定要看，我是本科学过微机原理，但是从新看一遍 也觉得作者写的很是深入浅出了
  2.《代码大全》 先看 如何读本书，里面介绍了该怎么阅读这本书，我觉得还是很爽的。

3 第二份工到现在

上分工太low。换了个新的创业公司，薪资6K,时薪300吧，就是图一个边学变做

3.1 工作之初

上来老大就要求用react+graphql来开发移动端页面，而且老大是后端出身，前端就我和一个刚毕业的妹子（水平和我差不多），这个时候基本我们就是抄ant design pro别人的代码设计，别人里面用dva我们就用dva,为了了解dva从react入门 ->flux了解-》redux了解-》异步模式=》redux-thunk=>redux-saga =>dva。
这个时候才算差不多掌握了dva(会用而已)。
后面工作就发现 就比较枯燥了
每天工作的流程基本是：
1.设计稿还原，先写死数据 ant design 调参师
2.获取后端的数据
3.将后端的数据转化成前端直接能用的
4.将数据层的数据传输到视图层
5.完工

单元测试 e2e测试的。。。。根本没处写，没到一定规模这两货没用。。。。

现在项目多了，偶尔我会接到写一些公共的辅助函数，抽象公共的业务组件来用，这一块工作还是蛮有趣，我可以去学api的设计，封装模块，打包到npm等

最后欢迎各位与我多多交流，一起进步。希望明年能工资破万 穷陈狗！