天天看點

web前端架構開發執行個體,前端開發應該如何準備面試

前言

此 blog-react-admin 項目是基于螞蟻金服開源的 ant design pro之上,用 react 全家桶 + Ant Design 的進行再次開發的,項目已經開源。

效果預覽

開箱即用的中台前端 / 設計解決方案。

web前端架構開發執行個體,前端開發應該如何準備面試

Ant Design Pro 是基于 Ant Design 和 umi 的封裝的一整套企業級中背景前端/設計解決方案,緻力于在設計規範和基礎元件的基礎上,繼續向上建構,提煉出典型模闆/業務元件/配套設計資源,進一步提升企業級中背景産品設計研發過程中的『使用者』和『設計者』的體驗。

随着『設計者』的不斷回報,我們将持續疊代,逐漸沉澱和總結出更多設計模式和相應的代碼實作,闡述中背景産品模闆/元件/業務場景的最佳實踐,也十分期待你的參與和共建。

Ant Design Pro 在力求提供開箱即用的開發體驗,為此我們提供完整的腳手架,涉及國際化,權限,mock,資料流,網絡請求等各個方面。

為這些中背景中常見的方案提供了最佳實踐來減少學習和開發成本。

而且也是配有使用文檔的,很不錯。

注意點

文章是分類型的:文章類型 => 1: 普通文章,2: 履歷,3: 管理者介紹;而且履歷和管理者介紹的文章隻能是各自一篇(因為前台展示那裡有個導航 關于我 ,就是請求管理者介紹這篇文章的,履歷也是打算這樣子用的),普通文章可以是無數篇。

點贊的使用者 like_users 那裡應該隻儲存使用者 id 的,這個後面修改一下。

評論功能是實作了簡單的三級評論的,第三者的評論(就是别人對一級評論進行再評論)放在 other_comments 裡面。

評論是有狀态的:狀态 => 0 待稽核 / 1 通過正常 / -1 已删除 / -2 垃圾評論。

管理一級和三級評論是設定前台能不能展示的,預設是展示,如果管理者看了,是條垃圾評論就 設定為 -1 或者 -2 ,進行隐藏,前台就不會展現了。

已實作功能

  • 登入
  • 文章管理
  • 标簽管理
  • 留言管理
  • 使用者管理
  • 友情連結管理
  • 時間軸管理
  • 富文本編輯器(支援 MarkDown 文法)
  • 項目展示
  • 評論管理

待實作功能

  • 個人中心(用來設定部落客的各種資訊)
  • 工作台( 接入百度統計接口,檢視網站浏覽量和使用者通路等資料 )

主要項目結構

- pages
  - Account 部落客個人中心
  - article 文章管理
  - Category 分類
  - Dashboard 工作台
  - Exection 403 404 500 等頁面
  - Link 連結管理
  - Message 留言管理
  - OtherUser 使用者管理
  - Project 項目
  - Tag 标簽管理
  - TimeAsix 時間軸
  - User 登入注冊管理

           

文章管理、使用者管理、留言等 具體業務需求,都是些常用的邏輯可以實作的

缺點

開發時,程式出錯後,修改正确後,webpack 有時不會及時查覺到内容已經更改,進而不能及時編譯,要重新運作指令打包。

筆者的文章裡面的圖檔都是上傳到簡書上的,建立文章時,隻是寫個圖檔連結而已,你們也可以上傳到簡書或者七牛雲,或者其他第三方。

Build Setup ( 建構安裝 )

# install dependencies
npm install 

# serve with hot reload at localhost: 3000
npm start 

# build for production with minification
npm run build 

           

如果要看完整的效果,是要和背景項目 blog-node 一起運作才行的,不然接口請求會失敗。

項目常見問題

管理背景登入

管理背景登入是用 郵箱加密碼 進行登入

管理者賬号建立

管理背景的登入賬号并不是 admin/user ,也不是搭建 mongodb 資料庫時建立的 user 使用者,這裡的賬号和密碼要自己建立,至于怎樣建立呢?

用 postman 調接口注冊

web前端架構開發執行個體,前端開發應該如何準備面試

如果是本地的可以像這樣子建立,如果是伺服器上的,請把 url 修改一下,

權限

注冊了管理者賬号,并用管理者賬号登入,還不能正常登入管理背景的,會被重定向加登入頁面。因為權限管理的限制,要把自己注冊的管理者賬号的 名字 加在 config/router.config.js 的 authority 裡面。

登入

web前端架構開發執行個體,前端開發應該如何準備面試

登入部落格管理背景是用 郵箱 加 密碼 登入。

我目前是在職前端開發,如果你現在也想學習前端開發技術,在入門學習前端的過程當中有遇見任何關于學習方法,學習路線,學習效率等方面的問題,你都可以申請加入我所在的前端學習交流社群,裡面聚集了一些正在自學前端的初學者,轉行者,初階者,文章中的項目源碼,需要的話都可以點選這裡找裙豬擷取。

最後

分享一套我整理的面試幹貨,這份文檔結合了我多年的面試官經驗,站在面試官的角度來告訴你,面試官提的那些問題他最想聽到你給他的回答是什麼,分享出來幫助那些對前途感到迷茫的朋友。

面試經驗技巧篇

  • 經驗技巧1 如何巧妙地回答面試官的問題
  • 經驗技巧2 如何回答技術性的問題
  • 經驗技巧3 如何回答非技術性問題
  • 經驗技巧4 如何回答快速估算類問題
  • 經驗技巧5 如何回答算法設計問題
  • 經驗技巧6 如何回答系統設計題
  • 經驗技巧7 如何解決求職中的時間沖突問題
  • 經驗技巧8 如果面試問題曾經遇見過,是否要告知面試官
  • 經驗技巧9 在被企業拒絕後是否可以再申請
  • 經驗技巧10 如何應對自己不會回答的問題
  • 經驗技巧11 如何應對面試官的“激将法”語言
  • 經驗技巧12 如何處理與面試官持不同觀點這個問題
  • 經驗技巧13 什麼是職場暗語
web前端架構開發執行個體,前端開發應該如何準備面試

面試真題篇

  • 真題詳解1 某知名網際網路下載下傳服務提供商軟體工程師筆試題
  • 真題詳解2 某知名社交平台軟體工程師筆試題
  • 真題詳解3 某知名安全軟體服務提供商軟體工程師筆試題
  • 真題詳解4 某知名網際網路金融企業軟體工程師筆試題
  • 真題詳解5 某知名搜尋引擎提供商軟體工程師筆試題
  • 真題詳解6 某初創公司軟體工程師筆試題
  • 真題詳解7 某知名遊戲軟體開發公司軟體工程師筆試題
  • 真題詳解8 某知名電子商務公司軟體工程師筆試題
  • 真題詳解9 某頂級生活消費類網站軟體工程師筆試題
  • 真題詳解10 某知名門戶網站軟體工程師筆試題
  • 真題詳解11 某知名網際網路金融企業軟體工程師筆試題
  • 真題詳解12 國内某知名網絡裝置提供商軟體工程師筆試題
  • 真題詳解13 國内某頂級手機制造商軟體工程師筆試題
  • 真題詳解14 某頂級大資料綜合服務提供商軟體工程師筆試題
  • 真題詳解15 某著名社交類上市公司軟體工程師筆試題
  • 真題詳解16 某知名網際網路公司軟體工程師筆試題
  • 真題詳解17 某知名網絡安全公司校園招聘技術類筆試題
  • 真題詳解18 某知名網際網路遊戲公司校園招聘運維開發崗筆試題
web前端架構開發執行個體,前端開發應該如何準備面試
需要這份文檔的朋友可以點選藍色傳送門即可免費擷取!
面試技巧整理

[外鍊圖檔轉存中…(img-TULWozqz-1627015980365)]

需要這份文檔的朋友可以點選藍色傳送門即可免費擷取!
面試技巧整理

整理不易,點個關注再走吧