原创 css背景圖

css3的背景屬性 background-size 屬性規定背景圖片的尺寸。(可以以像素或百分比規定尺寸) background-origin 屬性規定背景圖片的定位區域。 背景圖片可以放置於 content-box、paddi

原创 css面試題---實現中間自適應高度 左右定寬的佈局

flex佈局實現 這個代碼是面試題解析裏一位大佬的,此處引用一下。 *{ margin: 0; padding: 0; } header

原创 js的變量提升(預解析)

變量對象的創建過程是在當前執行上下文創建的時候;而變量的賦值是在當前執行上下文執行的時候。雖然我們常常在聲明的同時賦值,但是聲明和賦值並不是同一時間發生的,所以會出現變量提升的情況。 變量提升 變量提升是指,在變量對象創建的過程中

原创 塊級元素與內聯元素嵌套規則(學習筆記)

學習文章 塊級元素:不和其他元素在同一行,可以設置寬高。常見的:div p h1-h6 ul 內聯元素:只能容納文本或者其他內聯元素,可以和其他內聯元素同一行,但不能設置寬高 常見的:a img span i 嵌套規

原创 xss攻擊和csrf攻擊

XSS攻擊 參考文章 中文全稱:跨站腳本攻擊; 英文全稱:Cross Site Scripting; 是web程序中最常見的漏洞,指的是攻擊者在網頁中插入客戶端腳本(如:javascript),當用戶在瀏覽該網頁時,該腳本就會在用

原创 https與http的區別(學習筆記)

參考文章 http存在的問題 1.http明文傳輸,傳輸過程中可能被截獲、修改。 2.http不會驗證用戶身份,用戶雙方可以被僞造。 3.http不會驗證報文的完整性。 https的組成 https是http協議的擴展,由http

原创 css---僞類與僞元素(學習筆記)

學習文章 學習文章 僞類 定義: 僞類存在的意義是爲了通過選擇器找到不存在於DOM樹中的信息以及普通選擇器獲取不到的信息 以一個冒號: 開頭,如:狀態型僞類(:active 向被激活的元素添加樣式 :focus 向擁有鍵盤輸

原创 TCP(三次握手四次揮手)和UDP

計算機網絡的分層 參考文章 OSI七層:物理層,數據鏈路層,網絡層,運輸層,會話層,表示層,應用層。 TCP/IP五層結構:物理層,數據鏈路層,網絡層,傳輸層,應用層。 TCP/IP四層結構:網絡接口層,網絡層,傳輸層,應用層。

原创 cookie(學習筆記)

之前對於保持登錄態這個問題,一直比較疑惑,自己也沒有實現過,看了這篇文章之後好像明白了什麼,聊一聊cookie 所以看完以後自己爲了熟記,有了這篇學習筆記。 cookie的工作過程 cookie是瀏覽器提供的功能,可以存儲字符串,

原创 js中的數組遍歷

數組的遍歷 參考文章 for循環 var arr = [4,2,5,8,9]; arr["a"] = 10; arr[7] = 7; for(let i=0;i<arr.length;i++) //for遍歷 根據下標遍歷

原创 《你不知道的JS》---作用域是什麼(讀書筆記一)

作用域 作用域是一套根據變量名查找變量的規則。 遍歷嵌套作用域鏈的規則 引擎從當前的執行作用域開始查找變量,如果沒有找到就去上一級查找,當抵達最外層全局作用域時,不管找沒找到,查找過程都會停止。 LHS查詢和RHS查詢 LHS查詢

原创 《你不知道的JS》---詞法作用域(讀書筆記二)

作用域的兩種工作模型 詞法作用域(大多數編程語言採用)、動態作用域 詞法作用域 詞法作用域是定義在詞法階段的作用域,由寫代碼時將變量和塊作用域寫在哪裏決定。 查找 作用域的結構和相互之間的位置,爲引擎查找提供了足夠的位置信息。引擎

原创 indexOf方法和includes方法

indexOf方法 在字符串中的應用 有隱式轉換 let string = "apple1"; console.log(string.indexOf("1"));//5 console.log(string.indexOf(1

原创 js中Math的常用方法

Math對象的常用方法 Math.sign() 取符號,負數返回-1,正數返回1。0返回0,-0返回-0。 js> Math.sign(-7); -1 js> Math.sign(7); 1 js> Math.sign(0);

原创 面試題---從輸入url到頁面展示發生了什麼?在此過程中能做什麼優化?

從輸入URL到頁面展示發生了什麼 DNS域名解析:將域名解析爲ip地址 TCP連接:三次握手 發送HTTP請求 服務器處理請求並返回HTTP報文 瀏覽器解析渲染頁面 TCP連接斷開:四次揮手 服務器處理請求階段的具體過程: