欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選擇器權(quán)重計(jì)算例子,jsoup爬蟲的優(yōu)點(diǎn)

老白2年前31瀏覽0評論

css選擇器權(quán)重計(jì)算例子,jsoup爬蟲的優(yōu)點(diǎn)?

JSoup是現(xiàn)在比較火的爬取數(shù)據(jù)的技術(shù),因?yàn)槠浜唵斡行В瑢τ趯W(xué)習(xí)過JS,JQuery的開發(fā)人員比較容易。現(xiàn)在爬蟲技術(shù)一般都是通過HTTPClient進(jìn)行獲取頁面源碼,然后通過JSoup進(jìn)行解析HTML頁面。

JSoup是一款Java的HTML解析器,主要用來對HTML解析。

JSoup的特點(diǎn)?

JSoup可以對Html頁面字符串,文件,URL進(jìn)行爬取并解析HTML。

JSoup可以利用DOM或則CSS選擇器來查找標(biāo)簽進(jìn)行獲取數(shù)據(jù)

JSoup可以通過attr進(jìn)行標(biāo)簽屬性的更改

JSoup可以通過白名單來清理用戶提交的內(nèi)容,防止XSS攻擊。

css選擇器權(quán)重計(jì)算例子,jsoup爬蟲的優(yōu)點(diǎn)

postcss和cssmodule是什么?

postcss是什么?

根據(jù)官網(wǎng)的解釋,它是一種javascript編寫的工具,用來轉(zhuǎn)化css的。可以認(rèn)為它是處理css的插件集合,需要配合諸如webpack、gulp等編譯工具才能展現(xiàn)它強(qiáng)大的能力。

目前社區(qū)提供了非常多的插件,比較有名的如下:

autoprefixer 可以為css的屬性配置兼容性的前綴,不需要手動(dòng)添加postcss-preset-env 允許你使用更加現(xiàn)代的css特性stylelint 檢查css語法錯(cuò)誤cssnano css的壓縮器等等postcss的原理

如果大家了解babel的原理,那就應(yīng)該聽說過AST即抽象語法樹。編譯器將字符串進(jìn)行詞法分析、語法分析,再做轉(zhuǎn)換,最終達(dá)到預(yù)期的結(jié)果。postcss也是同樣的原理,這個(gè)包已經(jīng)為使用者提供了解析的方法parse,并且也提供了很多轉(zhuǎn)化的API,利用這些就可以自己開發(fā)一款postcss插件了。

css Module是什么?

先前呢,我們使用css選擇器,它是對整個(gè)頁面是有效的,也就是全局的,當(dāng)你每次迭代需求的時(shí)候,需要考慮每次添加新的css是否會影響到其他地方,所以我們有時(shí)選擇為樣式表添加命名空間。css Module為我們提供了另外一種開發(fā)方式,它可以使css具有局部作用域。

用法如下:

用法是如此的簡單,基本一看就會,css-loader為我們提供了css Module的開關(guān),只要為css-loader添加參數(shù)選項(xiàng)modules就可以開啟。注意:它必須放在less或者sass的loader之前。

那它如何做到局部作用域的呢?

打開element面板可以發(fā)現(xiàn),它把class變成了md5戳,對應(yīng)每個(gè)組件,保持唯一。

vue的scoped

由此我們聯(lián)想到vue的scoped,它也解決了css局部作用域的問題!

它在dom上生成了一個(gè)data屬性,并且給class選擇器添加了屬性選擇器,類似于之前的md5戳。不過由于添加了屬性選擇器,使得選擇器的優(yōu)先級變高了,想在組件外面覆蓋css屬性就變得不那么容易了!

喜歡我的回答就關(guān)注我吧,有問題可以發(fā)表評論,我們一起學(xué)習(xí),共同成長!

CSS樣式的方式和特點(diǎn)是什么?

1.繼承性

作用:子元素可以繼承父元素的樣式text-,font-,line-這些元素開頭的都可以繼承,以及color屬性特殊性:

①. a標(biāo)簽的顏色不能繼承,必須對a標(biāo)簽本身進(jìn)行設(shè)置

②. h標(biāo)簽的字體大小不能修改,必須對h標(biāo)簽本身進(jìn)行修改

2.層疊性

是瀏覽器處理沖突的一個(gè)能力如果一個(gè)屬性通過兩個(gè)選擇器設(shè)置到同一個(gè)元素上,那么這個(gè)時(shí)候一個(gè)屬性就會將另一個(gè)屬性層疊掉

3.優(yōu)先級

權(quán)重:!important>行內(nèi)樣式>id選擇器>類選擇器>標(biāo)簽選擇器>通配符>繼承

作用:多個(gè)選擇器組合以后的優(yōu)先級

算法:(0,0,0,0)==》第一個(gè)0是important的個(gè)數(shù),第二個(gè)0是id選擇器的個(gè)數(shù),

第三個(gè)0對應(yīng)的類選擇器的個(gè)數(shù),第四個(gè)0對應(yīng)的是標(biāo)簽選擇器的個(gè)數(shù),就是當(dāng)前選擇器的權(quán)重。

CSS父元素的子元素樣式控制另一子元素怎么實(shí)現(xiàn)?

你說講的這應(yīng)該是同級兄弟元素之間的CSS控制。話說有一種選擇器就叫兄弟元素選擇器,分為臨近兄弟和普通兄弟。臨近兄弟:用 + 表示,只匹配該元素后邊的第一個(gè)同級元素。普通兄弟:用 ~ 表示,匹配該元素后邊的所有同級元素。給個(gè)例子:

sdf

sdfsdf當(dāng)把p的class設(shè)為on的時(shí)候,span的樣式也跟著改變。不知道這么說清楚沒有。另外這種方式IE6是不支持的。慎用吧。