React 版 V2EX 社區（ react & react-router & ax

VincentFF 發布于2019-08-21 12:04 / 1360人閱讀

摘要：目錄項目簡介在線演示截圖演示踩坑項目簡介項目使用進行開發項目兼容移動端使用代理并支持跨域另外還寫過一個版項目，以及聊天室，找工作，北京。

項目簡介

在線演示

截圖演示

踩坑

項目簡介（1/4）

項目使用React、Reac-router、Axios、ANTD UI進行開發

項目兼容移動端

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

另外還寫過一個Vue版V2EX項目，v2ex-vue：https://x.bw2.me/#/

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

找工作，北京。聯系方式：YmVyZ3doaXRlc0BnbWFpbC5jb20=

覺得對你有幫助的話，歡迎給個star，謝謝

在線演示（2/4）

點擊進入

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

第一個二維碼是移動端頁面，第二個二維碼是apk的下載地址

截圖演示（3/4） 導航頁面

文章頁面

分類頁面

用戶和主題頁面

踩坑（4/4） 支持IE

在IE中的報錯，TypeError: 對象不支持“startsWith”屬性或方法，通過添加babel-polyfill解決

import babel-polyfill for IE9+

通過Nginx配置路由

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

location / {
  try_files $uri /index.html
}

開啟Gzip

頁面訪問速度過慢，于是開啟Gzip對數據壓縮傳輸

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

GPU云服務器云服務器 react-router react-router4 React版Mung React-Native版Mung

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87423.html

解析ahooks整體架構及React工具庫源碼

　這是講 ahooks 源碼的第一篇文章，簡要就是以下幾點：　　加深對 React hooks 的理解。　　學習如何抽象自定義 hooks。構建屬于自己的 React hooks 工具庫。　　培養閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇。　　注：本系列對 ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼，主要是對源碼做了一些解讀，可見詳情。　　第一篇主要介紹 a...

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

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

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

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

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

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

Euphoria 2019-08-26 10:32 評論0 收藏0
看完React文檔后，重寫了下CnodeJS社區，感覺看上去還不錯

摘要：歡迎一個的初中級練習項目重構社區這里簡述下我學習的方式看了一邊文檔，把主要概念全部看完，高級指引里的根據個人興趣挑了一些看了看。 Github DEMO 歡迎Star 一個 React 的初/中級練習項目：重構 CnodeJS 社區 showImg(https://segmentfault.com/img/remote/1460000017255931); 這里簡述下我學習 R...

raise_yang 2019-08-23 13:52 評論0 收藏0