原创 Redux 入門教程—15redux-thunk 實踐發送 ajax 請求

首先安裝一個庫axios,可以用來發送異步的ajax請求 yarn add axios 然後導入該庫 https://randomuser.me/ components/User.js import React, { Component

原创 H5移動端—移動端佈局及適配(rem)

1.rem適配原理 首先清除一下默認樣式,這個基本上所有寫H5的都通用 a, input, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, butto

原创 Redux 入門教程—14異步和 redux-thunk

我們在項目經常要發送ajax,處理異步等,這個也可以使用中間件 第一步:安裝 第二步: 使用 第三步:action代碼 import { INCREMENT, DECREMENT } from '../constants'; ex

原创 JavaScript系列—class(靜態方法和屬性、實例屬性、私有方法和屬性)

1.類的簡介 JavaScript 語言中,生成實例對象的傳統方法是通過構造函數。下面是一個例子。 function Point(x, y) { this.x = x; this.y = y; } Point.prototyp

原创 JavaScript系列—函數防抖與函數節流

個人總結 防抖:它在用戶不觸發事件的時,才觸發動作。 通俗:保證了正常的用戶每輸入1,2個字符就能觸發一次。如果用戶是輸入法狂魔,也可以狠制他每輸入3~6個字符觸發一次。 應用:提交按鈕的點擊事件。 實現思路:將目標方法(動作)包裝在se

原创 (轉)終於有人把 Nginx 說清楚了,圖文詳解!

原文地址:https://baijiahao.baidu.com/s?id=1652608869911988442&wfr=spider&for=pc 想必大家一定聽說過 Nginx,若沒聽說過它,那麼一定聽過它的"同行"Apache 吧

原创 git merge和git rebase的區別, 切記:永遠用rebase

作者:丁哥開講 鏈接:https://zhuanlan.zhihu.com/p/75499871 來源:知乎 著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。   git merge和git rebase的區別, 切記

原创 hooks踩坑—React Hook xx is called in function xx which is neither a React function component or ...

這個坑,真的很小很小,就被絆倒了,困擾了好幾天,網上也沒找到關於這個坑的解決辦法。 源碼是這樣的: 然後報錯信息: 問題就出現在函數的取名,函數名首字母要大寫 我的函數名是slider 改爲Slider就不會報錯了

原创 web前端面試題(二)

*this系列 *介紹一下原型對象 一句話概括就是每個構造函數都有一個原型對象,原型對象都包含一個指向構造函數的指針,而實例都包含一個指向原型對象的內部指針。如下圖所示 function Person() { } Person.prot

原创 Redux 入門教程—12中間件

現在有一個需求,每一次dispatch的時候都會打印一下日誌發送到終端 我們可以在每一個action中這樣打印一下,但是假如有100個action,那寫起來就很麻煩   現在我們就可以用中間件來實現 先學習一下中間件的概念 中間件

原创 Redux 入門教程—13redux-logger

現在我們可以使用別人寫好的中間件,這節使用一個關於打印日誌的中間件redux-logger 如何使用? 第一步:安裝 第二步: 使用 第三步:檢驗(點擊之後就會打印)  

原创 hooks學習筆記—hooks的典型案例

清除 effect 通常,組件卸載時需要清除 effect 創建的諸如訂閱或計時器 ID 等資源。要實現這一點,useEffect 函數需返回一個清除函數。也就是說,要想在組件銷燬的時候搞一些事情,需要useEffect 末尾返回一個函數

原创 Redux 入門教程—17異步與 promise

https://github.com/pburtchaell/redux-promise-middleware/blob/master/docs/introduction.md http://es6.ruanyifeng.com/#doc

原创 hooks學習筆記—React中的展示與容器組件 Presentational和Container

在學習hooks首先看一下這篇文章,明確一下展示組件和容器組件的概念 React中的展示與容器組件 Presentational和Container 首先是最重要的一組概念:展示組件與容器組件。同樣,在我們提到的,React並不是傳統的M

原创 npm安裝包時 --save 和 --save-dev 的區別

以npm 安裝 vue爲例 1.npm install vue: 會把vue包安裝到node_modules目錄中; 不會修改package.json文件; 之後運行npm install命令時,不會自動安裝vue;   2.npm in