原创 變量對象的生成
執行上下文的生命週期分爲兩個階段：創建階段和代碼執行階段。 創建階段： 生成變量對象 確定作用域鏈 確定this的指向 生成變量對象的過程如下： 建立arguments對象：檢查當前上下文中的參數（函數參數），建立該對象下的屬性和屬
2020-06-14 10:47:31
原创 令人撓頭的運算符： && 、|| 和 類型轉換
在JS中有一些操作符結果比較“迷人”，比如： && || && 對於&&來說：如果第一個爲true，返回的是第二個值。相反，第一個爲false,則直接返回這個值而不會執行後面的。 1 && 2 //2 對於多個值連接在一起，規則類似，
2020-06-14 10:47:31
原创 Web小技術之實現響應式導航條
主要代碼： <!DOCTYPE html> <html> <head> <title>Responsive Navigation Bar</title> <link rel="stylesheet" type="text/c
2020-05-12 06:52:47
原创 計算機網絡基礎之TCP/IP協議層 與 DNS協議，IP協議，ARP協議
協議 什麼是協議？ 我覺得要理解什麼是協議，首先要知道他是屬於計算機中的術語。另一方面，也要清楚認識到，計算機是“傻瓜式”的，他不會做什麼多餘的工作的，它會按照我們給他的命令執行工作。對於要實現在兩臺計算機之間實現數據傳輸，我們
2020-05-07 10:16:02
6
原创 CSS小技巧——flex實現元素位置自動更新
今天在寫項目的時候，在思考怎麼實現把一個圖片列表中的點擊過的圖片隱藏之後，在其下面的圖片位置自動更新，後來想到了flex這個神奇的CSS屬性。 flex + 最大/最小寬高度 先來看一個簡單的代碼： <!DOCTYPE html
2020-04-28 14:40:13
原创 JS中的靜態屬性及實例屬性
在回憶怎麼判斷一個對象是一個數組的方法時，想到了Array.isArray()這個方法，突然有點不理解，這是什麼意思，isArray()怎麼可以通過Array直接調用，這樣的情況很多，比如Object上的方法。 看了幾篇文章，簡
2020-04-27 13:52:48
原创 JS之類數組對象
什麼是類數組對象 有length屬性和若干索引屬性的對象。 var array = ['name', 'age', 'sex']; var arrayLike = { 0: 'name', 1: 'age'
2020-04-27 13:52:48
原创 js之獲取對象類型的幾種方式
通過typeof typeof的所有返回值包括以下幾種： number boolean string undefined function symbol object 對於基本類型或者函數，通過typeof很好判斷，但是對於
2020-03-24 19:50:50
原创 JSON
JSON 只是一種數據格式 語法的值可以標識爲以下三種類型: 簡單值 字符串、數值、布爾值、null 不支持undefined 對象 數組 ####簡單值 JavaScript字符串與 JSON字符串的大區別在於
2020-03-07 08:30:16
原创 ES5之繼承
ES5之繼承 原型鏈 基本思想：利用原型讓一個引用類型繼承另一個引用類型的屬性和方法。 構造函數、原型和實例的關係： 每個構造函數都有一個原型對象，這個原型對象有一個指向構造函數的指針，而實例有一個指向他的原型對象的內部指針。
2020-03-07 08:30:16
原创 CSS之position定位
在CSS中，使用position屬性可以改變元素的定位方式，其取值有以下幾種： static relative absolute fixed sticky 默認值爲static，且適用於所有元素。 static
2020-03-03 08:22:47
原创 CSS之字體
字體族 字體族使用font-family 屬性聲明的。適用於所有元素。 當我們想要對文檔中的字體進行設置時，就可以通過font-family這個屬性。通過這個屬性，我們可以指定字體。比如： p { font-family:Geo
2020-02-21 23:50:17
原创 CSS之應用樣式的四種方式
CSS之應用樣式的四種方式 1. link標籤 通過link標籤鏈接的樣式表不是HTML文檔的一部分，但是卻供文檔使用。這樣的樣式表稱爲外部樣式表。 Web瀏覽器遇到link標籤時，會查找並加載樣式表，並渲染HTML文檔。 屬性
2020-02-21 23:50:16
原创 JS之with語句
在Javascript中，有一個特別的語句——with語句 作用 將代碼的作用域設置到一個特定的對象中。 語法 with(expression) statements 目的 爲了簡化多次編寫同一個對象的工作
2019-09-09 21:25:10
原创 前端必讀：瀏覽器內部工作原理
原文鏈接：https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 這篇文章寫的非常好！！推薦 前端必讀：瀏覽
2019-08-28 22:02:21