資訊專欄INFORMATION COLUMN
摘要：畢竟實(shí)現(xiàn)一個(gè)業(yè)務(wù)需求，是一種技術(shù)，而通過寫作，分享，討論等，能得到的就是一種技能了。我決定采用目前市場(chǎng)上的三大框架之一來進(jìn)行項(xiàng)目演示，剛剛結(jié)束分享，這里把我分享的過程給大家分享一下。所以如題，請(qǐng)選擇原諒我啊。
why？
身為技術(shù)人員有沒有必要在自己學(xué)習(xí)與開發(fā)的過程中做技術(shù)分享（很尷尬，技術(shù)明明才差不多一年），這幾乎是一件很明顯的事情了，寫文章，開博客，搞分享會(huì)，幾乎任何一種線上線下交流的方式都對(duì)自己的技術(shù)增長(zhǎng)有一定幫助。借助這種方式，讓我們從一種單一的開發(fā)模式中向多元化發(fā)展。畢竟實(shí)現(xiàn)一個(gè)業(yè)務(wù)需求，是一種技術(shù)，而通過寫作，分享，討論等，能得到的就是一種技能了。
公司項(xiàng)目在開發(fā)初始時(shí)用了一個(gè)星期高效開發(fā)V1.0上線（其中我和我同事加班幾晚到凌晨6點(diǎn)），之后的迭代因?yàn)轫?xiàng)目本身是以一種類單頁面應(yīng)用的形式來開發(fā)的，業(yè)務(wù)邏輯在需求增長(zhǎng)過程中出現(xiàn)了許許多多的業(yè)務(wù)沖突，代碼上則出現(xiàn)變量污染，方法沖突，功能重復(fù)等等問題，同時(shí)人工反復(fù)測(cè)試出現(xiàn)的bug讓我在開發(fā)工程中出現(xiàn)了低氣壓情緒，完全對(duì)開發(fā)失去興趣，這時(shí)向一種新項(xiàng)目架構(gòu)選型往往成為了必要。
我決定采用目前市場(chǎng)上的三大框架之一（VueJs）來進(jìn)行項(xiàng)目demo演示，剛剛結(jié)束分享，這里把我分享的過程給大家分享一下。
一個(gè)前端項(xiàng)目工程搭建
項(xiàng)目使用的依賴及其功能分析
項(xiàng)目功能需求分析
demo演示
文檔整理
首先一個(gè)項(xiàng)目工程的搭建要視項(xiàng)目的一個(gè)需求來分析，采用腳手架搭建的工程環(huán)境對(duì)當(dāng)前項(xiàng)目的開發(fā)是否具有局限性是需要重點(diǎn)去說明的。生產(chǎn)環(huán)境與開發(fā)環(huán)境的模式與效率決定了是否可以采用腳手架，如果自己去“純手工”去搭建一個(gè)項(xiàng)目工程的話，則要確保搭建效率，能用性，以后后續(xù)開發(fā)的穩(wěn)健性（我完全對(duì)自己的上手能力很有自信，但實(shí)用性我還真沒把握，/瞇眼笑）。
其次是作為項(xiàng)目所需要用到的一些外部組件及其依賴，以公司項(xiàng)目為主，則使用了地圖組件，這些組件組件主要還是第三方以Vue為基礎(chǔ)所寫的，實(shí)用性要靠自己去把握。
而作為公司的功能需求分析，則要在功能需求劃分好組件化構(gòu)建，怎樣合理去規(guī)劃劃分，需要有一定清晰的邏輯去分析，否則在開發(fā)過程中往往需要重新去構(gòu)建。
之后做了這么多準(zhǔn)備功能，接下來的就是把你做出來的東西跟團(tuán)隊(duì)介紹就可以啦（再次，/瞇眼笑）。
How？可能我這次的總結(jié)總體上來說水分抖機(jī)靈的成分比較多，但也不失為一次寶貴的經(jīng)驗(yàn)，在分享的過程中往往才能知道目前自身技術(shù)能力，表達(dá)能力到達(dá)一個(gè)怎樣的層次。以技術(shù)來說，做完這個(gè)之后反而覺得在其基礎(chǔ)上還有更好的一種方式去解決，而對(duì)于使用簡(jiǎn)單的腳手架開發(fā)，自己自定義一套工程環(huán)境也是一個(gè)提升自己的過程。同時(shí)根據(jù)項(xiàng)目的大小來說又能延伸到對(duì)Vue多頁面應(yīng)用及webpack應(yīng)用的探討上。以項(xiàng)目來說，通過適時(shí)的去分析需求的實(shí)用性與合理性，才能知道本身原型的開發(fā)及整條項(xiàng)目流水線是怎樣的一個(gè)運(yùn)作方式，提升自己在項(xiàng)目開發(fā)中的地位，畢竟我在這里還是被同事以一種“美工”、“頁面仔”的認(rèn)識(shí)所看待。
再者就是自己的表達(dá)能力和寫作能力等等軟實(shí)力也是會(huì)得到提高的。
做編程這一行的，你第一年做著一個(gè)項(xiàng)目，每天切圖布局寫交互，做了三年，你想跳槽，但你還是只能切圖布局寫交互，在前端這個(gè)技術(shù)迭代高速發(fā)展的情況下，想想自己真的覺得很慌。
很慌，怕你們看了覺得太水而diao（二聲）我，但我還是要寫啊。所以如題，請(qǐng)選擇原諒我啊。
我之前說要對(duì)自己的一些JavaScript基礎(chǔ)做一些整理與總結(jié)，但是好像爽約了，下次繼續(xù)。
Finished我的技術(shù)博客主要以github上創(chuàng)建的一個(gè)倉庫為主，因?yàn)榍岸苏搲嗔?，我無從下手，所以一般都會(huì)先在github上整理完后再分發(fā)到各個(gè)社區(qū)，有興趣請(qǐng)戳
? MolyCHNs Blogger
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82615.html
摘要：我的職業(yè)是前端工程師入門不是應(yīng)該很簡(jiǎn)單嗎前端掘金入門前端，是一件很難的事嗎在今天，我也沒有想好一個(gè)答案，也不知道怎樣給出一個(gè)答案。其他不多說了，這次的內(nèi)容主要深入理解及應(yīng)用前端掘金幾種常見的邊框用法。 GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新） - 前端 - 掘金GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新）... JS 進(jìn)階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - ...
摘要：我的職業(yè)是前端工程師入門不是應(yīng)該很簡(jiǎn)單嗎前端掘金入門前端，是一件很難的事嗎在今天，我也沒有想好一個(gè)答案，也不知道怎樣給出一個(gè)答案。其他不多說了，這次的內(nèi)容主要深入理解及應(yīng)用前端掘金幾種常見的邊框用法。 GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新） - 前端 - 掘金GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新）... JS 進(jìn)階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - ...
摘要：并嘗試用為什么你統(tǒng)計(jì)的方式是錯(cuò)的掘金翻譯自工程師的文章。正如你期望的，文中的前端開發(fā)單一職責(zé)原則前端掘金單一職責(zé)原則又稱單一功能原則，面向?qū)ο笪鍌€(gè)基本原則之一。 單頁式應(yīng)用性能優(yōu)化 - 首屏數(shù)據(jù)漸進(jìn)式預(yù)加載 - 前端 - 掘金前言 針對(duì)首頁和部分頁面打開速度慢的問題，我們開始對(duì)單頁式應(yīng)用性能進(jìn)行優(yōu)化。本文介紹其中一個(gè)方案：基于 HTTP Chunk 的首屏數(shù)據(jù)漸進(jìn)式預(yù)加載方案，該方案總...
摘要：安裝好后，在命令提示符下輸入回車后就會(huì)自動(dòng)安裝好的最新版本，如果你的網(wǎng)絡(luò)環(huán)境和我的一樣，處處受限的話，我建議你先安裝后，利用安裝。好了，基本的前端和后端程序已經(jīng)構(gòu)建完成了，下面需要對(duì)前端和后端環(huán)境進(jìn)行一下配置。 學(xué)習(xí)了一段時(shí)間的angular4知識(shí)，結(jié)合以前自學(xué)的nodejs-express后端框架知識(shí)，做了一個(gè)利用angular4作為前端，node-express作為后端服務(wù)器的網(wǎng)站...
閱讀 3164·2021-11-22 14:45
閱讀 3314·2019-08-29 13:11
閱讀 2316·2019-08-29 12:31
閱讀 935·2019-08-29 11:21
閱讀 3002·2019-08-29 11:09
閱讀 3628·2019-08-28 18:11
閱讀 1433·2019-08-26 13:58
閱讀 1286·2019-08-26 13:27
