本文關(guān)鍵詞：Chrome擴展及應(yīng)用開發(fā)，由筆耕文化傳播整理發(fā)布。

李喆從2011年開始接觸Chrome擴展程序開發(fā)并發(fā)布了多款擴展程序，同年10月，他收到了新浪微博前端高級工程師職位的offer，次年4月火狐邀請他參與火狐瀏覽器擴展開發(fā)的工作�，F(xiàn)在，李喆是吉林大學(xué)電子科學(xué)學(xué)院微電子及固體物理專業(yè)的碩士研究生，主要研究方向是計算機視覺的硬件實現(xiàn)。在選擇了繼續(xù)研讀電子學(xué)的同時，他并沒有放棄編程，他常用前端編程的知識來輔助電子上的研究。去年，李喆在圖靈社區(qū)寫作一本書 《Chrome擴展及應(yīng)用開發(fā)》 ，如今這本書已正式發(fā)布紙質(zhì)版。

問：從什么時候開始編程的？

我在初中開始接觸電腦，由于當時家里條件一般，沒有電腦，每個周末都會到爸爸的單位去鼓搗電腦。初一時媽媽為了讓我更好地學(xué)習英語給我買了一臺文曲星電子詞典，里面的BASIC編程功能讓我開始接觸編程，那種語言非常古老，每行前還是有編號的，當時我自己寫了一款數(shù)獨解算的程序，那個程序并不是通過窮舉算法實現(xiàn)的，通過這個程序我獲得了我的第一批用戶。

問：能詳細說一下你用BASIC語言寫數(shù)獨解算程序的經(jīng)歷嗎？用戶是從哪來的？

我在初一時開始接觸文曲星的GVBASIC，這是我第一次接觸編程，也是第一次發(fā)現(xiàn)世界上還有這么好玩的東西。由于GVBASIC是一門很古老編程語言的衍生語言，所以并沒有教材系統(tǒng)地講解它，那時我是通過查看別人編寫的程序的源碼學(xué)習這門語言的。文曲星的能力有限，大家一般都用GVBASIC編寫一些文字游戲，，但我想制作一款界面精致的程序。另外當年的數(shù)獨游戲非�；�，而數(shù)獨解算程序又基本都是靠窮舉法給出答案的。這兩點使我決定寫一個更好的數(shù)獨解算的程序。當時我把自己求解數(shù)獨的思路翻譯成了算法寫進了程序中，這個程序會像人一樣真正地思考，它每得出的一個數(shù)字都是準確的。不過真正占據(jù)這個程序的大部分代碼是與界面相關(guān)的，因為界面完全是用一個點一個點畫出來的，用戶的每一個操作都會刷新屏幕上的12800個點，而這個經(jīng)歷讓我后來做前端時有耐心去對照設(shè)計圖中的每一個像素（笑）。

GVBASIC是一個小眾的平臺，它沒有完善的生態(tài)圈，當時用GVBASIC編寫程序的也基本都是中學(xué)生，我們完全是因為興趣才走進了這個圈子的。供我們相互交流的僅僅是一個非官方發(fā)起的論壇，這個論壇既是開發(fā)者們的技術(shù)論壇，也是用戶們的資源論壇，每當我有新的作品也會發(fā)布到這個論壇上，而我的第一批用戶也是在這個論壇上積累起來的。

問：學(xué)習壓力有沒有影響你對編程的興趣？

雖然2005年我上了高中，學(xué)習任務(wù)加重了，但我對編程的興趣依然不減，并且開始對網(wǎng)頁制作產(chǎn)生了興趣，加上家里那時買了臺組裝機，讓我有更多的時間投入到編程中。高二時在個人網(wǎng)站上通過Google Adsense賺了第一筆錢——100美元。2007年我用Flash制作了個人簡歷并投遞給了大連理工大學(xué)，成為唯一一個在自主招生中使用電子簡歷的人，這也在一定程度上為我的初試加分。

問：能說說你是如何通過Google Adsense賺到100美元的？

在我讀高二時，Google Adsense在中國的審核還是比較寬松的，不像現(xiàn)在要求域名至少要已注冊6個月，對網(wǎng)站的內(nèi)容要求也不是太高。當時我做了一個簡單的電子版科學(xué)雜志的索引網(wǎng)站，雖然網(wǎng)站做得不算精美，但人氣還不錯。為了在網(wǎng)站上嵌入Google Adsense，我為網(wǎng)站申請了.ch的頂級域名，學(xué)習了域名解析的相關(guān)知識。一年之后我收到了Google通過西聯(lián)的匯款——107美元。對于一個還在讀高中的學(xué)生來說，這筆錢不是一個小數(shù)目，當時美元對人民幣的匯率還沒有破7，更何況這是我自己賺的錢，更是珍惜無比。兩個月后我將其中的100美元捐給了汶川，這是我做過的最自豪的事。

問：后來上大學(xué)期間是如何贏得了Google寶貴的實習機會？

進入大學(xué)后，出眾的編程能力使我在小組電子設(shè)計大賽中負責編寫底層驅(qū)動，兩次電子設(shè)計大賽我們小組均在省里拿到了出色的成績。2010年我開始深入接觸JavaScript語言，次年年初收到了時任Google輸入法產(chǎn)品經(jīng)理到Google實習的邀請。2011年開始接觸Chrome擴展程序開發(fā)并發(fā)布了多款擴展程序，同年10月收到了新浪微博前端高級工程師職位的offer。2013年4月火狐工程師聯(lián)系我希望我到火狐參與火狐瀏覽器擴展開發(fā)的工作。2013年10月我覺得寫一本講解Chrome擴展和應(yīng)用開發(fā)的書，幫助更多的人投入到Chrome的開發(fā)中來。

問：火狐和新浪都是不錯的公司，方向也應(yīng)該是你感興趣的，為什么放棄了這些工作offer？

新浪微博是在2011年10月來到我所在的學(xué)校招聘的，雖然我本科讀的是微電子學(xué)，但對IT的興趣一直很濃厚，看到知名的IT公司在招聘，自然要去見識一下。本來是懷著打醬油的心情，畢竟我是個業(yè)余的程序員，但沒想到的是筆試和面試都異常輕松，甚至沒有經(jīng)過流程上的二次面試，就直接收到了錄用意向通知書。事情發(fā)展到這一步我就不得不認真考慮一下自己日后的發(fā)展方向了。是本科畢業(yè)直接去IT公司工作，還是繼續(xù)在自己所學(xué)的專業(yè)深造。后來與家長和老師探討的結(jié)果，就是還要繼續(xù)深造，雖然感覺放棄新浪微博的offer有些遺憾，但學(xué)業(yè)是我更不愿放棄的�；鸷酒鋵嵅]有向我發(fā)過offer，在我讀研一的時候，火狐的一位工程師正在尋找瀏覽器擴展的開發(fā)者加入火狐，當時也只是口頭上的邀請，不過由于我正在讀研，就像我前面說的，不愿放棄學(xué)業(yè)，所以最終我也婉拒了他的邀請。

問：為什么沒有繼續(xù)從事前端編程，而開始深造計算機視覺的硬件實現(xiàn)？

其實前端編程一直都是我的興趣愛好，而電子才是我的專業(yè)。而對于我來說，興趣與專業(yè)并不矛盾，在熱愛前端編程的同時，我同樣熱愛電子，而且我還常用前端編程的知識來輔助電子上的研究。比如我曾經(jīng)用HTML5重寫了半導(dǎo)體工藝分析分析軟件Medici的界面，在彌補了Medici自身交互缺陷的同時，還引入了B/S結(jié)構(gòu)：無需在本機進行繁瑣的安裝和配置，打開瀏覽器就可以使用，這也提高了其自身的兼容性。由于硬件實現(xiàn)計算機視覺編程需要我熟悉最底層的算法，所以依賴圖像處理庫的Python和Matlab都不適合我，反而JavaScript這門從來沒有人用來做計算機視覺編程的語言比較適合我。之前我將 使用JavaScript實現(xiàn)計算機視覺編程 的部分內(nèi)容整理出來發(fā)布到了圖靈社區(qū)，也受到了很多人的關(guān)注。

問：可以詳細介紹一下你現(xiàn)在正在研讀的專業(yè)嗎？

目前我在研讀的專業(yè)是微電子與固體物理，具體的研究方向是計算機視覺的硬件實現(xiàn)。計算機視覺是目前非�；鸬姆较�，它利用計算機對圖像分析，從而獲得圖像中的信息。其實計算機視覺離我們的生活并不遠，比如手機相機中的全景模式就涉及到計算機視覺相關(guān)的知識——手機需要識別出多張照片的相似之處，然后再進行拼接。交通上可以利用計算機視覺來跟蹤車輛進行測速，身體上有缺陷的人可以用手勢甚至是眼神與計算機溝通……計算機視覺正在影響和改變我們的生活。但是用通用計算機進行視覺編程受到速度的限制，雖然目前的計算機已經(jīng)足夠強大，但是在圖像分析中會有大量的計算。比如用Matlab對500*500像素的圖像進行Harris角點檢測，需要花費0.6秒的時間，而實時跟蹤12fps視頻中的對象，需要每幀圖像的處理時間壓縮到0.083秒。我們希望依靠硬件提高圖像的處理速度，使計算機視覺的應(yīng)用變得更加廣泛。

問：對于計算機視覺來說，哪方面的學(xué)科知識最為重要？數(shù)學(xué)、編程，還是其他？

對于計算機視覺來說，數(shù)學(xué)和編程都很重要。計算機視覺本身的算法更偏向于數(shù)學(xué)，涉及線性代數(shù)和高等數(shù)學(xué)的知識，但將算法通過編程實現(xiàn)的過程會遇到新的問題。比如Harris角點檢測算法，在計算過程中每個像素都需要計算出一個2乘2的矩陣，但編程時并不是以每個像素為單位計算的，而是將像素對應(yīng)矩陣中的每個元素提取出來重新組成大的矩陣。計算是對這些大矩陣進行的，這種變通的方法所得的結(jié)果與數(shù)學(xué)上一致，但從編程的角度看就能簡化程序。再有一個例子就是做濾波器的模板運算時，計算機處理圖像的時間大都花費在了圖像像素尋址上，這在純粹的數(shù)學(xué)算法中是體現(xiàn)不出來的，深入優(yōu)化圖像存儲的數(shù)據(jù)結(jié)構(gòu)就可以提高處理速度數(shù)倍。

問：利用硬件提高圖像處理速度的技術(shù)瓶頸是什么？現(xiàn)階段的挑戰(zhàn)是什么？

這個涉及研究方向細節(jié)的內(nèi)容，導(dǎo)師不讓透露，抱歉啦 :)

問：相對于其他語言，用JavaScript實現(xiàn)計算機視覺編程有什么優(yōu)勢？

如果在幾年前，有人說要用JavaScript處理圖像，一定會被認為是瘋子。但是近幾年JavaScript的發(fā)展有目共睹，它完全可以作為大型項目和高計算密度項目的開發(fā)語言了。JavaScript的優(yōu)點一是兼容性好，只要有瀏覽器就可以運行JavaScript，對客戶機的要求最低。二是JavaScript的開發(fā)周期短，開發(fā)成本低，而且HTML5本身的一個特點就是對媒體處理的支持，很多事情無需JavaScript去做，瀏覽器會處理得非常好。HTML5正在向依賴GPU的方向發(fā)展，今后使用JavaScript將更容易調(diào)用GPU的計算資源，而GPU比CPU更適合處理高密度的計算任務(wù)。最后一點，JavaScript更容易向用戶分發(fā)，無需像本地程序那樣提示用戶升級，用戶每次通過瀏覽器打開的Web App都是最新的，此外HTML5也能保證用戶即時離線，依然不影響Web App的使用。

問：你在圖靈出版了一本書 《Chrome擴展及應(yīng)用開發(fā)》 ，請問你關(guān)于Chrome的知識都是怎么學(xué)到的？對于學(xué)習Chrome開發(fā)的初學(xué)者，你有什么建議？

Chrome擴展和應(yīng)用是一個新的程序開發(fā)方式，雖然使用HTML5開發(fā)桌面程序的方案很多，但大多開發(fā)環(huán)境配置較為復(fù)雜，而且都需要將webkit打包進去，使得程序體積非常巨大。Chrome擴展和應(yīng)用不同，它以Chrome瀏覽器和Chrome OS為平臺，大大降低了開發(fā)難度。我在大二的時候開始接觸Chrome擴展的開發(fā)，當時能找到的資料不多，只有Google的官方文檔和Google自己的Demo，雖然學(xué)起來不算容易，但這個開發(fā)難度低、普及程度高的平臺深深把我吸引住了。Chrome開發(fā)涉及到JavaScript、CSS和HTML方面的知識，對于前端開發(fā)者來說會非常容易上手，而對于前端方面不熟悉的初學(xué)者應(yīng)至少了解這些技術(shù)的基礎(chǔ)知識�？蚣芎蛶焓呛脰|西，但對于初學(xué)者不應(yīng)過于依賴。對于已經(jīng)了解前端知識但沒有大型項目開發(fā)經(jīng)驗的開發(fā)者，我建議深入研究一下JavaScript性能的提升和代碼風格的規(guī)范化，《高性能JavaScript》和《編寫可維護的JavaScript》是兩本不錯的書，值得推薦。

  本文關(guān)鍵詞：Chrome擴展及應(yīng)用開發(fā)，由筆耕文化傳播整理發(fā)布。