術(shù)業(yè)有專攻-前端面試 position小結(jié)

二面掛了

一面刷刷筆試題還是不錯的

思考了1天,我是不是不適合做前端

面試官說:人的經(jīng)歷是有限的,要專注,要精通

回想自己學(xué)習(xí)的經(jīng)歷,是不是太浮躁了,每天看太多的東西,東一下西一下

不知道自己應(yīng)該去哪條路

想自己是不是做個交互還是ui?哪一條路都不好走啊

看了張鑫旭的博客,每天堅持學(xué)習(xí),工作,不斷進步,10年,專注前端偏前的領(lǐng)域。

回頭看看自己,說是重構(gòu),但是css確實學(xué)好了嗎?說想學(xué)新技術(shù),vue開始了嗎?

說找不到實習(xí),真正做出東西了嗎?說沒有項目經(jīng)歷,真正去找東西做了嗎?

其實覺得自己功利性挺強的,聽說前端工資高又好上手就學(xué)了,來來回回半年了吧,就想著用插件,就想著這,想著那,再一想就想放棄。

自己到底喜歡什么呢?我不知道

有人說過:如果不知道自己喜歡什么,就一個個試一遍,總會有喜歡的東西的

又有人說:興趣不是繼續(xù)的動力,成就感才是。

我不知道誰對誰錯,但是如果不嘗試邁出第一步,那是不是就一定不會有結(jié)果?

是的

所以,給自己定一個小目標(biāo)。

1.先要把vue的坑給填了,真的,都拖了這么久

2.消化面試的內(nèi)容,每天一道題吧,認(rèn)真嘗試每個方向,找到自己喜歡的方向

先把css坑填了


今天第一天。

如何實現(xiàn)這樣一個圖形

?3個方法實現(xiàn)


最后一跑,發(fā)現(xiàn)自己做錯錯錯的。。。


css的面試題要多做多練

發(fā)現(xiàn)自己position都沒有完全理解,這水平,怎么能過。。。

從0開始理清細(xì)節(jié)吧

首先是position,好吧


absolute是相對于瀏覽器,是固定定位。

在前端優(yōu)化中一個細(xì)節(jié),就是多使用fixed和absolute這樣的定位,定位涉及的dom比較少。

所以第一種寫法就get了

absolute:2個div



absolute解法

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

從這發(fā)現(xiàn)了positon自己并沒有悟到,所以,我們再來看一遍~


都是static 就是文檔流,就是一行一行順著來,(div是塊級元素)

relative是根據(jù)原來(文檔流)的位置相對移動

于是,我們知道了這點,把div1 top:50px div2top設(shè)為-50px是不是就上去了呢 ,嘿嘿


relative解法

以前讀到過用border做圖案的,面試的時候感覺可以,現(xiàn)在試試

選擇一個合適的border-style dotted


border解法


一個div實現(xiàn)哦

覺得border


border-style樣式


border-style:groove


border-style:double


可以做有趣的嘗試


border-width:50px;

border-style:dotted;

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 各種純css圖標(biāo) CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,977評論 0 8
  • 在學(xué)習(xí)weex的過程中看到了常用標(biāo)簽相關(guān)的內(nèi)容,為了自己以后能夠快速查閱特整理出此文檔。 a 簡介組件定義了指向某...
    TyroneTang閱讀 4,835評論 1 3
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,855評論 32 459
  • 最后一張導(dǎo)圖作業(yè)——《打造個人品牌》!差不多又是一張全圖的。看來畫畫的念頭越來越強烈了,簡直在逼迫自己了。 中心圖...
    世界記憶大師程程閱讀 223評論 0 0
  • 《遠》 江海 一腳踏出家門,就不再提遠方 再遠,遠不過天涯,遠不過流水 反正是流浪,反正是尋找 反正是滾石,反正是...
    停筆閱讀 468評論 0 0

友情鏈接更多精彩內(nèi)容