經(jīng)常在實(shí)踐的工作中會(huì)發(fā)現(xiàn)css有些奇怪的bug , 具體是什么原因也未可知 , 所以我對(duì)這些問題進(jìn)行了一些總結(jié)和歸檔 , 方便查看 , 此文檔會(huì)持續(xù)更新 ... ①在給文字元...
發(fā)簡信
IP屬地：湖北
-
CSS踩坑手冊(cè)
-
新鮮出爐的偽類：has偶然看到閱文的技術(shù)文章，就猜到是css又整新活了，還是我之前發(fā)過的偽類的一員大將，不錯(cuò)不錯(cuò)，一起來試試看這個(gè)新來的工具人:has吧！ 什么是 :has? :has偽類的語法...
-
-
純純css如何hover之后變成動(dòng)態(tài)圖標(biāo)呢
今天學(xué)習(xí)一個(gè)炫酷的小技能，純純css實(shí)現(xiàn)動(dòng)態(tài)圖標(biāo)，hover之后靜止在某一個(gè)圖標(biāo)。 Demo效果如下： 首先我們需要準(zhǔn)備一個(gè)雪碧圖，我這里是在阿里圖標(biāo)庫下載的。 另外就需要一...
-
CS筆記-二進(jìn)制和十進(jìn)制的轉(zhuǎn)換最近在看計(jì)算機(jī)基礎(chǔ)課程，其中有涉及到二進(jìn)制和十進(jìn)制的轉(zhuǎn)換，由于是視頻課程，對(duì)其中的轉(zhuǎn)換部分不甚熟悉，所以補(bǔ)充學(xué)習(xí)了一些知識(shí)。 一. 十進(jìn)制轉(zhuǎn)換為二進(jìn)制 1.1 十進(jìn)制整數(shù)轉(zhuǎn)化...
-
CSS 中calc()神技
眾所周知，CSS有一個(gè)特殊的calc()函數(shù)，用于做基本的數(shù)學(xué)運(yùn)算。 demo： 讓我們來詳細(xì)的學(xué)習(xí)一下這個(gè)功能吧: 一, calc() 的作用范圍; calc()函數(shù)只能在...
-
這主要是我的工作筆記 , 感謝您的閱讀
Vue知識(shí)點(diǎn)
本文主要總結(jié)了一些vue的知識(shí)點(diǎn) , 可供面試和平時(shí)學(xué)習(xí)使用。 1. Vue的優(yōu)點(diǎn)？Vue的缺點(diǎn)？ 優(yōu)點(diǎn)：漸進(jìn)式，組件化，輕量級(jí)，虛擬dom，響應(yīng)式，單頁面路由，數(shù)據(jù)與視圖分...
-
關(guān)于前端正則的一切
眾所周知，在做表單提交的時(shí)候，少不了會(huì)用到正則。最最最最最新的正則來啦~ 手機(jī)號(hào)(mobile phone)中國(嚴(yán)謹(jǐn)), 根據(jù)工信部2019年最新公布的手機(jī)號(hào)段 手機(jī)號(hào)(m...
-
世界是個(gè)游樂場，祝你玩得開心！
“你是否質(zhì)疑過你所處世界的本質(zhì)？” 這是《西部世界》開篇問到的一個(gè)問題。你問過自己么？ 這個(gè)問題換一種問法也可以是“你為什么活著？”“你認(rèn)為活著的意義是什么？” 大學(xué)時(shí)，開始...
-
Vue知識(shí)點(diǎn)本文主要總結(jié)了一些vue的知識(shí)點(diǎn) , 可供面試和平時(shí)學(xué)習(xí)使用。 1. Vue的優(yōu)點(diǎn)？Vue的缺點(diǎn)？ 優(yōu)點(diǎn)：漸進(jìn)式，組件化，輕量級(jí)，虛擬dom，響應(yīng)式，單頁面路由，數(shù)據(jù)與視圖分...
-
Javascript 閉包和防抖
本篇是關(guān)于自己對(duì)于JS學(xué)習(xí)閉包和遞歸的學(xué)習(xí)和總結(jié) , 大部分為引用 , 部分案例自己總結(jié) 。 1. 閉包（closure） 一、變量的作用域 要理解閉包，首先必須理解Java...
-
[前端] 視頻中自定義彩色字幕
本篇主要是講前端實(shí)現(xiàn)視頻字幕的效果 Web視頻文本跟蹤格式 (WebVTT) 是一種使用元素顯示定時(shí)文本軌道（如字幕或標(biāo)題）的格式。WebVTT文件的主要用途是將文本疊加添加...
-
CSS整理(實(shí)用向)
本篇主要介紹一些CSS的注意事項(xiàng) , 默認(rèn)是有前置CSS知識(shí)的。 每塊代碼之間間隔有序，不至于給人一個(gè)無比龐大的概念。層級(jí)控制不超過 3 層，避免了過多嵌套層級(jí)“惡心”人。遵...
-
CSS的一些整理(面試向)
CSS3有哪些新特性？ RGBA和透明度; background-image background-origin(content-box/padding-box/border...
-
48個(gè)國際音標(biāo)以下均為個(gè)人學(xué)習(xí)資料總結(jié)使用: ① 單元音 -- 前元音 長一短一/i?/ 和 /i/ 重點(diǎn): 咧開嘴(假笑的感覺)帶冒號(hào)的讀長音,不帶冒號(hào)讀短音;/i?/ m...
-
如何在element-ui中使用拖拽排序?
最近有一個(gè)需求是需要對(duì)一些有序標(biāo)簽進(jìn)行排序 , 項(xiàng)目使用的是element-ui的vue, 由于element-ui本身并不具備拖拽功能, 因此選用了vuedraggable...
-
如何在文檔里插入動(dòng)圖?
有時(shí)候?qū)懘a的時(shí)候,需要展示一些效果.通常會(huì)用到一些截圖工具;如果是普通的圖片效果,有很多種實(shí)現(xiàn)方法.可是如果需要在文檔里面添加一些動(dòng)態(tài)的效果.譬如動(dòng)畫,或者是一些其他的交互...