原创 TypeScript中外部枚舉？
外部枚舉用來描述已經存在的枚舉類型的形狀。 declare enum Enum { A = 1, B, C = 2 } 外部枚舉和非外部枚舉之間有一個重要的區別，在正常的枚舉裏，沒有初始化方法的成員被當成
2020-02-22 05:57:56
原创 模塊加載器 CommonJs / AMD / UMD / ES6
ES6 Modue 規範：JavaScript 語言標準模塊化方案，瀏覽器和服務器通用，模塊功能主要由 export 和 import 兩個命令構成。export 用於定義模塊的對外接口，import 用於輸入其他模塊提供的功能。
2020-02-22 05:57:56
原创 scss-混合@mixin @include @function
@mixin定義 @mixin large-text { font: { family: Arial; size: 20px; weight: bold; } color: #ff0000; }
2020-02-22 05:57:55
原创 scss- 條件語句 循環語句使用
@if @else if @else $type: monster; p { @if $type == ocean { color: blue; } @else if $type == matador {
2020-02-22 05:57:55
原创 React綁定事件，注意this指向
保證事件綁定的方法內的this是當前組件上下文 方法一 bind class LoggingButton extends React.Component { constructor(){ super() this.handle
2020-02-22 05:57:55
原创 better-scroll下拉刷新 上拉加載
安裝 npm install better-scroll --save 初始化 <div class="wrapper"> <!-- better-scroll 只處理容器（wrapper）的第一個子元素（conten
2020-02-22 05:57:55
原创 React ---懶加載
React.lazy() 定義一個動態加載的組件 React.Suspense可以指定加載指示器 // 該組件是動態加載的 const OtherComponent = React.lazy(() => import('./Oth
2020-02-22 05:57:55
原创 TypeScript---泛型 T
使用了 類型變量，它是一種特殊的變量，只用於表示類型而不是值。 <T>在前面聲明 function identity<T>(arg: T): T { return arg; } //使用方法1,：用之前聲明 let out
2020-02-22 05:57:55
原创 scss -指令@import@media@extend@extend-Only@at-root
@import 通常，@import 尋找 Sass 文件並將其導入，但在以下情況下，@import 僅作爲普通的 CSS 語句，不會導入任何 Sass 文件 文件拓展名是 .css； 文件名以 http:// 開頭； 文件名是
2020-02-22 05:57:55
原创 for...in vs for...of
for…in(遍歷數組對象的鍵名) let list = [4, 5, 6]; for (let i in list) { console.log(i); // "0", "1", "2", } let obj ={a
2020-02-22 05:57:55
原创 scss - 基礎用法1
父選擇器 & ```javascript a { font-weight: bold; &:hover { color: red; } } ``` ```javascript #main {
2020-02-22 05:57:55
原创 錯誤邊界組件ErrorBoundary
eact 15 中有一個支持有限的錯誤邊界方法 unstable_handleError。此方法不再起作用，同時自 React 16 beta 發佈起你需要在代碼中將其修改爲 componentDidCatch。 無法捕獲事件處理
2020-02-22 05:57:55
原创 React---通信Context
除了組件之間從上往下的props通信外還有Content通信方式 React.createContext const MyContext = React.createContext(defaultValue); Cont
2020-02-22 05:57:55
原创 scss輸出css的格式
:nested（嵌套 ） 選擇器根據html結構 縮進 #main { color: #fff; background-color: #000; } #main p { width: 10em; } .hug
2020-02-22 05:57:55
原创 TypeScript---接口(interface)
接口定義 使用接口聲明的變量的值一定要包含接口裏面必要的內容 interface LabelledValue { label: string; } function printLabel(labelledObj: Label
2020-02-22 05:57:55