原创 cookie、session、sessionId、token、登錄
前言 自己這幾天在用node做一個博客系統，包含了登錄功能，這個過程中涉及到了一些cookie，session等等，自己就查閱了一些相關資料，以自己的理解做了一些總結，若有不對的地方可以指出。 爲什麼要使用這些技術？ cookie和
2019-03-23 01:31:40
原创 如何通過抓包來獲取數據API
前言 寫了一個貓眼電影小程序，數據是通過抓包獲取的，開始以爲抓包很簡單就沒說明，結果有很多人問如何獲取貓眼電影數據，這裏就寫了一篇博客說明。 通過谷歌瀏覽器的調試工具可以抓取任意網站的包，這裏以貓眼電影爲例。 1.首先訪問貓眼官網
2019-03-23 01:30:49
原创 React實現web音樂app（可預覽）
github地址：基於React的音樂播放器 預覽地址：預覽地址(窗口大小變化時請刷新一下頁面) 接口地址：網易雲音樂 API 技術棧 react react-router mobx fetch antd-mobile bette
2019-03-11 22:20:13
原创 web服務器與web框架
Web 服務器 當我們在瀏覽器輸入URL後，瀏覽器會先請求DNS服務器，獲得請求站點的 IP 地址。然後發送一個HTTP Request（請求）給擁有該 IP 的主機，接着就會接收到服務器給我們的 HTTP Response（響應），
2019-01-17 20:06:48
原创 關於React中props.children
props和state代表着組件的屬性和狀態，屬性只讀而狀態可變。 this.props對象的屬性與組件的屬性一一對應，但是有一個例外，就是this.props.children屬性 props.children props.ch
2019-01-04 17:09:50
原创 擴展create-react-app的webpack配置
在創建react項目時，我們一般用create-react-app腳手架來搭建項目。 create-react-app對webpack的配置進行了封裝並默認隱藏了配置文件。 當我們需要對webpack的配置進行擴展時，需要執行npm
2018-12-23 13:50:14
9
原创 關於antd表單組件遇見的問題
公司在用antd+mobx做表單時遇見一些問題，自己解決並記錄下來 業務需求 點擊新增按鈕時，彈出一個嵌入Form的Modal，填寫完畢後驗證表單 點擊編輯按鈕時，彈出上一個Modal，並將以前的填寫信息回顯上去 遇見的問題 問
2018-12-01 00:04:58
18
原创 關於antd表單的雙向綁定
react的input要進行雙向綁定需要定義value和onChange屬性來雙向綁定，當表單元素過多時就顯得麻煩。 antd的表單提供了Form組件，Form組件提供getFieldDecorator來進行雙向綁定 公司使用ant
2018-11-20 05:41:30
原创 git
分佈式版本控制 客戶端並不只提取最新版本的文件快照，而是把代碼倉庫完整地鏡像下來。 這麼一來，任何一處協同工作用的服務器發生故障，事後都可以用任何一個鏡像出來的本地倉庫恢復。 因爲每一次的克隆操作，實際上都是一次對代碼倉庫的完整備份。
2018-11-14 05:32:10
1
原创 在React、Vue和小程序中使用函數節流和函數防抖
在上一篇中我總結了節流函數和防抖函數的基本原理：總結前端函數防抖與函數節流。 接下來介紹一下防抖函數和節流函數在前端框架中的使用。 在使用前一定要注意兩個問題： this的指向 事件對象的傳遞 React中使用防抖函數和節流函數
2018-11-04 05:53:58
原创 總結JS閉包
讓你分分鐘理解 JavaScript 閉包 閉包，是 Javascript 比較重要的一個概念，對於初學者來講，閉包是一個特別抽象的概念，特別是 ECMAScript 規範給的定義，如果沒有實戰經驗，很難從定義去理解它。因此，本文不會
2018-11-04 05:53:58
原创 總結前端函數防抖與函數節流
函數防抖與函數節流的意義 在綁定 scroll 、resize 這類事件時，當它發生時，它被觸發的頻次非常高，間隔很近。如果事件中涉及到大量的位置計算、DOM 操作、元素重繪等工作且這些工作無法在下一個 scroll 事件觸發前完成
2018-11-04 05:53:58
原创 基於原生小程序精仿的貓眼電影
最近基於原生小程序精仿貓眼電影，數據API都是在網上抓取的 由於沒有獲得貓眼城市ID的API，所有數據接口沒有添加城市ID參數，僅靠IP定位，所以數據可能不準確 github地址：基於原生小程序精仿的貓眼電影 掃描體驗：（正在製作）
2018-11-04 05:53:57
原创 前端國際化（react-intl）
antd/antd-mobile 國際化方案 國際化方案概述 前端國際化詳解、舉例 國際化資源文件管理 項目之間、開發者與翻譯者之間的協作 國際化規範附錄 擴展閱讀 國際化方案概述 國際化是一個看似簡單，實則非常複雜的領域，實際進
2018-09-29 22:56:02
5