原创 JS數據類型判斷

JS中判斷數據類型的方式(已知8種) 2021了,這些判斷方式你都知道嗎 let arr = new Array(); typeof 常見的判斷類型的方式,但是對於引用類型,除了function,其他的都返回object,不是特別精

原创 重學Javascript之數據類型

Number類型 在Javascript,數值類型包括整數、浮點數。不管是什麼類型,在js中都是使用64爲來存儲數值。這些數值因爲分爲正數和負數,因此64位內存既要用來存儲正數,也要能存儲負數。在這64位中,52位保存整數,11位保存小數

原创 重學Javascript之類型轉換

強制類型轉換(顯示類型轉換) Number() Boolean() String() 調用數組、函數、對象和正則表達式的valueOf() 會返回對象本身。日期類定義的valueOf()方法會返回它的一個內部表示:197

原创 React組件理解

什麼是組件 組件允許我們將應用的UI拆分成獨立的、可複用的模塊,其實也就是可複用的代碼片段。React應用程序就是由組件來構建的,也就是說React應用的基石! React中的組件類別 class組件 函數組件 class組件

原创 CSS樣式之實現水平排列塊元素的幾種方式

三種實現水平排列塊元素的方式 1. 使用浮動定位(float) .cellDiv { height:300px; /*display:table-cell;*/ float:left; /*dis

原创 CSS之link 標籤與@import 的異同

CSS之link 標籤與@import 的異同 在CSS中,有兩種方式可以在.html文件中引入外部樣式表。 link 標籤 常見方式爲 : <link rel = "stylesheet" href = "main.cs

原创 ipad上100vh和100%踩坑記

最近遇到了一個小bug,在ipad上編輯word文件的虛擬鍵盤收回時,會導致頁面的導航條隱藏,且頁面的下面會出現一塊空白 自己嘗試的解決方案 通過focusin和focusout對虛擬鍵盤的彈入彈出進行監聽,但發現基本沒什麼用

原创 47個CSS提示和技巧讓你的網站更高級

1. 水平居中 要在 CSS 中水平居中塊級元素,需要三件事:在元素上顯式設置寬度,將左右邊距設置爲自動,幷包括適當的文檔類型以防止舊版本的 IE 進入怪癖模式。 div#page {width: 960px; margin: 0

原创 JS中的錯誤處理與調試

錯誤處理 try-catch語句 在使用try-catch時,我們通常是把可能會出錯的代碼放在try語句塊中,把錯誤處理程序放在catch語句塊中。 try { } catch(err){ } 那麼,當我們執行tr

原创 CSS之浮動float

浮動 1.1 浮動的元素 在CSS中,浮動通過float屬性實現。 取值: left | right | none 初始值:none 適用於: 所有元素 浮動的元素會脫離常規文檔流,但是,仍會對常規文檔流的佈局有所影響。使用

原创 關於span高度過高,且文字脫離span盒子的原因

首先我們來看問題描述: 我設置的span標籤時,當設置一個高度之後,發現本該在元素盒子內的文字在外面。 再看一下代碼: <div class = "commenter"> <i

原创 CSS之長度單位

CSS之長度單位 很多CSS屬性要靠長度度量衡才能正確顯示元素。因此,CSS中有許多長度單位。 CSS中的長度單位分爲絕對長度單位和相對長度單位。 絕對長度單位 英寸(in) 1 英寸爲2.54釐米 釐米(cm) 毫米(mm

原创 Vue之雙向綁定

Vue之雙向綁定 雙向數據綁定 將DOM與Vue實例的data數據綁定到一起,彼此間互相影響。 數據的變化會引起DOM的改變 DOM的改變也會引起數據的變化 原理 當把一個普通的Javascript對象傳入Vue實例作爲dat

原创 Ipad中100vh 和 100%踩坑記

最近遇到了一個小bug,在ipad上編輯word文件的虛擬鍵盤收回時,會導致頁面的導航條隱藏,且頁面的下面會出現一塊空白 自己嘗試的解決方案 通過focusin和focusout對虛擬鍵盤的彈入彈出進行監聽,但發現基本沒什麼用。我的理解是

原创 JS之類數組對象以及轉換方法大全

什麼是類數組對象 有length屬性和若干索引屬性的對象。 var array = ['name', 'age', 'sex']; var arrayLike = { 0: 'name', 1: 'age',