摘要:比如說預(yù)處理器,組件化,工程化,兼容性處理等方面,這些主要是基于自己的開發(fā)經(jīng)驗業(yè)界流行技術(shù)方案進行準備。但是在開始談面試前我想先提出一個概念學霸面試模型學校的學習和公司的工作有很多相似的地方。所以對于面試,請參考上學那會兒你們班學霸的姿勢。 背景 參加完 廈門第四屆CSS Conf 后,讓我對 CSS 產(chǎn)生了新的思考。CSS 是前端必須熟練掌握并保持持續(xù)關(guān)注的技術(shù),但是我又不想在 CS...
摘要:代碼請嘗試理解上面的代碼,思考一下以上代碼會產(chǎn)生怎樣的布局。這是上面代碼的布局的結(jié)果是不是非常好理解,使用起來也非常簡單是不是深入探究推薦參考分鐘學會布局如何使用快速而又靈活的布局布局完全指南圖解詳細教程 Gird布局是什么? Grid(網(wǎng)格) 布局使我們能夠比以往任何時候都可以更靈活構(gòu)建和控制自定義網(wǎng)格 ; 能夠?qū)⒕W(wǎng)頁分成具有簡單屬性的行和列來完成我們需要的網(wǎng)格布局 Gird布局 ...
摘要:部分點擊設(shè)置顯示設(shè)置內(nèi)容邏輯部分全局區(qū)域內(nèi)點擊時均為此區(qū)域不受上面方法的影響事件觸發(fā)時顯示隱藏狀態(tài)互換部分 html部分: 點擊設(shè)置 顯示設(shè)置內(nèi)容 邏輯部分: export default { data(){ return{ ...
摘要:從上部或側(cè)邊滑過時時會出現(xiàn)抖動現(xiàn)象,并且動畫不能正常顯示高度變?yōu)?,原因是從上部或?cè)部滑過的同時動畫效果生效,變?yōu)?,而此時鼠標就處于外部的狀態(tài),不能生效,因此完整動畫不能正常顯示,使出現(xiàn)抖動效果一直在到之間抖動。 div{ height: 20%; } @keyframes shanghua{ from{ height: 0%; } ...