前端知識點整理(二)

2022-06-24 13:06:09 字數 1734 閱讀 1174

1.html怎麼解析的?

把html解析為dom樹,使用css渲染dom,js操作dom。

2.window中的onload和jq中的ready有什麼區別?

a) window中的onload是在頁面中的包括的所有元素載入玩之後才會執行,

jq中的$(document).ready()是dom載入完之後就可以執行,不必等所有元素執行完。

b) window中的onload如果有多個方法只會執行一次

jq中的$(document).ready()可以編寫多個,並且可以之執行多次

3.jq中讓乙個元素消失怎麼實現?

a) dispaly:none

b) hide()

c) visibility:hidden

d) $("p").fadeout()

4.ajax.get傳送資料成功後會把請求的url和結果儲存快取中,當下一次請求時直接取出來,這是為了提高頁面響應速度和使用者體驗,因為我們業務需要怎麼解決快取?

a) 在ajax傳送請求前加上 xmlhttprequest.setrequestheader(「cache-control」,」no-cache」);

b) 在服務端加 header(「cache-control: no-cache, must-revalidate」);

c) 在ajax傳送請求前加上 xmlhttprequest.setrequestheader(「if-modified-since」,」0″);

d) 在 ajax 的 url 引數後加上 "?fresh=" + math.random(); //加隨機數

e) 第五種方法和第四種類似,在 url 引數後加上 "?timestamp=" + new date().gettime();//加時間戳

f) 用post替代get:不推薦

5.vue-router第一次載入元件資源過多導致載入緩慢,如何解決?

vue-router 懶載入(按需載入)

非懶載入:component:index

懶載入: component:resolve => require(['@/components/index'],resolve)

6.vue - webpack 中並沒有scss,我們要在vue中使用sass需要怎麼配置?

a) npm 安裝 scss依賴包

b) npm i sass-loader node-sass -d

c) 在build資料夾下webpack.base.conf.js的rules中新增配置

d) 在vue檔案style裡更改lang='scss'

e) 啟動webpack

7.常見dom操作和事件

通過使用 getelementbyid() 方法匹配元素的id屬性來訪問元素節點,對元素節點進行操作

通過使用 getelementsbytagname() 方法匹配元素的tagname來訪問元素節點,對元素節點進行操作

通過使用 getelementsbyclassname() 方法匹配元素的classname來訪問元素節點,對元素節點進行操作

onclick事件---當使用者點選時執行

onload事件---當使用者進入時執行

onunload事件---用使用者離開時執行

onmouseover事件---當使用者滑鼠指標移入時執行

onmouseout事件---當使用者滑鼠指標移出時執行

onmousedown事件---當使用者滑鼠摁下時執行

onmouseup事件---當使用者滑鼠鬆開時執行

前端知識點整理目錄

瀏覽器渲染機制 三次握手四次揮手 http狀態碼 http隊頭阻塞 基本文件規範 h5新標籤 彈性布局 flex 盒模型 box sizing 形變 translate 水平垂直居中 定位布局 原型與原型鏈 工廠模式 建構函式模式 原型模式 事件迴圈機制eventloop 節流防抖 js深淺拷貝 閉...

知識點整理

一 標準庫容器和演算法 1.順序容器 與前面類似 2.關聯容器 map和multimap 元素包含key 鍵 和值 value 兩部分 按照鍵對元素排序 map不允許重複元素出現,但multimap可以 set和multliset 是包含已排序物件的關聯容器 只是單純的鍵的集合 set不允許重複鍵出...

知識點整理

一 標準庫容器和演算法 1.順序容器 與前面類似 2.關聯容器 map和multimap 元素包含key 鍵 和值 value 兩部分 按照鍵對元素排序 map不允許重複元素出現,但multimap可以 set和multliset 是包含已排序物件的關聯容器 只是單純的鍵的集合 set不允許重複鍵出...