面试中遇到的三大难题，给前端开发找工作的一点小建议！

提出来要离职，就开始频繁的找工作了，现在的面试还不是特别的多，但是想总结一下之前自己找工作的时候遇到问题。

找工作找的是前端工程师就要对最基础的知识有很深入的理解，但是知识无穷尽，只要一直在学习就会不断的收获新的知识，谁又能确定自己是不是真的精通呢？

我遇到的css问题：怎么画出一个三角形？

这种的问题主要考察的就是对css样式的理解与应用了，首先要确定是不是要回答这个万一面试官要是用js画呢？确定之后我就脱口而出了，当前用css中的border属性了，这是一个万能的属性呀！不仅可以加边框，起到美化的作用，还能加上三角形，不用图片就能解决的问题，是不是很高大上。

首先需要给定border-width不能小于5px吧，这是经验之谈

之后就是确定样式border-style给个实现吧，solid

在最后就是关键性的一笔了，实现三角形了，怎么实现呢，当然是添加颜色了，以此来确定想要是哪一块，border-color 登场了，当然还有新的属性，transparent透明色，这个要是用不上三角形很难画出来 border-color ：red transparent transparent transparent；四个属性，你试试会有什么效果，当然是三角形完工了！

我遇到的css问题：怎么将一个盒子垂直居中？

这个问题当时出现的时候我还没有深刻的理解flex布局，现在理解了flex布局我是真觉得是秒达，用两个属性基本就搞定了：justify-content:center;align-item:center;这就是flex布局被很多人推崇的根本吧！不过刚开始我也没有这样想，我有自己的一套；使用text-align:center;line-height:200px;

我做好的实例：

html部分：

   

        

            
这是flex布局的方法
        
        

            
属性值
        
    

css部分

.flex-box{
    display: flex;
    /* justify-content: space-around;
    align-items: center; */
}
.flex-block,.pos-block{
    width: 200px;
    height: 200px;
    border:1px solid #dda;
}
.flex-block{
  display: flex;
  justify-content: center;
  align-items: center;
}
p{
    padding: 0;
    margin: 0;
}
.pos-block {
  text-align: center;
  vertical-align: middle;
  line-height:200px;
}

其他的问题我倒也没有遇到太多，但是肯定还会有问题的后期再总结吧！

这是在百度上搜到的目前还是比较全的吧：

https://baijiahao.baidu.com/s?id=1622460301039180175&wfr=spider&for=pc

接下来是js的问题：

关于闭包，这是我遇到的最大的问题，这是因为我不知道怎么才能解决，平时在工作中虽然遇到了很多js的问题，但是都能解决掉，如果要问具体的原理是什么就蒙了。

最近有接触到nodejs这个是全部的回调函数，我想，这是不是就是闭包的原理了呢？

现在我要开始重新理解一下闭包：

js中的函数体内能获取到全局的变量，但是函数体内的变量却不能被函数外面的调用，这样的话问题就来了，如何从外部读取函数内部的变量？

链式作用域：子对象会一级一级向上寻找所有父对象的变量，反之不行。

然而只要将一个函数作为另一个函数的返回值，在函数体外就能访问到

var a = 10 ;

function bin(){

var a = 12

return function g() {

a = 1

console.log(++a)

}

}

console.log(bin()) //返回一个函数得用一个变量来接收值再调用才能实现输出

var e = bin();

e();

/*

bin 函数声明可以访问全局的变量

*/

如上所说： f1 就能能访问得到函数f2 的函数值

 

为了让函数中的变量值一直存在于内存中不会再次调用时就消失，有利于在封装中使用，简单理解就是让函数体外的函数能访问到函数体内的变量。我的理解就是这么多了，请大神指点！