原创 【JS】使用js實現一個簡單的函數防抖
1.概念 1.事件響應函數fn在等待一段時間之後纔會執行，如果在這個時間段內fn被再次調用，那麼會重新計算響應時間。 2. 使用節流的case： 1.輸入框查詢 2.表單驗證 3. 按鈕提交事件 4.scroll滾動事件 5.re
2020-07-06 18:44:51
原创 【CSS】CSS之層疊性，繼承性，優先級
層疊性 樣式發生衝突的時候，總是執行後邊的樣式，和調用順序無關。 繼承性 文字的所有屬性都可以被繼承 -特殊：h1-h6 文字大小不能被繼承 a標籤文字顏色不能被繼承 優先級 默認樣式<標籤選擇器<類選擇器<id選擇器<行內樣式
2020-07-06 18:44:51
原创 【ts】ts學習筆記
一、函數重載 // 函數重載 function add(...rest: number[]):number; function add(...rest: string[]):string; function add(...rest
2020-06-16 10:10:32
原创 使用JavaScript實現二分查找
遞歸版 //數組，找誰， 低位， 高位 function BSearch( arr, x, low, high){ if( low > high ){ return -1;
2020-06-07 13:52:22
原创 js實現快速排序，冒泡排序，選擇排序，直接插入排序、希爾排序
1.思想： 快速排序應該是最常用的排序算法了。它的時間複雜度比冒泡排序，直接插入排序等低，且它的性能通常比其他的排序算法要好。和歸併排序一樣，快排也使用了分而治之的思想。將原始數組分爲小數組 1）首先，選取數組中間元素作爲基準點
2020-06-07 13:52:12
原创 【NPM】npm i webpack -g或npm i create-react-app -g之後提示command not found解決方案
鄙人之前在安裝webpack，yarn，react-react-app，vue-cli時，明明是按着官方文檔進行安裝的，而且提示安裝成功了 npm i webpack webpack-cli -g npm i create-rea
2020-06-07 13:52:11
原创 【數據結構】JavaScript實現單鏈表、單鏈表反轉
鏈表 鏈接也是一種存儲數據的工具，不同於數組，鏈表中的元素並不是連續存儲的。因此不能通過下標去訪問。 鏈表分爲單(向)鏈表，雙向鏈表，循環鏈表等。.今天來實現一下單鏈表。 單鏈表中的每個元素包括兩個兩個域，一個是保存元素本身的域
2020-06-07 13:52:11
原创 【轉】HTTP 和 HTTPS 的區別和各自的優缺點
一，HTTP 的缺點 HTTP 主要有這些不足，例舉如下： 1）通信使用明文（不加密），內容可能會被竊聽 2）不驗證通信方的身份，因此有可能遭遇僞裝 3）無法證明報文的完整性，所以有可能已遭篡改 這些問題不僅在
2020-06-07 13:52:11
3
原创 【js】實現3版函數節流
函數節流（throttle）：當持續觸發事件時，保證一定時間段內只調用一次事件處理函數。節流通俗解釋就比如我們水龍頭放水，閥門一打開，水嘩嘩的往下流，秉着勤儉節約的優良傳統美德，我們要把水龍頭關小點，最好是如我們心意按照一定規律在
2020-05-05 19:40:19
原创 【js】js閉包的10種表現形式
1.返回值 var fn = function() { var name = function() { var name = 'lzx'; return function() {
2020-05-05 19:40:19
原创 【性能優化】瀏覽器的重繪與重排
瀏覽器運行機制 1、構建DOM樹（parse）：渲染引擎解析HTML文檔，首先將標籤轉換成DOM樹中的DOM node（包括js生成的標籤）生成內容樹（Content Tree/DOM Tree）； 2、構建渲染樹（constru
2020-04-13 18:41:22
原创 如何寫好JavaScript
需求： 用js實現紅綠燈效果。 三個狀態用紅（stop）、綠（pass）、黃（wait） 要求用JavaScript讓三個狀態輪流切換，每個狀態停留2s HTML <ul id="traffic" class="stop" >
2019-08-29 01:46:51
1
原创 【移動端】使用js和css3的translate、transition實現的簡單輪播圖
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2019-06-25 10:13:20
1
原创 【移動端】學習移動端的滑動手勢事件
1.判斷滑動的手勢條件 觸發touchmove事件 移動的超過一定的距離，如10px， 像滑動了1px，2px這類的距離太小，不能視爲滑動 <!DOCTYPE html> <html lang="en"> <head>
2019-06-25 10:13:20
1
原创 【移動端】封裝一個簡單的tap事件鴨
1. tap事件與click事件 移動端click事件缺陷 移動端也有click事件，但是在移動端爲了區別是點擊還是滑動（當用戶觸碰到屏幕的時候，可能是點擊，也可能是活動），因此click事件有300ms的延遲。這個延遲在chr
2019-06-25 10:13:19
1