dvaJs使用注意事項

項目參考地址 dva-yichacss

1. 使用路由跳轉的方式

(1)全部的路由跳轉功能都放到 dva/router 裏面的webpack

import { routerRedux } from 'dva/router';

(2)routerRedux裏面包含一些經常使用的跳轉路由的內容:
go: ƒ ()
goBack: ƒ ()
goForward: ƒ ()
push: ƒ ()
replace: ƒ ()
(3)該組件必須是經過connect鏈接到redux裏面的組件,經過 this.props.dispatch 進行觸發git

this.props.dispatch(routerRedux.push(path))

2. 經過Link跳轉

import { Link } from 'dva/router';

3. 設置全局樣式

(1)若是是直接設置div這樣的原生標籤,那麼能夠直接引入就行;github

(2)若是是設置類選擇器的全局樣式,就須要使用:global,對於不一樣的樣式分別進行設置web

:global(.w) {
  background-color: pink;
}

4. 使用scss

(1)只須要安裝相應的包就好了(其餘的什麼都不用改)redux

import './index.scss'
import styles from './IndexPage.scss'

(2)可是這種方式仍是要和cssMoudle一個使用跨域

5. 實現跨域,在.webpackrc中添加

"proxy": {
    "/": {
      "target": "https://www.yichaapp.com/",
      "changeOrigin": true
    }
  }

6. 圖片懶加載方案 lazysizes

<img src="../../assets/default.png" data-src={news.netUrl} className="lazyload" alt="易茶"/>

(1)src是替代圖片
(2)data-src是正式圖片app

相關文章
相關標籤/搜索