美文网首页前端开发那些事让前端飞
术业有专攻-前端面试 position小结

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

作者: M_Jehol | 来源:发表于2017-04-27 22:41 被阅读0次

二面挂了

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

思考了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;

相关文章

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

    二面挂了 一面刷刷笔试题还是不错的 思考了1天,我是不是不适合做前端 面试官说:人的经历是有限的,要专注,要精通 ...

  • 术业有专攻,何为专攻?

  • 我离专业有多远?

    术业有专攻

  • 术业有专攻

    好久没写东西了,感觉手都要生锈了。 上周五下午办公室的门锁坏了,一屋子三个博士和一个硕士对此束手无策,只能将就着用...

  • 术业有专攻

    2018年6月6日星期三 今天的事让我想到这句话:术业有专攻 昨天的订单有个客户要调色,查了颜色确定了用什么漆可以...

  • 术业有专攻

    同学张朝静说,你是医生,其他的啥也别干,术业有专攻,做好本职工作就行了,搞那么多幺蛾子,结果什么都不专业,荒废了大...

  • 术业有专攻

    拿起那件T恤刚想穿,不料发现袖口脱线,不知道什么时候的事, 上一次穿还是好好的。那就穿别的衣服吧 但这件衣服还得想...

  • 术业有专攻

    不喜欢学习 只喜欢画画 爱自己所爱 闻道有先后 术业有专攻 做自己想做 你可以读书不好,你可以情商不高,你可以不循...

  • 术业有专攻

    2018.6.26 星期二 杭州 艳阳高照 前几天买的空调和热水器到货了,按照约定的时间师傅上门安装。 先到的是空...

  • 术业有专攻

    单位要在“十一”举办合唱比赛,还给找了专业的老师,下午开始学习。 合唱,真不是件容易的事。男女分成了四个声部,男高...

网友评论

    本文标题:术业有专攻-前端面试 position小结

    本文链接:https://www.haomeiwen.com/subject/tysnzttx.html