原创 css盒模型理解

css盒模型概念 css盒子模型又稱框模型 (Box Model) ,包含了元素內容(content)、內邊距(padding)、邊框(border)、外邊距(margin)幾個要素。 圖中element元素是實際內容,也就是元素框,緊挨着

原创 Javascript處理數組基礎知識(含es6新語法)

迭代方法 1.every() every(callback(element,index,array), thisArg)對數組中每一項進行給定函數,如果每一項都返回true,則返回true。參數解析: callback:必需,對數組每一項

原创 javascript事件基礎知識

什麼是事件 javascript與HTML之間交互就是通過事件實現的,事件就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。事件在瀏覽器中是以對象的形式存在的,即event,觸發一個事件,就會產生一個事件對象event,該對象包含着所有與事件

原创 初識webpack,搭建webpack4+typescript+scss入門項目

爲什要使用webPack 隨着大前端的來臨,需要前端處理越來越多的事情,不僅侷限頁面的交互,項目的需求越來越多,更多的邏輯需要在前端完成,爲了簡化開發的複雜度,前端社區涌現出了很多好的實踐方法。1.模塊化,一種將複雜系統分解爲可管理模塊的方

原创 javascript動態合併縱向單元格

1.需求 合併相鄰行內容相同的單元格。 2.概念 rowspan指定單元格縱向跨越的行數。如rowspan被設爲“3”,這表示該單元格必須跨越三行(本身一行,加上另外兩行)。 3.公共方法 /** * 單元格合併方法,增加rows

原创 Mac OS 下 NVM 的安裝與使用

一、卸載node 若電腦已經安裝node,需要卸載掉,檢查是否安裝node。 node -v 如果有版本返回,說明電腦已經安裝node,此時需要把node卸載掉,若未安裝node忽略以下操作。 1.依次執行下列命令,卸載node sud