1.5 萬字 CSS 基礎拾遺(核心知識、常見需求)
本文轉自微信公衆號 - 大海我來了原文地址 1.5 萬字 CSS 基礎拾遺(核心知識、常見需求) 本篇文章圍繞了 CSS 的核心知識點和項目中常見的需求來展開。雖然行文偏長,但偏基礎,適合初級中級前端閲讀,閲讀的時候請適當跳過已經掌握的部分。 這篇文章斷斷續續寫了比較久,也參考了許多優秀的文章,但或許文章裏還是存在不好或不對的地方,請多多指教,可以評論裏直接提出來哈。 小 tip:後續內容更精彩哦。 核心概念和知識點語法CSS 的核心功能是將 CSS 屬性設定為特定的值。一個屬性與值的鍵值對被稱為聲明(declaration)。 1color: red; 而如果將一個或者多個聲明用 {} 包裹起來後,那就組成了一個聲明塊(declaration block)。 1234{ color: red; text-align: center;} 聲明塊如果需要作用到對應的 HTML 元素,那還需要加上選擇器。選擇器和聲明塊組成了 CSS 規則集(CSS ruleset),常簡稱為 CSS...
JavaScript - 日期 Date
DateDate 類型使用自 UTC 世界協調時間 1970 年 1 月 1 日午夜零時開始經過的毫秒數來保存日期 創建通過使用 new 操作符和 Date 構造函數來創建日期對象 var now = new Date() Date() 可以選擇傳入參數,如果不傳入參數 不傳入參數 會依據系統設置的當前時間來創建一個Date對象,返回當前的日期和時間 傳入參數 Unix 时间戳 即 从1970-1-1 00:00:00 UTC 到该日期對象(UTC時間)的毫秒数 傳入 时间戳字符串 與下文的 Date.parse()所需的參數一樣 傳入 日期成員 與 下文的 Date.UTC() 所需的參數一樣,但是 Date() 會以 本地時間 來處理參數,而不是 UTC。 123// 可見最終的結果 兩個不一樣, 原因是 Date() 會以本地時間來處理參數console.log(new Date(Date.UTC(2021,1,2,12,12,12))) // Tue Feb 02 2021 20:12:12 GMT+0800 (香港標準時間)console.log(new...
JavaScript - 數組 Array
Array 類型ECMAScript 數組的每一項可以保存任何類型的數據。 ECMAScript 數組的大小是可以動態調整的,既可以隨著數據的添加自動增長以容納新數據。 創建數組的方法 使用 Array 構造函數 使用 new Array(), new 可以省略不寫。 1234var colors = new Array();var colors = Array();var colors = new Array(20); // 創建長度為20的數組var colors = new Array("red","blue","green") // 創建包含3個字符串的數組 使用數組字面量表示法 1234var color = ['red','blue']var color = [] // 空數組var color = [1,2,] // ie8及之前的版本,會是一個包含1,2,undefined 的數組(長度3),其它的瀏覽器會生成一個包含1,2的數組(長度2)var...
前端 JavaScript 自測清單 2
本文作為 JavaScript 的第二部分學習總結,希望作為一份自測清單,幫助大家鞏固知識,温故知新。
前端 JavaScript 自測清單 1
本文作為 JavaScript 的第一部分學習總結,希望作為一份自測清單,幫助大家鞏固知識,温故知新。
調研實現高性能動畫
快速響應和高度交互的頁面往往能夠吸引大量的用户群體. 相反, 如果頁面存在性能低下的動畫, 動畫不流暢, 動畫過程中頁面閃爍等等,如此粗糙的交互體驗必然喪失用户量.
在瀏覽器輸入 URL 回車之後發生了什麼(超詳細版)
在瀏覽器輸入 URL 回車之後發生了什麼(超詳細版)