原创 node自啓動工具supervisor

supervisor會不停的watch你應用下面的所有文件,發現有文件被修改,就重新載入程序文件這樣就實現了部署,修改了程序文件後馬上就能看到變更後的結構。再也不用擔心每次重啓node了 1.首先安裝supervisor npm ins

原创 TypeScript基本語法---07元組

元組可以看作是數組的拓展,它表示已知元素數量和類型的數組。確切地說,是已知數組中每一個位置上的元素的類型。 元組類型用來表示已知元素數量和類型的數組,各元素的類型不必相同,對應位置的類型需要相同。 let x: [string, num

原创 vue計算屬性中使用箭頭函數出錯

export default { data() { return { num1: 1, num2: 2, } }, computed

原创 路徑url

一、相對路徑 目前我們在網頁中使用的路徑都是相對路徑 比如:      ./an.jpg      ../an.jpg     an.jpg 相對路徑指外部文件相對於當前文件所在目錄的位置(靜態文件) 二、絕對路徑 在實際開發中,由於一些

原创 TypeScript基本語法---02原始數據類型

JavaScript 的類型分爲兩種:原始數據類型和引用/對象類型。原始數據類型包括:布爾值、數值、字符串、null、undefined 和 Symbol(es6 新增)。 TypeScript 遵循強類型,如果將不同的類型賦值給變量

原创 vue-router 緩存路由組件對象

一、前言 一些組件需要通過接口請求數據來進行顯示,請求數據會造成一定的等待時間,如果反覆切換組件,那就需要反覆進行數據請求,並且這部分數據返回時相同的;那麼可以在組件第一次加載時,將組件對象緩存起來 當切換路由顯示時,組件對象被緩存起來,

原创 TypeScript基本語法---05函數

函數返回值 有時,我們會希望函數將執行的結果返回到調用它的地方。 通過使用 return 語句就可以實現。 在使用 return 語句時,函數會停止執行,並返回指定的值。 語法格式如下所示: function function_name

原创 TypeScript基本語法---04變量聲明(類型推斷、類型斷言)

TypeScript 遵循強類型,如果將不同的類型賦值給變量會編譯錯誤。 雖然再前面的章節中已經使用到了變量聲明,但那只是簡單的使用,下面對變量聲明的使用會有一個詳細的介紹。 變量是一種使用方便的佔位符,用於引用計算機內存地址。 我們可以

原创 vue組件通信---父向子傳遞`標籤數據`(slot插槽)

一、理解 1.1此方式用於父組件向子組件傳遞`標籤數據` 1.2插槽最後顯示不顯示是看父組件有沒有在孩子裏寫模板 1.3對內容分發<插槽>的理解可以是佔位符,標籤替換,插槽 父組件中子標籤放入帶有插槽的內容,然後這些內容就會被分發到子組件

原创 live-server的使用

https://www.jianshu.com/p/a162131e22d0

原创 pc端和移動端默認樣式重置

首先說一下,爲何要用重置樣式 除了省心之外,還有兩個好處 1.方便設計師/程序員發揮 白紙的感覺確實好。各種margin,padding,border的爲0。。。 2.便於發現前端代碼的遺漏 用了reset後,如果“blockquote、

原创 Vue-給data數據中對象新增屬性(使用Vue.$set())

在開發過程中,我們時常會遇到這樣一種情況:當vue的data裏邊聲明或者已經賦值過的對象或者數組(數組裏邊的值是對象)時,向數組對象中添加新的屬性,如果直接更新此屬性的值,是不會更新視圖的。 根據官方文檔定義:如果在實例創建之後添加新的屬

原创 字節和字符串

一、概念 1.位 : 是數據存儲的最小單位。在計算機中的二進制數系統中,位,叫bit,簡記爲b,也稱爲比特,每個0或1就是一個位。說白了就是0或者1(二進制);計算機內存中的存儲都是0 1這兩個東西。 2.字節: 字節是指一小組相鄰的二進

原创 clip-path的學習和簡單使用

clip-path CSS 屬性可以創建一個只有元素的部分區域可以顯示的剪切區域。區域內的部分顯示,區域外的隱藏。剪切區域是被引用內嵌的URL定義的路徑或者外部svg的路徑,或者作爲一個形狀。clip-path屬性代替了現在已經棄用的剪切

原创 前端面試題

Html篇: 1.HTML5 爲什麼只需要寫 <!DOCTYPE HTML>? HTML5 不基於 SGML,因此不需要對DTD進行引用,但是需要doctype來規範瀏覽器的行爲(讓瀏覽器按照它們應該的方式來運行); 而HTML