原创 基於 TS 實現 axios(三)

這一小節,主要是把異常的處理加上 處理錯誤 網絡錯誤 就在你發送 Ajax 請求的地方,new 出來的 XMLHttpRequest 有一個 onerror 的方法,把你的方法掛上去就可以了。 request.onerror =

原创 基於 TS 實現 axios(二)

這一次主要是基礎功能實現 目錄結構:僅僅包含 src 下的編碼 注:get 中的參數是在 url地址上的;post 中的參數是在 data 中的,並不能在 url 地址中 url 編碼 實現了這個功能其實就意味着實現了

原创 基於 TS 實現 axios(一)

需求分析 我們寫的 axios 具有以下特點: 在瀏覽器使用 XMLHttpRequest 對象通訊 支持 Promise API 支持請求和響應的攔截器 支持請求數據和響應數據的轉換 支持請求的取消 JSON 數據的自動轉換

原创 深入學習webpack 4.x核心用法及其源碼(四)

這一章主要是一些關於 webpack 打包組件、庫的一些配置 引入方式 我們可以通過配置 webpack 來實現不同方式的引用,不管是 import 、require、AMD方式 引入都可以正常的引入,通過把 libraryT

原创 深入學習webpack 4.x核心用法及其源碼(三)

想實現更小的打包內容。 Tree Shaking 介紹 webpack 2.0 之後開始提供;Tree Shaking 只支持 ES Module(import) 的引入 具體什麼意思呢?如果你想導入一個 .js 文件(多個方

原创 rn 組件總結

雖然最近期末考試,但還是準備梳理一下自己一兩個月來學習 React Native 的一些經歷 Model 該組件是提供一種覆蓋在其他視圖上顯示的內容。 類似於下圖支付寶的選擇框遮罩效果。 還有一些b站的分享也是使用類似的這種效果

原创 深入學習webpack 4.x核心用法及其源碼(一)

注:我是用的是webpack 4.x 版本 什麼是webpack? 它就是一個 模塊打包 工具 (Module Bilder) 模塊加載方式 它就是我們使用導入或導出模塊的規範,主要有四種: CommonJS (node) 就是

原创 深入學習webpack 4.x核心用法及其源碼(二)

上一小節我簡單介紹了 webpack 的一些用法,它的核心用法我還沒有介紹,webpack 默認只會對 js 的一些代碼進行打包,不可以對 css 樣式進行打包,或把二進制圖片打包成 data URL,熱更新 Loader 介紹

原创 JavaScript 數據結構與算法 (一)

棧 先進後出的數據結構:先進去的數據在底部,最後取出,後進去的數據在頂部,最先被取出。 如下圖所示: function Stack() { this.items = []; } Stack.prototype.push

原创 手寫一個Vue數據綁定(配圖文)

學前準備:Object.defineProperty、觀察者模式 index.html 的準備: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

原创 JavaScript中的代理模式

什麼是代理模式? 在現實生活中,可以找到很多使用了代理模式的場景。例如:我想要去租房,一般的做法是不是找個中介,給你介紹房子,這樣你可以節約很多的時間和精力,而這時候中介就是代理;如果有商家想找某某明星打廣告,是不是一般先找這個明

原创 weex 全套環境搭建(配圖文)

簡介 Weex 是使用流行的 Web 開發體驗來開發高性能原生應用的框架。 “Weex” 的發音是 /wiːks/, 和 “Weeks” 同音。 Weex 致力於使開發者能基於通用跨平臺的 Web 開發語言和開發經驗,來構建

原创 React 初探

簡介 React 是一個用於構建用戶界面的 JAVASCRIPT 庫。 React主要用於構建UI,很多人認爲 React 是 MVC 中的 V(視圖)。 React 起源於 Facebook 的內部項目,用來架設 Instagr

原创 js中的策略模式

定義 策略模式指的是定義一系列的算法,把它們一個個封裝起來。將不變的部分和變化的部分隔開是每個設計模式的主題,策略模式也不例外,策略模式的目的就是將算法的使用與算法的實現分離開來。 通常一個基於策略模式的程序至少由兩部分組成。第一

原创 自己做一個在線markdown編輯器

準備 請使用以下使用 npm 下載以下的包 bootstrap: “^3.4.1”, jquery: “^3.4.1”, marked: “^0.7.0” 代碼 效果圖: 直接上主要代碼,css就不行了: <sc