原创 【demo】使用React+Webpackt做一個簡單的todolist

使用React實現一個簡單的todolist,實現基本的增刪功能 GitHub:https://github.com/heyue-99/todolist 創建項目 創建的todo主要採用node包的方式,使用webpack打包 初始化

原创 jsonp和Nginx跨域

JSONP 先說說JSONP是怎麼產生的: 其實網上關於JSONP的講解有很多,但卻千篇一律,而且雲裏霧裏,對於很多剛接觸的人來講理解起來有些困難,着用自己的方式來闡釋一下這個問題,看看是否有幫助。 1、一個衆所周知的問題,Aja

原创 React16 新特性總結

createPortal createPortal 的出現爲 彈窗、對話框 等脫離文檔流的組件開發提供了便利,Portals 提供了一種很好的將子節點渲染到父組件以外的 DOM 節點的方式。 const modalRoot = d

原创 手動清除Google Chrome DNS緩存

DNS緩存 爲了獲得更好的互聯網訪問性能,Google Chrome 流量器內建了一個緩存系統,不僅可用於緩存網站內容,還可以進行 DNS 記錄的緩存。Chrome 內置的 DNS 緩存系統有一個隱藏選項,它可以允許用戶手動清除

原创 瀏覽器地址欄輸入URL,回車後究竟發生了什麼

基本流程 ①查詢ip地址 ②建立tcp連接,接入服務器 ③瀏覽器發起http請求 ④服務器後臺操作並做出響應 ⑤網頁的解析與渲染 查詢ip地址 ①瀏覽器解析出url中的域名。 ②查詢瀏覽器的DNS緩存。 ③瀏覽器中沒有DNS緩存,

原创 jest學習筆記

function.js export default { sum(a, b) { return a + b; }, getAuthor() { return { name: 'LITANG

原创 【demo】react+webpack音樂播放器

使用react+webpack做了一個簡單的音樂播放界面 使用H5的audio作爲播放器 音樂播放時唱片圖片順時針旋轉,音樂停止時圖片也停止旋轉 github:https://github.com/heyue-99/music-playe

原创 JavaScript實現類的private、public

定義Js中的類,實際上用的是function,這個語法其實是用來定義函數的。不同於定義函數的是,我們可以在function中通過this.xxx的方式來定義屬性和方法。 this.xxx只能定義公有屬性和方法,那私有屬性和方法怎麼辦呢?這

原创 【demo】React+Webpackt做一個微博發送表單

使用React實現一個微博發送表單 表單的需求: (1)輸入框獲取焦點時,輸入框邊框變爲橙色,右上角顯示剩餘字數的提示;輸入框失去焦點時,輸入框邊框變爲灰色,右上角顯示熱門微博。 (2)輸入字數小於且等於140字時,提示顯示剩餘可輸入

原创 深入理解javascript原型和閉包筆記

讀完 深入理解javascript原型和閉包 的一些摘錄。 javascript原型和閉包 一切都是對象 四種(undefined, number, string, boolean)屬於簡單的值類型,不是對象。剩下的幾種情況——函

原创 通用方法記錄

判斷數據類型 可判斷類型:undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、

原创 瀏覽器緩存知識

瀏覽器緩存分類 目前主流的瀏覽器緩存分爲兩類,強緩存和協商緩存: 強緩存:直接從本地副本比對讀取,不去請求服務器,返回的狀態碼是 200。 協商緩存:會去服務器比對,若沒改變才直接讀取本地緩存,返回的狀態碼是 304。 它們的

原创 javascript正則檢測連續重複字符串

元字符  \1~\9  作用:用來表示前面以匹配的字符或分組的一個引用 //一般情況,當我們想匹配任意兩個相同的字符(複雜一點就是兩個相同的分組)時,往往可以藉助下面的寫法 //說明: //(\w)用來匹配任何除了換行和製表符的字符, 而

原创 react相關知識點記錄

1. async/await 理解 JavaScript 的 async/await async 的作用 async 函數返回的是一個 Promise 對象 如果在函數中 return 一個直接量,async 會把這個直接量通過

原创 小程序wx.request和promise

1.Promise對象基礎 1.1 Promise 的狀態 Promise有3種狀態: Pending:進行中 Resolved(Fulfilled):已完成 Rejected:已失敗 1.2 .then() 和 .catch