【話題討論+送書福利】一個(gè)年薪30萬的Web全棧工程需要掌握哪些秘密武器？

飄絮絮絮丶

獲獎(jiǎng)名單：

東風(fēng)玖哥  3樓  @東風(fēng)玖哥
Fl_wolf   4樓  @Fl_wolf
jieforest   6樓   @jieforest
renxiao2003  7樓   @renxiao2003
aloki        10樓     @aloki
請各位小伙伴4月20日之前站內(nèi)短信聯(lián)系我獲獎(jiǎng)郵寄地址


話題背景：

當(dāng)前Web開發(fā)的場景越來越復(fù)雜，涉及計(jì)算機(jī)界面、手機(jī)界面、微信小程序界面、支付寶小程序等，Web開發(fā)的門檻也越來越高，涉及前端、數(shù)據(jù)庫和后端開發(fā)，需要掌握J(rèn)avaScript、Node.js、Vue.js、MongoDB、MySQL等技術(shù)。Web開發(fā)逐漸從之前的“后端+模板”的MVC模式逐漸向Web全棧開發(fā)的模式轉(zhuǎn)變，這是一種趨勢。這使得Web全棧開發(fā)工程師的技術(shù)門檻陡增，相應(yīng)地他們的薪資水平也水漲船高，30萬年薪已經(jīng)不是新鮮事了。如何掌握這些技術(shù)并融匯貫通是Web全棧工程師需要面對的問題。近期機(jī)械工業(yè)出版社出版的《Vue.js+Node.js開發(fā)實(shí)戰(zhàn)：從入門到項(xiàng)目上線 》正好是一本介紹Web全棧開發(fā)技術(shù)的書籍，可以帶領(lǐng)小白讀者通過項(xiàng)目實(shí)踐的方式掌握Web全棧開發(fā)需要的常見技術(shù)。本次活動(dòng)便是以此為契機(jī)，和各位讀者就Web全棧開發(fā)技術(shù)的相關(guān)話題展開討論，歡迎大家踴躍發(fā)言。

討論范圍：

1.你所知道的Web全棧技術(shù)有哪些？請具體羅列幾種并簡單介紹一下這些技術(shù)的特性。
2.從零開始開發(fā)一個(gè)小型的全棧項(xiàng)目一般需要幾步？請簡單描述一下。
3.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目有哪些優(yōu)勢？請具體描述一下。
4.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目是否有劣勢？請具體分析一下。

活動(dòng)時(shí)間：2021年3月3日-3月23日

作者介紹：

張帆，產(chǎn)品經(jīng)理，互聯(lián)網(wǎng)創(chuàng)業(yè)者。曾在巨人網(wǎng)絡(luò)等互聯(lián)網(wǎng)企業(yè)擔(dān)任Web工程師和項(xiàng)目經(jīng)理等職務(wù)。長期從事Web開發(fā)，有豐富的項(xiàng)目經(jīng)驗(yàn)，擅長Python、PHP及Node.js后端服務(wù)構(gòu)建，以及JavaScript客戶端開發(fā)、微信客戶端開發(fā)及網(wǎng)站前端開發(fā)等。長期研究如何利用各種新技術(shù)提升開發(fā)效率，解決實(shí)際問題。


本期獎(jiǎng)品：

最佳積極參與經(jīng)驗(yàn)分享獎(jiǎng)5名，獎(jiǎng)勵(lì)價(jià)值89元的《Vue.js+Node.js開發(fā)實(shí)戰(zhàn)：從入門到項(xiàng)目上線 》圖書1本。

Vue.js+Node.js開發(fā)實(shí)戰(zhàn)：從入門到項(xiàng)目上線
張帆  編著
書號：978-7-111-67065-0
印張：20（共320頁）
定價(jià)：89.00元
定價(jià)：89.00元
上架建議：計(jì)算機(jī)/Web開發(fā)




參與方式：

直接在該主題下回帖即可。


圖書購買：

京東：https://item.jd.com/13061724.html
當(dāng)當(dāng)：http://product.dangdang.com/29177720.html


圖書試讀：

內(nèi)容簡介+前言+目錄    第1-2章（試讀） 試讀樣章.pdf (2.15 MB, 下載次數(shù): 28)

2021-03-01 09:48 上傳

點(diǎn)擊文件名下載附件

前言+目錄.pdf (527.95 KB, 下載次數(shù): 20)

2021-03-01 09:48 上傳

點(diǎn)擊文件名下載附件

oyzx_sp

熱門圖書，歡迎拍磚。lol

東風(fēng)玖哥

1.你所知道的Web全棧技術(shù)有哪些？請具體羅列幾種并簡單介紹一下這些技術(shù)的特性。
基于React的React Native和基于VUE的Weex，此外還有HBuilder和AppCan等，有利用Bridge將HTML標(biāo)簽轉(zhuǎn)化為Android或iOS原生控件的，也有直接利用WebView嵌入網(wǎng)頁的。

2.從零開始開發(fā)一個(gè)小型的全棧項(xiàng)目一般需要幾步？請簡單描述一下。
只考慮國內(nèi)場景，只考慮對性能要求不高的小型項(xiàng)目，可以采用以下步驟
（1）利用Node.js搭建后臺(tái)
（2）利用VUE進(jìn)行微信公眾號網(wǎng)頁開發(fā)
（3）開發(fā)小程序（TypeScript可以視為JavaScript的補(bǔ)集）
（4）利用Weex（相當(dāng)于Vue Native）開發(fā)Android和iOS應(yīng)用

3.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目有哪些優(yōu)勢？請具體描述一下。
（1）只需要學(xué)習(xí)一種語言就能開發(fā)全棧項(xiàng)目，學(xué)習(xí)成本低，上手快
（2）JavaScript開發(fā)速度快，適合快速迭代

4.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目是否有劣勢？請具體分析一下。
（1）Node.js是單線程模型，不適合高并發(fā)，對性能要求高的項(xiàng)目不適合
（2）JavaScript是解釋型語言，不適合長期維護(hù)
（3）外國開發(fā)者用VUE比較少，對跨國合作不利

Fl_wolf

1.你所知道的Web全棧技術(shù)有哪些？請具體羅列幾種并簡單介紹一下這些技術(shù)的特性。我自己在用的  就是 vue + django ，特點(diǎn)應(yīng)該就是適用性比較廣吧。
后端也可以用 flask
2.從零開始開發(fā)一個(gè)小型的全棧項(xiàng)目一般需要幾步？請簡單描述一下。
前端語言+后端語言，做為一個(gè)真正的全棧，系統(tǒng)環(huán)境搭建，系統(tǒng)內(nèi)核與訪問優(yōu)化也是必不可少的

3.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目有哪些優(yōu)勢？請具體描述一下。
說實(shí)話我NodeJS沒有怎么太多去了解過。
字面上看就只需要學(xué)JS，學(xué)習(xí)難度比較低。
相對django，更適合高并發(fā)與密級IO的系統(tǒng)
4.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目是否有劣勢？請具體分析一下。


由于JS是單線程的原因，如果有長時(shí)間運(yùn)行的計(jì)算（比如大循環(huán)），
將會(huì)導(dǎo)致CPU時(shí)間片不能釋放，使得后續(xù)I/O無法發(fā)起；

seesea2517

強(qiáng)大的 js。

jieforest

1.你所知道的Web全棧技術(shù)有哪些？請具體羅列幾種并簡單介紹一下這些技術(shù)的特性。
所謂Web全棧，就是從前端做到后端，所有的開發(fā)自己干完。
1）PHP全棧
早些年最常用的全棧解決方案有LAMP，即Linux + Apache + MySQL + PHP，基于這幾個(gè)技術(shù)，一個(gè)網(wǎng)站就能建設(shè)完成。
隨著技術(shù)的演進(jìn)，LAMP被替代成LNMP，Apache被Nginx替代。
2）Ruby on Rails，早些年比較火的Web全棧解決方案
3）Python on Django，Python語言的Web全棧解決方案
4）Node.js + Express + MongoDB + Vue.js，JavaScript語言的Web全棧解決方案
5）其他
以第四種為例，前端開發(fā)和后端開發(fā)都是以JavaScript語言為基礎(chǔ)，在開發(fā)語言層面實(shí)現(xiàn)了統(tǒng)一，對開發(fā)團(tuán)隊(duì)友好，且整套解決方案的學(xué)習(xí)曲線平滑，易于掌握，屬于不錯(cuò)的Web全棧解決方案。

2.從零開始開發(fā)一個(gè)小型的全棧項(xiàng)目一般需要幾步？請簡單描述一下。
小型的全棧項(xiàng)目這種需求，可以優(yōu)先考慮用微信小程序、百度小程序、頭條小程序、支付寶小程序等方式來實(shí)現(xiàn)，這種方式實(shí)現(xiàn)需求很快，能夠快速上線。
無論什么Web項(xiàng)目，一般都需要如下幾步：
1）原型設(shè)計(jì)
2）UI繪圖、切圖
3）前端開發(fā) + 后端開發(fā)
4）功能測試
5）產(chǎn)品上線

3.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目有哪些優(yōu)勢？請具體描述一下。
Vue.js+Node.js開發(fā)全棧項(xiàng)目有很多優(yōu)勢：
1）組件庫豐富。基于Vue的UI框架多的很，比如ElementUI、Antd、iView、Vue Admin、vue-material等等。
2）技術(shù)成熟。Vue和Node都經(jīng)歷了多年的發(fā)展，在技術(shù)上趨于成熟。
3）都基于JavaScript語言，在語言層面上比較統(tǒng)一。哪怕目前在擁抱TypeScript，這一點(diǎn)仍然沒有改變。
4）開發(fā)者眾多，社區(qū)規(guī)模龐大。以Node.js為例，npm的庫已經(jīng)有數(shù)百萬個(gè)之多，這規(guī)模哪怕是互聯(lián)網(wǎng)巨頭公司都完不成，這是全世界開發(fā)者的合力。
5）技術(shù)問題易于解決。緊接上一條，開發(fā)者眾多，遇到的各種問題都有人先解決了，不容易陷進(jìn)坑里出不來。

4.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目是否有劣勢？請具體分析一下。
Vue.js+Node.js開發(fā)全棧項(xiàng)目也有一些劣勢：
1）Node.js并非完美，它對ES6引入的Promise接口、async函數(shù)和ES模塊的支持都不好，另外npm也過于復(fù)雜，以至于Node.js的創(chuàng)始人Ryan Dahl就放棄了Node.js，搞了一個(gè)替代品deno。
2）Vue 3發(fā)布一段時(shí)間了，它與Vue 2完全不兼容，現(xiàn)有的Vue 2項(xiàng)目要升級遷移到Vue 3，改動(dòng)工作量比較大。另外，絕大多數(shù)基于Vue的UI框架目前仍然處于Vue 2階段，對Vue 3的支持并不好。

renxiao2003

1.你所知道的Web全棧技術(shù)有哪些？請具體羅列幾種并簡單介紹一下這些技術(shù)的特性。
前端：HTML/HTML5、CSS/CSS3、Javascript、jQuery、RequireJS、AngularJS、Vue
前端技術(shù)主要是負(fù)責(zé)界面的顯示，如HTML/HTML5和CSS/CSS3，而JavaScript及一堆JavaScript的框架主要是富客戶端時(shí)代的產(chǎn)物，同時(shí)將原來很多在服務(wù)器端完成的檢測工作移動(dòng)到客戶端來完成。很多后期的JavaScript框架還實(shí)現(xiàn)了MVC/MVVM的功能。
后端：Java、Struts2/Spring MVC、JPA/Mybatis、Spring Boot、PHP、Python、Perl、Ruby 、.Net等。
后端處理語言主要完成后端對數(shù)據(jù)的存儲(chǔ)、訪問及分析等業(yè)務(wù)。相關(guān)的PHP、Python、Perl、Ruby、.Net也有很多成熟的框架來支持全棧的開發(fā)和運(yùn)維。
安全：Shiro、Spring Security
安全主要完成單點(diǎn)登錄，訪問控制，權(quán)限控制的作用。
中間件：Dubbo、ActiveMQ/RabbitMQ、Nginx
中間間主要完成消息的轉(zhuǎn)發(fā)，服務(wù)的提供等。
數(shù)據(jù)庫：MySQL/Oracle、Redis、MongoDB
數(shù)據(jù)庫分析關(guān)系型數(shù)據(jù)庫和NoSQL數(shù)據(jù)庫，主要完成結(jié)構(gòu)化和非結(jié)構(gòu)化數(shù)據(jù)的存儲(chǔ)和訪問。
搜索引擎：Lucene、Elasticsearch
搜索引擎更多的是完成數(shù)據(jù)的分析供前端使用。
代碼管理：svn、git
現(xiàn)在代碼管理工具主要集中在SVN、Git，VSS基本已經(jīng)被VSTS代替。但VSTS還比較小眾。
構(gòu)建工具：Maven、Jenkins/Hudson
構(gòu)建工具主要完成項(xiàng)目的構(gòu)建和自動(dòng)編譯發(fā)布等工作。
2.從零開始開發(fā)一個(gè)小型的全棧項(xiàng)目一般需要幾步？請簡單描述一下。
需要從框架的選擇，開發(fā)語言的選擇，開發(fā)，測試，上線運(yùn)芝、維護(hù)等工作。
3.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目有哪些優(yōu)勢？請具體描述一下。
1）組件庫很多�；�于Vue的UI框架比較流行的有Vue-Blu、vue-strap、vuetify、iView、Element；這些組件庫方便UI的快速開發(fā)。
2）技術(shù)穩(wěn)定成熟。Vue和Node都經(jīng)歷了多年的發(fā)展，在技術(shù)上趨于成熟穩(wěn)定。
3）都基于JavaScript語言的技術(shù)框架，在語言層面上比較統(tǒng)一。。
4）大量開發(fā)者，龐大的社區(qū)規(guī)模。以Node.js為例，npm的庫已經(jīng)有數(shù)百萬個(gè)之多，這是全世界開發(fā)者的合力。并且npm庫安裝和卸載簡單易用，一個(gè)簡單的命令就可以搞定。
5）技術(shù)問題易于解決。當(dāng)出現(xiàn)問題的時(shí)候資料很多，在社區(qū)提問也能得到及時(shí)的回復(fù)。
4.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目是否有劣勢？請具體分析一下。
1）大量匿名函數(shù)使異常棧變得不好看。
2）無法以 request 為單位 catch 異常，必須確保不要在不 catch異常的第三方庫的回調(diào)里的拋異常，這在一個(gè)異步操作鏈條里是一件比較麻煩的事。解決方法之一是對那些不 catch異常的第三方庫做一些封裝，把所有的異常變成事件，改成 on('error') 形式的 API。
3）Vue.js基于對象配置文件的組件寫法，背后做了一大堆重掛this之類的魔法操作，對編輯器的語義理解很不友好，組件內(nèi)自動(dòng)重構(gòu)（比如vscode的f2/f12）基本就殘廢了（所以vue3會(huì)有新的class語法）；
4）Vue.js官方配件（router/vuex)和社區(qū)都流行直接往Vue.prototype上掛東西，this.$router this.$store this.$xxx滿天飛，照樣不利于編輯器的語義理解，大項(xiàng)目里面很難簡單地做項(xiàng)目內(nèi)跨文件自動(dòng)搜索引用/自動(dòng)重構(gòu)（還是import/export對編輯器比較友好）；
5）vuex的commit/dispatch的魔法字符串語法，照樣對編輯器語義理解不友好。

飄絮絮絮丶

renxiao2003 發(fā)表于 2021-03-05 14:52
沒有設(shè)置時(shí)間段。

感謝提醒 哈哈哈

風(fēng)云2002

語言

aloki

1.你所知道的Web全棧技術(shù)有哪些？請具體羅列幾種并簡單介紹一下這些技術(shù)的特性。
前端
HTML、CSS 和 JavaScript 是必須掌握的，你還需要學(xué)習(xí) React、Vue 或 Angular 等前端框架或庫。

后端
Digital Ocean——用于簡單的服務(wù)器。
Heroku——用于簡單和集成的服務(wù)器和部署。
Now——用于超級簡單的部署。
Firebase——用于托管基礎(chǔ)設(shè)施和數(shù)據(jù)庫。
AWS——幾乎任何你想要的東西，你可以永遠(yuǎn)不需要考慮自己管理服務(wù)器。

2.從零開始開發(fā)一個(gè)小型的全棧項(xiàng)目一般需要幾步？請簡單描述一下。
域名購買 => 主機(jī)購買 => 域名配置 => 服務(wù)器操作系統(tǒng)安裝 => 服務(wù)器軟件運(yùn)行環(huán)境配置(包括用戶權(quán)限 防火墻) => web數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)(ER圖,數(shù)據(jù)庫表) => web頁面設(shè)計(jì) => web切圖寫頁面 => 后端程序編寫(基本的MVC MVVM 數(shù)據(jù)庫CRUD 數(shù)據(jù)緩存 各種中間件) => 代碼壓縮混淆自動(dòng)化上線 => 反向代理配置(nginx) => 代碼監(jiān)控及優(yōu)化
數(shù)據(jù)量并發(fā)量上來之后：分庫分表=>服務(wù)器docker化=>自動(dòng)化部署運(yùn)維測試=>消息隊(duì)列引入 等等...

3.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目有哪些優(yōu)勢？請具體描述一下。
（1）同樣不優(yōu)化，性能比大部分語言好。即使優(yōu)化，也比其他語言簡單，比如Java。
（2）有足夠多的選擇和架構(gòu)的平衡。
（3）給了我們足夠的選擇工具
·可以采用面向過程
·可以面向?qū)ο?br /> ·可以函數(shù)式
甚至可以用各種編譯器 coffee、typescript、babel（es）等。對于從 0 開始的團(tuán)隊(duì)來講，可以先面向過程、然后隨著團(tuán)隊(duì)的成熟度，一點(diǎn)一點(diǎn)增加難度。
（4）提供好的基礎(chǔ)和包管理工具
·測試相關(guān) tdd / bdd 測試覆蓋率
·規(guī)范化 standard、各種 lint、hint
·構(gòu)建相關(guān) gulp、grunt、webpack，大量插件
·生成器 yo 等
·包管理工具 npm 足夠簡單易用
（5）開發(fā)效率，Node.js 本身比較簡單，開發(fā)效率還是比較高的。完善的生態(tài)，比如測試、工具、npm 大量模塊。
（6）Node.js 的 Web 開發(fā)框架 Express、Koa 等，簡單，小巧，精致


4.你認(rèn)為Vue.js+Node.js開發(fā)全棧項(xiàng)目是否有劣勢？請具體分析一下。
（1）缺少 Rails 一樣的大殺器，scaffold 腳手架，ORM 太弱。
（2）Node.js 的 Web 開發(fā)框架集成度不夠