簡述css選擇器優先級,CSS樣式的方式和特點是什么?
1.繼承性
作用:子元素可以繼承父元素的樣式text-,font-,line-這些元素開頭的都可以繼承,以及color屬性特殊性:
①. a標簽的顏色不能繼承,必須對a標簽本身進行設置
②. h標簽的字體大小不能修改,必須對h標簽本身進行修改
2.層疊性
是瀏覽器處理沖突的一個能力如果一個屬性通過兩個選擇器設置到同一個元素上,那么這個時候一個屬性就會將另一個屬性層疊掉
3.優先級
權重:!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承
作用:多個選擇器組合以后的優先級
算法:(0,0,0,0)==》第一個0是important的個數,第二個0是id選擇器的個數,
第三個0對應的類選擇器的個數,第四個0對應的是標簽選擇器的個數,就是當前選擇器的權重。
大專生學web前端好就業嗎?
招聘信息的一般最低就是大專。
但是還是要點進去,有的雖然說統招大專,但是詳細的招聘信息要求是統招本科,有的還有要求幾本,但是不會明說,投簡歷的時候篩選海投,多面試,針對性地改簡歷,面試的題自己好好整理,高頻的多背背。
茅塞頓開:簡歷制作\面試技巧\就業求職_嗶哩嗶哩_bilibili
https://www.bilibili.com/video/BV1Dz411b7Yh?spm_id_from=333.999.0.0
前端求職秘籍&前端技術趨勢_嗶哩嗶哩_bilibili
https://www.bilibili.com/video/BV1Q54y1B7Cc?spm_id_from=333.999.0.0
尚硅谷經典前端面試題精講第一季(web前端大咖總結)_嗶哩嗶哩_bilibili
https://www.bilibili.com/video/BV1nb411P7tQ?spm_id_from=333.999.0.0
面試官:web前端面試 - 面試官系列 (vue3js.cn)
https://vue3js.cn/interview/
每個公司需要的前端水平都不相同,但是面試的知識點重疊度卻出奇的高,通過面試來準備面試才是快速找到工作的最優解
所以如果你問我找工作最重要的事情,那就是邁出面試的第一步
毫不夸張的講,在我校招之前,學習前端進步最大的時候,就是我準備面試的時候
當時投了一堆簡歷,因為有面試的壓力,瘋狂的看筆記做面試準備,然后實踐,然后消化
然后面試掛掉,整理面試經驗,然后再實踐,再消化
這樣過了幾輪之后,就發現我已經達到門檻了
一套流程賊熟悉,賊不慌張,知識點大部分都會,思路也越來越清晰,然后面試通過。
能夠精準的準備工作所需要的知識點
如果按照各種干貨知識來復習,會看很多根本不會面的東西,這些東西可能對你以后有用,但是很大一部分會忘掉,那這部分內容就屬于無效內容
而且關鍵是,如果有部分無效內容很難,搞的你心煩,那會嚴重影響你的學習效率的,得不償失。
前端基礎篇1、如何理解執行上下文
2、如何理解作用域鏈
3、如何理解原型鏈
4、什么是閉包
5、繼承有哪些方法
6、什么是深/淺拷貝,有哪些實現方式
7、如何準確判斷一個對象是數組
8、數組有哪些常用方法
9、DOM節點創建和修改有哪些常用API
10、CSS清除浮動有哪些方法
11、CSS選擇器優先級
12、CSS實現三列布局(左右固定寬度,中間自適應)
13、談一下flex布局
14、談一下盒模型
15、transition動畫和animation有什么區別
16、H5自適應方案
17、call/apply/bind作用和區別
18、瀏覽器解析渲染頁面過程
19、談一下EventLoop
20、GET和POST有什么區別
21、談一下防抖和節流
22、數組如何去重
23、數組如何排序
24、談一下常用設計模式,并選擇一個進行場景分析
25、談一下for…of
26、前端常見攻擊方式
27、前端有哪些跨域方案
28、前端網站常規優化方案
框架Vue1.vue優點?
2.vue父組件向子組件傳遞數據?
3.子組件像父組件傳遞事件?
4.v-show 和 v-if指令的共同點和不同點?
5. 如何讓CSS只在當前組件中起作用?
6. <keep-alive></keep-alive> 的作用是什么?
7.如何獲取dom?
8.說出幾種vue當中的指令和它的用法?
9. vue-loader是什么?使用它的用途有哪些?
10.為什么使用key?
11.axios及安裝?
12.v-modal的使用
13.請說出vue.cli項目中src目錄每個文件夾和文件的用法?
14.分別簡述computed和watch的使用場景
15.v-on可以監聽多個方法嗎?
16.$nextTick的使用
17.vue組件中data為什么必須是一個函數?
18.漸進式框架的理解
19.Vue中雙向數據綁定是如何實現的?
20.單頁面應用和多頁面應用區別及優缺點
21.v-if和v-for的優先級
22.assets和static的區別
23.vue常用的修飾符
24.vue的兩個核心點
25.vue和jQuery的區別
26. 引進組件的步驟
27.delete和Vue.delete刪除數組的區別
28.SPA首屏加載慢如何解決
29.Vue-router跳轉和location.href有什么區別
30. vue slot
31.你們vue項目是打包了一個js文件,一個css文件,還是有多個文件?
32.Vue里面router-link在電腦上有用,在安卓上沒反應怎么解決?
33.Vue2中注冊在router-link上事件無效解決方法
34.RouterLink在IE和Firefox中不起作用(路由不跳轉)的問題
35.axios的特點有哪些
36.請說下封裝 vue 組件的過程?
37.params和query的區別
38.vue初始化頁面閃動問題
39.vue更新數組時觸發視圖更新的方法
40.vue常用的UI組件庫
41.vue修改打包后靜態資源路徑的修改
生命周期函數面試題篇43.第一次頁面加載會觸發哪幾個鉤子?
44.簡述每個周期具體適合哪些場景
45.created和mounted的區別
46.vue獲取數據在哪個周期函數
47.請詳細說下你對vue生命周期的理解?
vue 路由面試題篇48.mvvm 框架是什么?
49.vue-router 是什么?它有哪些組件
50.active-class 是哪個組件的屬性?
51.怎么定義 vue-router 的動態路由? 怎么獲取傳過來的值?
52.vue-router 有哪幾種導航鉤子?
53. `$route` 和 `$router` 的區別
54.vue-router的兩種模式
55.vue-router實現路由懶加載( 動態加載路由 )
vuex常見面試題篇56.vuex是什么?怎么使用?哪種功能場景使用它?
57.vuex有哪幾種屬性?
58.Vue.js中ajax請求代碼應該寫在組件的methods中還是vuex的actions中?
vue部分的問題及答案58道Vue常見面試題集錦,涵蓋入門到精通,自測 Vue 掌握程度 - 云+社區 - 騰訊云 (tencent.com)
https://cloud.tencent.com/developer/article/1675622
important?
本來不想回答的,但是我發現樓上回答有問題,會讓人誤解,我更正一下 !important 表示高優先級。
IE6瀏覽器不認識 !important 。舉例: 正常情況下,寫在下面的樣式優先級高于上面的樣式 demo1{ color:red; color:green; /*綠色的優先級高于紅色,所有瀏覽器都會顯示綠色*/ } 加了!important 那么它的優先級會比較高,ie6比較傻,不認識。demo2{ color:red !important; /*除了ie6,其他瀏覽器會認為紅色優先級高,顯示紅色字體*/ color:green; /*ie6瀏覽器則順序讀取css所以顯示綠色*/ } 但是注意,IE6不認識!important的優先級,但并不代表IE6不認識帶!important的樣式屬性。demo3{ color:red; color:green !important; /*包括IE6,所有瀏覽器都顯示綠色字體,ie6只是不認識優先級罷了*/ }css中的外鏈是?
css內鏈就是把css代碼直接寫入到html標簽里面去,寫在style=""雙引號中,
嵌入式是指把css代碼寫到<style type="text/css"></style>標簽之間。寫在<head></head>之間
外鏈式是指把css代碼寫到單獨的一個后綴為css文件里面,然后在head內通過link去引入
類似于:<link href="base.css" rel="stylesheet" type="text/css" />
三者優先級的區別是
內聯式 > 嵌入式 > 外部式
其實總結來說,就是就近原則(離被設置元素越近優先級別越高)。