React 版 V2EX 社區(qū)（ react & react-router & ax

VincentFF 發(fā)布于2019-08-21 12:04 / 1402人閱讀

摘要：目錄項(xiàng)目簡(jiǎn)介在線演示截圖演示踩坑項(xiàng)目簡(jiǎn)介項(xiàng)目使用進(jìn)行開發(fā)項(xiàng)目兼容移動(dòng)端使用代理并支持跨域另外還寫過一個(gè)版項(xiàng)目，以及聊天室，找工作，北京。

項(xiàng)目簡(jiǎn)介

在線演示

截圖演示

踩坑

項(xiàng)目簡(jiǎn)介（1/4）

項(xiàng)目使用React、Reac-router、Axios、ANTD UI進(jìn)行開發(fā)

項(xiàng)目兼容移動(dòng)端

使用Nginx代理V2EX API并支持CORS跨域

另外還寫過一個(gè)Vue版V2EX項(xiàng)目，v2ex-vue：https://x.bw2.me/#/

以及nodejs聊天室，nchat：http://y.bw2.me:8086

找工作，北京。聯(lián)系方式：YmVyZ3doaXRlc0BnbWFpbC5jb20=

覺得對(duì)你有幫助的話，歡迎給個(gè)star，謝謝

在線演示（2/4）

點(diǎn)擊進(jìn)入

另外還用cordova打包成了安卓APK

第一個(gè)二維碼是移動(dòng)端頁面，第二個(gè)二維碼是apk的下載地址

截圖演示（3/4） 導(dǎo)航頁面

文章頁面

分類頁面

用戶和主題頁面

踩坑（4/4） 支持IE

在IE中的報(bào)錯(cuò)，TypeError: 對(duì)象不支持“startsWith”屬性或方法，通過添加babel-polyfill解決

import babel-polyfill for IE9+

通過Nginx配置路由

直接訪問二級(jí)路由會(huì)404，通過nginx把頁面定向到inedx.html，讓react-router接管頁面路由

location / {
  try_files $uri /index.html
}

開啟Gzip

頁面訪問速度過慢，于是開啟Gzip對(duì)數(shù)據(jù)壓縮傳輸

gzip on; # 開啟Gzip
gzip_comp_level 6; # 級(jí)別為1-9，9是最高的壓縮比
gzip_types *; # 壓縮所有類型文件
gzip_vary on; # 添加響應(yīng)頭

云服務(wù)器 GPU云服務(wù)器 react-router react-router4 React版Mung React-Native版Mung

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/87423.html

相關(guān)文章

解析ahooks整體架構(gòu)及React工具庫源碼

　這是講 ahooks 源碼的第一篇文章，簡(jiǎn)要就是以下幾點(diǎn)：　　加深對(duì) React hooks 的理解?！　W(xué)習(xí)如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫?！　∨囵B(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇?！　∽ⅲ罕鞠盗袑?duì) ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼，主要是對(duì)源碼做了一些解讀，可見詳情?！　〉谝黄饕榻B a...

3403771864 2022-11-06 18:34 評(píng)論0 收藏0
前端資源系列（4）-前端學(xué)習(xí)資源分享&amp;前端面試資源匯總

摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

princekin 2019-08-20 11:28 評(píng)論0 收藏0
一篇文章讀懂 React &amp; redux 前端開發(fā)

摘要：如在中在中，聚合積累的結(jié)果是當(dāng)前的對(duì)象。被稱為副作用，在我們的應(yīng)用中，最常見的就是異步操作。至于為什么我們這么糾結(jié)于純函數(shù)，如果你想了解更多可以閱讀，或者它的中文譯本函數(shù)式編程指南。 DvaJS： React and redux based, lightweight and elm-style framework. https://dvajs.com/ 實(shí)例項(xiàng)目源碼：https://g...

cppowboy 2019-08-23 13:11 評(píng)論0 收藏0
微前端 —— menu&amp;&amp;project1（React）

摘要：前言微前端理論篇微前端項(xiàng)目上一篇中，我們完成了項(xiàng)目的搭建，算是完成了整個(gè)微前端架構(gòu)的一半工程了。項(xiàng)目項(xiàng)目是作為頁面的菜單顯示的，主要用于路由的控制。源碼地址源碼地址項(xiàng)目源碼地址微前端理論篇微前端項(xiàng)目微前端項(xiàng)目前言 ????????微前端 —— 理論篇????????微前端 —— portal項(xiàng)目????????上一篇中，我們完成了portal項(xiàng)目的搭建，算是完成了整個(gè)微前端架構(gòu)的一半...

Euphoria 2019-08-26 10:32 評(píng)論0 收藏0
看完React文檔后，重寫了下CnodeJS社區(qū)，感覺看上去還不錯(cuò)

摘要：歡迎一個(gè)的初中級(jí)練習(xí)項(xiàng)目重構(gòu)社區(qū)這里簡(jiǎn)述下我學(xué)習(xí)的方式看了一邊文檔，把主要概念全部看完，高級(jí)指引里的根據(jù)個(gè)人興趣挑了一些看了看。 Github DEMO 歡迎Star 一個(gè) React 的初/中級(jí)練習(xí)項(xiàng)目：重構(gòu) CnodeJS 社區(qū) showImg(https://segmentfault.com/img/remote/1460000017255931); 這里簡(jiǎn)述下我學(xué)習(xí) R...

raise_yang 2019-08-23 13:52 評(píng)論0 收藏0