作前端技術方案選型的時候，你是怎麼作決策的？

最近在知乎上看到的一個提問作前端技術方案選型的時候，你是怎麼作決策的？想起一年來本身所作的項目，全都是一我的在作選型，能力也在一步步中培養起來。

最重要的是看項目需求，決定前端技術方案選型
大大小小的項目作過不少，就拿一些作過的項目來舉例吧

1：pc端網站

剛剛去公司那會，接手網站的時候，後臺是用wordpress搭建的，php語言支持，網頁部分用的是jQuery+bootstrap，只能在wordpress後臺進行管理，修改部分前端代碼，不是很方面。遇到pc端的網站，通常都是套用模板

模板之家：網頁模板,網站模板,DIV+CSS模板,企業網站模板下載-模板之家

源碼之家：源碼之家 - 提供最新免費網站源碼下載！

這兩個網站上的資源較多。

2：當網站被黑

因爲後臺管理的疏忽和缺少，致使公司官網被黑，總監開了緊急會議，既然沒有懂php的人才（以前的項目是找外包作的），宕機過程當中客戶來源也在不斷的流失，三天以內，找一個網站模板先代替使用

這個模板既適用移動端又適用於pc端網站，就是一套官網，適應多個終端

這個時候，前端技術方案選型，我就想到要使用響應式佈局

響應式佈局能夠爲不一樣終端的用戶提供更加溫馨的界面和更好的用戶體驗，並且隨着目前大屏幕移動設備的普及，用「大勢所趨」來形容也不爲過。隨着愈來愈多的設計師採用這個技術，咱們不只看到不少的創新，還看到了一些成形的模式。

在源碼之家源碼之家 - 提供最新免費網站源碼下載！找到了一套公司企業官網，響應式佈局，分別在手機上測試了一下，適配性作的很好，拋開移動端的加載性能在網絡比較卡的時候跳轉頁面稍微慢一點以外，其餘的都符合需求。

這套框架是用amazeui框架寫的，Amaze 妹子 UI 中國首個開源 HTML5 跨屏前端框架

3：後臺管理系統bootstrap admin+jquery+layui

公司的主要業務在於作一套後臺管理系統，經過用戶的操做，可是是基於上一個項目所開發的代碼繼續寫，要求扁平化，看上去風格偏向於年輕化，AdminLTE和bootstrap admin 模板都很適應，原本想着更換一套模板，從新寫，將以前的項目棄之不用，但又以爲太浪費時間，爲什麼不理理清楚以前的項目代碼，雖然有些模塊雜亂且多餘沒有條理，改起來別人的項目真的很頭疼....

關於layui，有兩句話想說

一開始不打算用這個框架的，可是隨着業務的增多，咱們知道在bootstrap裏面，Bootstrap 模態框（Modal）插件，模態框（Modal）是覆蓋在父窗體上的子窗體。一般，目的是顯示來自一個單獨的源的內容，能夠在不離開父窗體的狀況下有一些互動。子窗體可提供信息、交互等。

在具體項目要求中，新增一個彈窗，彈窗裏面信息過多，寫在一個jsp頁面裏面顯然太過於雜亂，如果這個彈窗裏面加載地圖的一些信息，會出現莫名其妙沒有辦法解決的bug，無奈之下，只好引入Layer框架

Layui 是一款採用自身模塊規範編寫的情懷型前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來即用。

https://www.layui.com/

4：微信公衆號的開發weUI

以前沒有接觸過移動端的開發，尤爲是微信公衆號，特此拿出來比較了一下，還寫了一篇文章，最終爲了求穩，選擇了weUI

技術選型，移動端最經常使用的四個框架對比以後

移動端最經常使用的四個框架 - CSDN博客​blog.csdn.net

圖標

 

5：小程序開發

17年年末，小程序忽然火起來了，公司要求開發一款本身的小程序，因而研究了一個星期，花了一個星期的時間開發，因爲項目只有十個左右的簡單界面，沒有使用框架

在此以前，也分析了一下小程序的開發選型，微信小程序常見的UI框架/組件庫總結

想要開發出一套高質量的小程序，運用框架，組件庫是省時省力省心必不可少一部分，隨着小程序日漸火爆，各類不一樣類型的小程序也漸漸更新，其中不乏一些優秀好用的框架/組件庫。

微信小程序常見的UI框架/組件庫總結​www.jianshu.com

 

6:下一個移動端項目，技術選型Vue.js + vue-router +webpack

一直在學習vue，可是一直不敢使用在公司項目裏面，怕會踩到坑致使進度變慢，不作沒有把握的事情，隨着業餘時間對這個技術的練習，發現真的是好處多多

優勢：

1\. 簡單：官方文檔很清晰，比 Angular 簡單易學。

　　　　 2\. 快速：異步批處理方式更新 DOM。

　　　　 3\. 組合：用解耦的、可複用的組件組合你的應用程序。

　　　　 4\. 緊湊：~18kb min+gzip，且無依賴。

　　　　 5\. 強大：表達式 & 無需聲明依賴的可推導屬性 (computed properties)。

　　　　 6\. 對模塊友好：能夠經過 NPM、Bower 或 Duo 安裝，不強迫你全部的代碼都遵循 Angular 的各類規定，使用場景更加靈活。

總結：vue 綜合了angualr和react的優勢，是國人寫的框架，易上手，輕量級，受到普遍的應用。

前端的框架和知識點，不少，也很雜亂，在這些知識點中，選出最接近本身項目需求的技術棧，纔是最重要的