原创 javascript檢測橫屏，css檢測橫屏，適配iPhoneX
window.orientation:獲取屏幕旋轉方向 window.addEventListener("resize", ()=>{ if (window.orientation === 180 || window.ori
2020-06-30 15:49:10
原创 React Hooks使用 Effect Hooks
import React, { Component, useState, useEffect } from "react"; // hooks組件 function App() { const [count, setCount]
2020-06-30 15:49:10
原创 PWA組成技術 Cache-API
// cache-api的使用 const CACHE_NAME = 'cache-v2' // 定義緩存名稱 // ServerWorker的生命週期，install、activate、fetch // 發生在新的ServerWo
2020-06-30 14:59:29
原创 React Hooks使用 Ref Hooks
useRef 獲取子組件或者DOM節點的句柄 渲染週期之間共享數據的存儲 import React, { useState, PureComponent, useEffect, useMemo, memo, useCallback, u
2020-06-30 14:59:29
原创 uni-app中封裝uni.request返回promise
let baseUrl if (process.env.NODE_ENV === 'development') { // 開發環境 // #ifdef H5 baseUrl = "/api" // #endif } else {
2020-06-30 14:59:29
原创 React腳手架實現多頁面應用
搭建項目內容 配置paths.js appHtml: resolveApp('public/index.html'), appQueryHtml: resolveApp('public/query.html'), appO
2020-06-30 14:59:29
原创 react基礎使用redux-saga
1、store中配置引入saga，還有saga.js的自定義文件 import { createStore, applyMiddleware, compose } from 'redux' import createSagaMiddl
2020-06-30 14:59:17
3
原创 react基礎redux的基本使用
1、通過createStore創建好store import { createStore } from 'redux' import reducer from './reducer' const store = createStore
2020-06-30 14:59:17
原创 redux基礎react-thunk的基本使用
1、在store中配置使用redux-thunk import { createStore, applyMiddleware, compose } from 'redux' import thunk from 'redux-thunk
2020-06-30 14:59:17
原创 react基礎使用combineReducers完成對數據的拆分
combineReducer將reducer.js拆分爲多個小的reducer,便於數據管理 import { combineReducers } from 'redux' 可以在每一個組件下面創建屬於自己的store,用來存儲自己的
2020-06-30 14:59:16
原创 react基礎react-router-dom的基本使用，和react-loadable結合react-router-dom中withRouter實現異步加載組件，提升性能
1、安裝react-router-dom,使用路由器BrowserRouter, 路由Route,還有Switch用於處理意外頁面 import React, { Component, Fragment } from 'react';
2020-06-30 14:59:16
原创 react基礎使用styled-components編寫js的樣式組件的基本使用
1、安裝styled-components，用於js編寫對應的組件 styled的使用，用於創建組件 import styled from 'styled-components' export const Item = styled.
2020-06-30 14:59:16
原创 react基礎immutable.js管理store中的數據,使用redux-immutable來統一store的數據類型,可以結合PureComponent創建高性能組件
import { PureComponent } from 'react' 保證state中的數據類型一致 安裝 npm i immutable --save fromJS將state變爲immutable對象 import { fro
2020-06-30 14:59:16
原创 react基礎使用redux-thunk實現action中請求異步數據
1、在store中配置好redux-thunk import { createStore, applyMiddleware, compose } from 'redux' import thunk from 'redux-thunk'
2020-06-30 14:59:16
原创 react基礎react-redux
1、引入react-redux，在模板渲染口，使用Provider提供store,只要在Provider中使用的組件都可以調用到store中的state狀態 import React from 'react'; import React
2020-06-30 14:59:16