术业有专攻-前端面试 position小结

二面挂了

一面刷刷笔试题还是不错的

思考了1天，我是不是不适合做前端

面试官说：人的经历是有限的，要专注，要精通

回想自己学习的经历，是不是太浮躁了，每天看太多的东西，东一下西一下

不知道自己应该去哪条路

想自己是不是做个交互还是ui？哪一条路都不好走啊

看了张鑫旭的博客，每天坚持学习，工作，不断进步，10年，专注前端偏前的领域。

回头看看自己，说是重构，但是css确实学好了吗？说想学新技术，vue开始了吗？

说找不到实习，真正做出东西了吗？说没有项目经历，真正去找东西做了吗？

其实觉得自己功利性挺强的，听说前端工资高又好上手就学了，来来回回半年了吧，就想着用插件，就想着这，想着那，再一想就想放弃。

自己到底喜欢什么呢？我不知道

有人说过：如果不知道自己喜欢什么，就一个个试一遍，总会有喜欢的东西的

又有人说：兴趣不是继续的动力，成就感才是。

我不知道谁对谁错，但是如果不尝试迈出第一步，那是不是就一定不会有结果？

是的

所以，给自己定一个小目标。

1.先要把vue的坑给填了，真的，都拖了这么久

2.消化面试的内容，每天一道题吧，认真尝试每个方向，找到自己喜欢的方向

先把css坑填了

今天第一天。

如何实现这样一个图形

 3个方法实现

最后一跑，发现自己做错错错的。。。

css的面试题要多做多练

发现自己position都没有完全理解，这水平，怎么能过。。。

从0开始理清细节吧

首先是position,好吧

absolute是相对于浏览器，是固定定位。

在前端优化中一个细节，就是多使用fixed和absolute这样的定位，定位涉及的dom比较少。

所以第一种写法就get了

absolute:2个div

absolute解法

改改什么reset，居中什么的，就OK了

从这发现了positon自己并没有悟到，所以，我们再来看一遍～

都是static 就是文档流，就是一行一行顺着来，（div是块级元素）

relative是根据原来（文档流）的位置相对移动

于是，我们知道了这点，把div1 top:50px div2top设为-50px是不是就上去了呢 ，嘿嘿

relative解法

以前读到过用border做图案的，面试的时候感觉可以，现在试试

选择一个合适的border-style dotted

border解法 一个div实现哦

觉得border

border-style样式 border-style:groove border-style:double 可以做有趣的尝试

border-width:50px;

border-style:dotted;

border-color:#ff3300 #ff3300  #ffffff #ffffff;