色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css的偽元素選擇器,Web前端開發好不好學

老白2年前29瀏覽0評論

css的偽元素選擇器,Web前端開發好不好學?

前端的圖片優化的6種方案

1、使用base64編碼代替圖片

場景:適用于圖片大小小于2KB,頁面上引用圖片總數不多的情況 原理:將圖片轉換為base64編碼字符串inline到頁面或css中 優勢:減少http的請求次數,并可以放到后臺數據庫中,只傳輸字符串,有較多的構建工具可以直接實現劣勢:這種方法僅限于圖片總數較少,而且圖片大小小于2KB的情況。否則圖片字符串會變得很長很長

2、合并圖片sprite(雪碧圖)

場景:任何用到頁面圖片的場景 原理:將多個頁面上用到的背景圖片合并成一個大的圖片在頁面中引用 優勢:可以有效的較少請求個數,而且,而不影響開發體驗,使用構建插件可以做到對開發者透明。適用于頁面圖片多且豐富的場景。劣勢:生成的圖片體積較大,減少請求個數同時也增加了圖片大小,不合理拆分將不利于并行加載

3、使用css、svg、canvas或iconfont代替圖片

css代替圖片

場景:適用于移動端或較高級的瀏覽器,而且繪制的圖案較為簡單。 原理:css方式可以用來繪制相對簡單的團來代替圖片,一般使用before或者after偽元素來豐富圖案的復雜度。 優勢:具有實現簡單,圖片體積小的特點,可以實現簡單的動態效果劣勢:也受限于css的兼容性特點,繪制復雜圖案困難svg的描述和適用場景上文已說明。

canvas代替圖片

場景:需要高性能的圖片或動畫 原理:適用html5的canvas元素繪制創建圖片優勢:整個就是畫2D圖形時,頁面渲染性能比較高,頁面渲染性能受圖形復雜度影響小,性能只受圖形的分辨率的影響,畫出來的圖形可以直接保存為 .png 或者.jpg的圖形,適合于畫光柵圖像或者不規則圖形 劣勢:沒有dom操作,必須依賴定時器,文字渲染性能差,不能添加描述(title屬性什么的),兼容性限制

iconfont是一種web字體來代替圖片的解決方案

場景:代替頁面上色彩單一的圖片

優勢:兼容性好,應用廣,目前使用也很廣泛

劣勢:但是由于字體的顏色設置單一,只能用于代替顏色單一的圖片,對于色彩復雜的圖片,iconfont處理起來比較困難

4、響應式圖片

場景:不同終端對同一個圖片需求不一樣,可以根據終端加載不同的圖片來節省沒必要的流量 原理:通過picture元素,picturefill或平臺判斷來為不同終端平臺輸出不同的圖片 優勢:減少沒必

css的偽元素選擇器,Web前端開發好不好學

css選擇器項目符號圖像是什么?

css樣式屬性list-style-image :設定列表項目符號的自定義圖像。其值是一個引用圖像的URL路徑。

url ( url ) —— 使用絕對或相對 url 地址指定圖像。

對編程零基礎想學python編程?

零基礎就可以入門,python作為一門解釋型語言,設計之初就是面向大眾,降低編程入門的門檻,而且隨著人工智能、大數據的興起,python的應用和前景也越來越好,下面我簡單介紹一下學習python的基本過程:

1.首先,最基本的就是搭建本地python環境,這里推薦直接安裝Anaconda,集成了python解釋器及眾多第三方庫,還自帶notebook,spyder等開發環境,是一個很不錯的軟件,至于是python2還是python3,建議直接python3,python2會在2020年停止更新和維護:

安裝完成后,可以進入開始菜單,選擇IPython Notebook進行編程,一個基于Web頁面的編程環境,界面整潔、簡單友好,使用起來非常不錯:

當然,熟悉后,你也可以使用spyder,pycharm等專門的IDE來進行python開發,都可以:

2.入門python,這里的資料就很多了,有網上的教學視頻,也有相應的參考書籍,根據自己實際情況,選擇一種合適的方式,一邊學習,一邊練習代碼和示例,不要只看不練,掌握好基本功,包括變量、語句、函數、類、文件操作、正則表達式、異常處理等,穩打穩扎,不要急功近利,基于求成:

3.最后就是進階深入階段了,這個時候,就可以根據自己興趣,市場需求,找一兩個有前景的方向深入學習了,python涉及的方面太多了,Web開發、數據處理、機器學習、運維、測試等,每個方向都投入精力,顯然是不可能的,堅持一兩個方向就行,像機器學習、爬蟲等:

就分享這么多吧,初學階段,最重要的還是要多練習,掌握好基本功,在進階階段,就是多做項目,多積累經驗,這樣自己才能不斷提高,希望以上分享的內容能對你有所幫助吧,也歡迎大家留言、評論。

css選擇器的分類不包括什么?

css的選擇器的分類不包括“超文本標記選擇器”。

css的選擇器包括類選擇器、標簽選擇器、ID選擇器、偽類選擇器等等。

類選擇器,比如class類型 class = "nav"的話,那么css對應.nav{};

標簽選擇器,比如body input 就是直接對應 body{} input{};

ID選擇器,比如 id="name",那么css對應 #name{};

偽類、偽對象:如a:link,a:hover,a:visited等。