致讀者的一封信

親愛(ài)的讀者:

你們好!

初次見(jiàn)面,寫(xiě)點(diǎn)什么好呢? 雖然本書(shū)是一本關(guān)于Java Web的技術(shù)圖書(shū),但我希望書(shū)中能夠穿插一些文藝的內(nèi)容,因?yàn)槌绦騿T的成長(zhǎng)過(guò)程中不只有技術(shù)和程序,還有詩(shī)和

遠(yuǎn)方。記得木心先生有這樣一首小詩(shī)《從前慢》,我選取其中兩段念給大家聽(tīng)(請(qǐng)注意坐姿):

記得早先少年時(shí)

大家誠(chéng)誠(chéng)懇懇

說(shuō)一句 是一句

從前的日色變得慢

車,馬,郵件都慢

一生只夠愛(ài)一個(gè)人

聽(tīng)到這里,你是不是也特別懷念以前慢的日子,尤其是上初中、高中的時(shí)期。那時(shí)候有手機(jī)的同學(xué)并不多,同學(xué)們之間的主要聯(lián)系方式還是寫(xiě)紙質(zhì)的信,信封是純潔的白色。下課鈴聲響起,我趴在走廊的圍欄邊上往下瞧,收信箱那里總能瞅見(jiàn)三五成群的同學(xué),他們的臉上寫(xiě)滿了殷切的期待,我想他們一定像我一樣,期待著遠(yuǎn)方的朋友或者親人的來(lái)信,那信里都寫(xiě)著什么呢? 也許是肝膽相照的友情,也許是朦朦朧朧的戀情,也許是關(guān)懷備至的親情�？傊�,那時(shí)候的書(shū)信,充滿著令人懷念的味道,那味道,就像深巷里的酒香。

那么,現(xiàn)在,就讓我來(lái)寫(xiě)一封信給親愛(ài)的你們吧! 讓我來(lái)揣摩你們的心思,替你們提幾個(gè)問(wèn)題,然后請(qǐng)?jiān)试S我再來(lái)一一作答,看看這些問(wèn)題,這些答案是否是你們想要的。倘若這些問(wèn)題不在你的咨詢范圍內(nèi),這些答案也未能使你感到滿意,那么你可以通過(guò)以下的聯(lián)系方式找到我,把你想要咨詢的問(wèn)題,或者是想要對(duì)我說(shuō)的悄悄話,統(tǒng)統(tǒng)告訴我吧,我期待著你的回信,這里是沉默王二的解憂雜貨店,就像東野圭吾筆下的那家解憂店一樣回答在牛奶箱里。

下面,請(qǐng)進(jìn)入我們的開(kāi)講了欄目,為了配合我的演出,這里有請(qǐng)帥氣的主持人小二哥登場(chǎng)(一陣熱烈的掌聲)。

小二哥:請(qǐng)和大家介紹下你和目前所從事的工作吧。

馬偉青:大家好,我是馬偉青。為了更加親民,小二哥以后可以稱呼我為小王老師,至于原因嘛,var 小王老師=馬偉青。

我給自己的標(biāo)簽是掃地僧,為什么這樣說(shuō)呢? 首先來(lái)看這樣一幕場(chǎng)景吧!

客戶鐘總:邢總,咱們這套集電商、項(xiàng)目訂單發(fā)布與訂單訂轉(zhuǎn)等業(yè)務(wù)與一體的綜合服務(wù)系統(tǒng)什么時(shí)候能正式上線?

老板邢總:鐘總,快了快了。咱們公司的所有工程師,包括項(xiàng)目總監(jiān)、產(chǎn)品經(jīng)理、開(kāi)發(fā)工程師、UI設(shè)計(jì)師、測(cè)試人員等這一段時(shí)間都在加班加點(diǎn)趕進(jìn)度,最慢一個(gè)月后就能正式上線。

……

放下手機(jī)后,邢總有意無(wú)意地瞥了一眼旁邊的程序員小青,而恰好此時(shí)小青也在直勾勾地瞅著他,于是他們的目光就像電池的正負(fù)極對(duì)接在了一起,激起一道電光火石。小青的目光里寫(xiě)滿了吃驚:邢總,全公司的開(kāi)發(fā)人員就我一個(gè)啊,哪有什么項(xiàng)目總監(jiān)、產(chǎn)品經(jīng)理、開(kāi)發(fā)工程師、UI設(shè)計(jì)師、測(cè)試人員,撂大話可真是臉不紅心不跳啊!

那邊邢總也會(huì)了意,表示:小青,別狐疑了,說(shuō)的還不就是你,你就是我的掃地僧啊。什么技術(shù)做不來(lái),什么問(wèn)題解決不了,還有什么是你做不出來(lái)的!

嗯,上面場(chǎng)景中的小青可不是《新白娘子傳奇》中的青蛇,他其實(shí)就是我,一名普普通通的程序員,一名名副其實(shí)的掃地僧,除了和老板談業(yè)務(wù)、設(shè)計(jì)產(chǎn)品、敲代碼、做測(cè)試、做項(xiàng)目維護(hù)和運(yùn)營(yíng)外,辦公室的地板也確實(shí)要掃,廁所的馬桶也確實(shí)得刷。

小二哥:小王老師說(shuō)話就是幽默,我都笑得合不攏嘴了。那小王老師能聊聊為什么要寫(xiě)這本書(shū)嗎?

馬偉青:首先,回想我剛開(kāi)始學(xué)習(xí)編程的時(shí)候,那是在大學(xué)期間寫(xiě)的第一個(gè)靜態(tài)網(wǎng)頁(yè),其復(fù)雜程度現(xiàn)在回想起來(lái)都覺(jué)得不可思議。要做一個(gè)網(wǎng)頁(yè),網(wǎng)頁(yè)三劍客是必須要學(xué)會(huì)用的,因?yàn)轫?yè)面布局需要Dreamweaver,圖片處理需要Fireworks,動(dòng)畫(huà)制作需要Flash。我記得當(dāng)時(shí)做的是一個(gè)農(nóng)產(chǎn)品展示的首頁(yè),沒(méi)有涉及一點(diǎn)服務(wù)器端的代碼,真的就是一個(gè)靜態(tài)的HTML頁(yè)面,就足足花了我兩個(gè)多月的時(shí)間。現(xiàn)在回想當(dāng)時(shí)的學(xué)習(xí)過(guò)程,完全就是在摸著石頭過(guò)河。

你可能會(huì)問(wèn),不是還有老師和同學(xué)嗎? 不會(huì)去圖書(shū)館借書(shū)讀嗎?

是,可以問(wèn)老師和同學(xué),也可以去圖書(shū)館借書(shū)讀,但收效甚微。為什么會(huì)這樣? 因?yàn)閷?duì)于編程來(lái)說(shuō),老師也不敢拍著胸脯說(shuō)自己很有經(jīng)驗(yàn),因?yàn)榇蠹叶际浅鯇W(xué)者,甚至有些愛(ài)學(xué)習(xí)的同學(xué),編程能力還在老師之上。至于技術(shù)圖書(shū),大部分都是諸如《21天學(xué)會(huì)用Dreamweaver》《21天學(xué)會(huì)用Fireworks》的快餐式書(shū)籍,對(duì)初學(xué)Java Web編程的學(xué)生來(lái)說(shuō),幫助很有限。那么,對(duì)于一名在校的學(xué)生或者剛剛接觸Web開(kāi)發(fā)的編程人員來(lái)說(shuō),如何才能擁有一個(gè)總攬全局的導(dǎo)航地圖呢? 相信不止我一人曾有過(guò)這樣的困惑。

其次,我相信,像我這樣的程序員還有很多,需要掌握多種技能,并能利用這些技能快速迭代出產(chǎn)品,尤其是對(duì)于公司而言,這樣的掃地僧是剛需�？梢院敛豢鋸埖卣f(shuō),能夠在創(chuàng)業(yè)初期就遇到一位稱職的掃地僧是創(chuàng)業(yè)公司的幸運(yùn)。換句話說(shuō),如果公司最終走向成功,掃地僧也將會(huì)獲得優(yōu)厚的報(bào)酬。那么如何才能成為一名對(duì)公司發(fā)展至關(guān)重要的掃地僧(在嚴(yán)格意義上講,掃地僧更專業(yè)的術(shù)語(yǔ)應(yīng)該是全棧工程師)呢?

我想,《Web全棧開(kāi)發(fā)進(jìn)階之路》這本書(shū)就是一個(gè)不錯(cuò)的答案。Web開(kāi)發(fā)是一個(gè)動(dòng)態(tài)的領(lǐng)域,新的編程語(yǔ)言、框架和技術(shù)陸續(xù)出現(xiàn),流行,然后消失,技術(shù)的更新?lián)Q代就好像雨后春筍一般。作為開(kāi)發(fā)者的我們,不必為此感到恐慌,因?yàn)橹灰�我們不斷地學(xué)習(xí)和實(shí)踐,就能夠淬煉出一種永不過(guò)時(shí)的學(xué)習(xí)能力,有了這種能力之后,任憑環(huán)境怎么日新月異,我們都能夠保持巋然不動(dòng)的姿態(tài)。

我寫(xiě)這本書(shū)的目的就是幫助初學(xué)者梳理出一個(gè)清晰的導(dǎo)航地圖,幫助開(kāi)發(fā)者培養(yǎng)一種良好的學(xué)習(xí)能力。有了清晰的導(dǎo)航地圖,那么在學(xué)習(xí)過(guò)程中就不再感到迷茫,就有了培養(yǎng)學(xué)習(xí)能力的基礎(chǔ)。而一旦養(yǎng)成了良好的學(xué)習(xí)能力,那么在工作當(dāng)中就能夠發(fā)現(xiàn)問(wèn)題,并且解決問(wèn)題,成為公司發(fā)展過(guò)程中不可或缺的一員。

小二哥:聽(tīng)小王老師這樣講完,我也迫不及待想要踏上Web全棧開(kāi)發(fā)進(jìn)階之路了。寫(xiě)書(shū)不是一件容易的事情,能不能談?wù)勗谶@段期間內(nèi)的辛酸和收獲?

馬偉青:說(shuō)句實(shí)話,在寫(xiě)作的最初階段,我真的是挺后悔自己做出寫(xiě)書(shū)這個(gè)決定的。因?yàn)閷?xiě)博客可以相對(duì)隨心所欲一些,畢竟都是自己的一家之言,可以不考慮語(yǔ)言是否嚴(yán)謹(jǐn),可以不考慮技術(shù)是否專業(yè),也可以不考慮讀者是否滿意,總之,可以有一千個(gè)不負(fù)責(zé)任的理由。但寫(xiě)書(shū)就不一樣了,要認(rèn)認(rèn)真真地考量技術(shù),要細(xì)細(xì)致致地考量技術(shù),也要地付出120%的努力,所以經(jīng)常是寫(xiě)完之后改,改完之后刪,刪完之后再寫(xiě)。

從2017年5月份準(zhǔn)備寫(xiě)作,到2017年年底,7個(gè)月的時(shí)間過(guò)去了,我也只是完成了書(shū)稿的前三章,還是零零碎碎的樣子,那時(shí)候我的內(nèi)心是絕望的。工作上,要以一己之力完成項(xiàng)目,費(fèi)時(shí)費(fèi)力費(fèi)心,幾檔檔檔檔檔乎騰不出時(shí)間寫(xiě)作;生活上,我家女兒那時(shí)還不滿兩歲,精力旺盛,下班回到家后她幾乎能把我折騰得精疲力竭。我原本寄希望于老婆能夠挺身而出,給我創(chuàng)造一個(gè)相對(duì)安靜的寫(xiě)作環(huán)境,但這個(gè)希望就像是陪女兒上早教課時(shí)老師吹起的泡泡,美麗但很快就會(huì)破碎,然后消失得無(wú)影無(wú)蹤。

我該怎么辦呢? 下定決心做了這些安排。

1. 調(diào)整自己的作息習(xí)慣,早上5點(diǎn)準(zhǔn)時(shí)起床,寫(xiě)作到8點(diǎn),這段時(shí)間世界是安靜的。

2. 抵制一切浪費(fèi)時(shí)間的行為,例如說(shuō)手機(jī)刷朋友圈、看無(wú)聊的新聞和視頻。

3. 堅(jiān)持,想做一件事當(dāng)然很簡(jiǎn)單,但把一件事做成功卻沒(méi)有那么容易,所謂念念不忘,必有回響,唯有堅(jiān)持,方得始終。

現(xiàn)在,《Web全棧開(kāi)發(fā)進(jìn)階之路》這本書(shū)終于和大家見(jiàn)了面,我也進(jìn)化成了一個(gè)更好的自己自信、自律。

小二哥:我對(duì)小王老師的總結(jié)就是,世上無(wú)難事,只怕有心人,只要肯下決心去做,世界上就沒(méi)有什么辦不到的事情,困難總是可以克服的。那么咱們這本《Web全棧開(kāi)發(fā)進(jìn)階之路》面向的群體是怎樣的?

馬偉青:好,請(qǐng)?jiān)试S我先省掉一些自謙的話語(yǔ)(笑),《Web全棧開(kāi)發(fā)進(jìn)階之路》可以說(shuō)是一本W(wǎng)eb開(kāi)發(fā)的百科簡(jiǎn)書(shū)。本書(shū)沒(méi)有對(duì)目標(biāo)讀者做任何限制,只要你喜歡開(kāi)發(fā)Web,那么都可以從本書(shū)中獲益。本書(shū)的內(nèi)容通俗易懂,同時(shí)配套做了大量的實(shí)例來(lái)講解 Web 開(kāi)發(fā)必備的基礎(chǔ)技能。

1. 假如你是一名初級(jí)開(kāi)發(fā)人員,通過(guò)親自動(dòng)手實(shí)踐本書(shū)提供的示例,可以快速讓你進(jìn)階到中級(jí)的開(kāi)發(fā)水平。雖然書(shū)中所有的源代碼均可以自由獲取,但我不建議大家只是為了看代碼來(lái)學(xué)習(xí)本書(shū),進(jìn)而錯(cuò)過(guò)了一次很好的練手機(jī)會(huì),因?yàn)樗�有的開(kāi)發(fā)技能都需要不斷練習(xí),熟能生巧,巧能生輝。

套用心學(xué)創(chuàng)始人王陽(yáng)明的話,叫做知行合一,即在學(xué)習(xí)理論知識(shí)的過(guò)程中反復(fù)練習(xí),在實(shí)踐的過(guò)程中溫故知新。在王陽(yáng)明提出知行合一之前,人們普遍信奉的是朱熹的先知后行(知就是學(xué)知識(shí),行就是行動(dòng)、做事情),認(rèn)為知和行是分開(kāi)的,在實(shí)際運(yùn)作之前要先學(xué)好理論,有把握了再去做。對(duì)比朱熹和王陽(yáng)明的觀點(diǎn),我更認(rèn)可知行合一,因?yàn)樵谖业恼J(rèn)知中,理論知識(shí)注定是枯燥的,如果一味地先去格物(學(xué)習(xí)理論)而后實(shí)踐,注定要誤入書(shū)呆子的歧途。

2. 假如你是一名中級(jí)開(kāi)發(fā)人員,想在Web開(kāi)發(fā)的道路上走得遠(yuǎn)、攀得高、持續(xù)精進(jìn),想在短時(shí)間內(nèi)無(wú)壓力地搞定一個(gè)Web項(xiàng)目,那么這本書(shū)涉及到的優(yōu)秀案例、提到的框架設(shè)計(jì)思想會(huì)對(duì)你有所幫助。

小二哥:這本書(shū)有什么特色呢?

馬偉青:第一,專注于解決問(wèn)題。曾有人這樣說(shuō)過(guò):很多人都能夠發(fā)現(xiàn)問(wèn)題,但只有少數(shù)人既能發(fā)現(xiàn)問(wèn)題,又能解決問(wèn)題。我很認(rèn)同這句話,并把這句話當(dāng)做是自己奮斗的一個(gè)標(biāo)桿。這本書(shū)中我列出的實(shí)例也都是對(duì)實(shí)際項(xiàng)目中解決問(wèn)題的過(guò)程進(jìn)行的總結(jié)和提煉,相信這會(huì)幫助到很多熱愛(ài)技術(shù)的朋友。

第二,通俗易懂。就我讀過(guò)的技術(shù)書(shū)籍來(lái)看,學(xué)院派老師編寫(xiě)的書(shū)籍特別多,也是市面上的主流書(shū)籍,作者們擁有讓人敬仰的頭銜;文風(fēng)嚴(yán)謹(jǐn),用詞專業(yè);案例也十分深?yuàn)W�？傊�我也希望自己有朝一日能夠像他們一樣,但在讀這些書(shū)的過(guò)程中,我往往需要硬著頭皮去讀,這樣無(wú)形當(dāng)中增加了讀書(shū)的煩惱。我是一名平凡的程序員,愛(ài)讀書(shū)、愛(ài)寫(xiě)作、愛(ài)分享,在CSDN 和沉默王二訂閱號(hào)上也發(fā)表了很多文章,喜歡的朋友都說(shuō)我的文章樸實(shí)無(wú)華、通俗易懂,在碎片化閱讀的時(shí)代里是一股難得的清流(捂臉中~)。說(shuō)實(shí)話,我挺喜歡這樣的評(píng)價(jià)。

第三,三管齊下。

(1) 教你梳理清楚Web開(kāi)發(fā)是怎樣的一個(gè)流程,以及怎樣快速地建立自己的開(kāi)發(fā)模型(認(rèn)知方法);

(2) 本書(shū)介紹了很多適合實(shí)際項(xiàng)目開(kāi)發(fā)的實(shí)例,你可以按部就班地模仿這些練習(xí),從而達(dá)到熟能生巧(模仿方法);

(3) 確定你的方向,落實(shí)在行動(dòng)上,通過(guò)在你的實(shí)際項(xiàng)目當(dāng)中運(yùn)用這些知識(shí)從而成為一名優(yōu)秀的Web開(kāi)發(fā)者(行為方法)。

小二哥:你有要感謝的人嗎?

馬偉青:當(dāng)然有啊,首先我要感謝的是董宜斌老師。有這樣一句話,第一次出版技術(shù)圖書(shū)的作者都擁有著非凡的勇氣!,雖然這句話是我杜撰的,但的的確確有這樣一個(gè)人給了我莫大的勇氣。盡管我一直有著出書(shū)的夢(mèng)想,但苦于對(duì)自己寫(xiě)作能力的懷疑,遲遲不敢接受出版社的邀請(qǐng)。董老師的熱情和真誠(chéng)真的打動(dòng)了我,促使我有了寫(xiě)作本書(shū)的勇氣,真的非常感謝。

其次,我要感謝的是那些陪著我一起成長(zhǎng)的群友們,沉默王二技術(shù)交流群經(jīng)常遇到類似下面的一些提問(wèn)。

程序員A:群主,在嗎,能把《Bootstrap Fileinput》(文件上傳組件)那篇博客涉及的源碼打包發(fā)給我嗎?

程序員B:二哥,在嗎,《Bootstrap Summernote》(富文本編輯器)文章中提到的編輯后的HTML代碼該怎么保存到MySQL數(shù)據(jù)庫(kù)啊?

程序員C:哥們,在嗎,我是看了你那篇《Bootstrap Tree View》(樹(shù)形結(jié)構(gòu))文章后進(jìn)群的,我按照你的方法做了全選和全不選操作,但就是不起效啊,你有時(shí)間幫我看看怎么回事嗎?

程序員D:老大,在嗎,幫忙看看吧,實(shí)在是不會(huì)啊,select2組件加上我這個(gè)分頁(yè)方法就一直報(bào)錯(cuò)…

程序員E:大家好,我用這種方式(展示jqGrid代碼的一張圖),數(shù)據(jù)顯示不出來(lái),有沒(méi)有遇到這種情況的@群主,在嗎?

…

起先,遇到這類小白的問(wèn)題,我總是顯得不屑一顧,自以為是地認(rèn)為是群友們沒(méi)有認(rèn)真讀我的博客,沒(méi)有認(rèn)真去思考,沒(méi)有親自動(dòng)手去實(shí)踐,所以才會(huì)遇到諸多困擾�？墒呛髞�(lái)我發(fā)現(xiàn),類似這樣的問(wèn)題層出不窮,明明我在博客里已經(jīng)把解決方案寫(xiě)得一清二楚,為什么還會(huì)這樣呢? 我開(kāi)始反思,是不是因?yàn)槲业牟┛蛯?xiě)得不夠深入、不夠系統(tǒng),才導(dǎo)致大家在解決問(wèn)題的時(shí)候產(chǎn)生疑惑? 于是我開(kāi)始追本溯源,按照群友們描述的問(wèn)題,重新翻看我的博客,發(fā)現(xiàn)的確如此:博客里講解的內(nèi)容太過(guò)于私有化,站在讀者的角度來(lái)看,很難按圖索驥,很難輕易地參照個(gè)別方案解決實(shí)際問(wèn)題。

這些,促使著我做出改變,重構(gòu)解決方案,重新編輯博客,重新審視自己,這樣做的結(jié)果是我解決問(wèn)題的能力又提高了。這就好像游戲里我重新刷了一遍副本,等級(jí)、經(jīng)驗(yàn)、人望都得到了提高,所以我必須要感謝這批忠實(shí)的群友們! 正是因?yàn)樗麄兊膸椭?才有了今天更好的我。

作者

2019年3月