原创 svelte教程(1)簡介

什麼是svelte? Svelte是用於構建快速Web應用程序的工具。 它類似於React和Vue這樣的JavaScript框架。但是有一個關鍵的區別:Svelte在構建時將您的svelte代碼轉換爲理想的JavaScript 代碼,而不是

原创 前端學習筆記(8)css選擇器(二)

選擇器的組合 選擇器列表是一個由逗號分隔的複雜選擇器序列;複雜選擇器則是用“空格”、“~”、“+”、“>”、“||”連接的複合選擇器;複合選擇器則是連寫的簡單選擇器。選擇器的連接方式可以理解爲四則運算一樣有優先級。 第一優先級:無連接符號

原创 前端學習筆記(6) - JavaScript數組

在最新的TypeScript 3.6中實現了更準確的數組擴展。藉此機會聊一下我對js中數組的一點理解。 使用Array()初始化數組 先來看一下下面的兩行代碼 1 in [undefined, undefined, undefined] /

原创 前端學習筆記(5) - JavaScript中this 關鍵字的機制

JavaScript中有幾種函數 1.使用function定義的函數 function foo(){ } 2.使用箭頭函數定義的函數 const foo=()=>{ } 3.在class中定義的函數 class A{ foo(){

原创 前端學習筆記(4) - JavaScript宏觀與微觀任務

宏觀和微觀任務 在 ES3 和更早的版本中,JavaScript 本身還沒有異步執行代碼的能力,這也就意味着,宿主環境傳遞給 JavaScript 引擎一段代碼,引擎就把代碼直接順次執行了,這個任務也就是宿主發起的任務。 但是,在 ES5

原创 前端學習筆記(3) - JavaScript對象分類

JavaScript中的對象分類 宿主對象(host Objects):由 JavaScript 宿主環境提供的對象,它們的行爲完全由宿主環境決定。 內置對象(Built-in Objects):由 JavaScript 語言提供的對象

原创 前端學習筆記(2) - JavaScript面向對象

javaScript是不是面嚮對象語言? JavaScript(es6之前)有對象的概念,卻沒有類的概念,JavaScript對象可以任意添加屬性,而java、c++等其他語言卻不能。以至於有些人認爲JavaScript並非是面向對象的語言

原创 前端學習筆記(1) - JavaScript類型

背景介紹 我從事前端工作只能有短短的一年,工作要求使我接觸到了前端這個領域。起初對於前端的理解就是html、css、js,但是隨着對前端這個領域的不斷了解,我發現前端遠不止這些。雖然目前我已經能夠根據需求寫出不錯的前端代碼,但是我所掌握度前