1.前期准备

投其所好

一般公司招聘都会有一些硬性要求，比如工作经历、学历、技术栈、岗位要求等等。
因此应聘之前，一方面，要花时间将自己力所能及的盲点覆盖到，一方面，找对合适的公司进行投递。盲目的海投只会让简历石沉大海。也会打击你的信心。

下面从网上整理了两份的不同级别招聘需求，供大家参考
中级前端工程师

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

岗位职责：
1、负责WEB端开发工作，与后端工程师配合，为项目提供最优化的技术解决方案；
2、开发前端代码，实现产品的页面交互和数据逻辑展示；
3、与产品讨论确定，并实现良好体验的交互效果
4、解决兼容性问题，优化前端性能，改善用户体验；
5、统一可重用组件，规范前端模块化开发。
任职要求：
1. 一年及以上相关工作经验
2. 熟练使用HTML，CSS，Javascript等前端技术，熟练处理浏览器兼容问题；
3. 熟悉react、vue、Angular等至少一种框架，有实际项目经验，能独立开发高质量组件，能够封装一些常用的函数类库
4. 熟练使用Webpack，Gulp等前端构建工具
5. 代码编写规范，熟悉W3C标准，熟悉前端性能优化并能熟练运用；
6. 有较强的团队合作能力与独立解决技术问题的能力。
7. 熟练使用git或者svn版本管理工具；
8. 加分项：有优秀的开源作品，优秀技术博客（如果有，请贴上地址，如github，npm等地址）

front-end-resources

一、团队组织

try 里面放 return，finally 里的代码会不会执行，理解其内部机制

会执行,在方法返回给调用者前执行,因为如果存在finally代码块,try中的return语句
不会立马返回给调用者,而是记录下返回值待finally代码块执行完毕之后再返回;

1
2
3
4
5
6
7
8
9
10
11
12

// return 执行了但是没有立即返回，而是先执行了 finally
function kaimo() {
  try {
    return 0
  } catch (err) {
    console.log(err)
  } finally {
    console.log('a')
  }
}

console.log(kaimo()) // a 0

1
2
3
4
5
6
7
8
9
10
11
12

// finally 中的 return 覆盖了 try 中的 return。
function kaimo() {
  try {
    return 0
  } catch (err) {
    console.log(err)
  } finally {
    return 1
  }
}

console.log(kaimo()) // 1

理解词法作用域和动态作用域

动态作用域不关心函数和作用域是如何声明以及在何处声明的，只关心它们从何处调用。
作用域链式基于调用栈的，而不是代码中的作用域嵌套。

需要明确的是，JavaScript并不具有动态作用域。它只有词法作用域，简单明了。但是this机制某种程度上很像动态作用域。

1
2
3
4
5
6
7
8
9

function foo(){
    console.log(a);//2
}
function bar(){
    var a=3;
    foo();
}
var a=2;
bar();

理解 JavaScript 的作用域和作用域链

作用域链的定义：函数在调用参数时会从函数内部到函数外部逐个”搜索“参数，一直找到参数为止，如果没有声明就返回null，声明了没有赋值就返回undefined，就像沿着一条链子一样去搜索，这就是作用域的链式调用。

javascrip的全局变量的作用域是全局的，在代码的任何地方都是有定义的。函数的参数和局部变量只在函数体内有定义。在函数内部如果调用一个变量，就会发生上述的作用域链式调用的过程。

理解原型设计模式以及 JavaScript 中的原型规则

原型链：每一个实例对象都有一个__proto__属性（隐式原型），在js内部用来查找原型链；每一个构造函数都有prototype属性（显示原型），用来显示修改对象的原型，实例.__proto__=构造函数.prototype=原型。原型链的特点就是：通过实例.__proto__查找原型上的属性，从子类一直向上查找对象原型的属性，继而形成一个查找链即原型链。

变量和类型

JavaScript规定了几种语言类型

Undefined Null Boolean String Number Symbol Object

为什么有的编程规范要求用 void 0 代替 undefined？

undefined是全局对象的一个属性，也就是说，它是全局作用域中的一个变量，undefined的最初值就是原始数据类型undefined。ES5之后的标准中，规定了全局变量下的undefined值为只读，不可改写的，但是局部变量中依然可以对之进行改写。而void 0无论什么时候都是返回undefined，这样来看，使用void 0来代替undefined就比较稳妥，不会出错

讲道理，前端开发的历史并不长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。尤其是三大框架逐渐成熟，基本三分天下，前端圈子很大部分也主要围绕他们发展。

winter在他的《重学前端》课程中提到：

到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

没有手撸过个人网站的程序员不是一个好的程序猿，可是！强撸灰飞湮灭！为了自己的身体健康，还是少撸为妙！不要998，也不要98，完全免费，hexo你直接带回家。通过hexo，可以快速构建个人博客，并搭建到 github 上供他人访问，我们开始吧！

新建仓库

• 首先要创建一个github账号
• 创建一个repo，名称为yourname.github.io, 其中yourname是你的github名称，按照这个规则创建github page才会生效。
  阅读全文 »

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment