論前端開發如何把AI帶進項目

作者：某巨輪型創業公司的web前端主管

起因：頻繁的項目迭代和快速試錯機制下，引發的技術產能不足，新技術創新無精力；

目標：改造技術框架，讓通用型技術投入量產，形成作業流，提高前端能效比；

2017上半年，前端團隊歷經完成新一輪的大擴充，經過一番磨礱淬勵，初步形成一支深技術，高執行，重效率的隊伍；

這一年，感悟最深的是整個前端行業領域的技術革新，速度之快，可謂日新月異，稍有鬆懈就可能墊底；一入前端深似海，不進則退的意識不能忽略；

作為中原前端湖泊的小舟，只能靠自己探索方向。就環境而言，稱得上篳路藍縷了。

第一次看到「阿里魯班」就被深深吸引了，相關資料 當然，我並沒有異想天開地想去複製一套；畢竟，素材庫，架構師，演算法等這些不是我們一時半會能具備的，更別提應用到實際項目中了；但是，它無法阻止我想像力的滲透；

如果，我們能開發一套系統，能夠將我們每天運用幾百遍的技術，設計，數據整合成一套模板呢?

如果，我再將模板開發成可拓展的模塊呢?

如果，我們再給這些模板套上皮膚呢？

如果，這些皮膚再細分成素材，並且打上屬性的標籤呢？

如果，我們在利用現有的素材，數據，結合基礎演算法呢？

梳理好自己的想法，第二天找到公司PM，CTO說出我的想法，經過巴拉巴拉一上午，開懟~

另外又提出一個大膽的嘗試，加大前端的技術投入——首次負責全棧；

召集各部門負責人（13-4個），對接一線需求，項目立項，命名「AIATS」

技術選型：

移動端：Vue+Axios+UUcli+webpack+自建類庫一條龍；由UUFE 豆蔻，燕新負責。

PC後台：Vue+Axios+組件庫+UUcli+webpack 由UUFE 一凡 負責。

服務端：Nodev+express+PM2+MySQL+Nginx 由UUFE 空知 負責。

UI：搖一搖，

經過一個多月的艱苦奮戰，終於完成了第一階段的開發，同時也滿足了運營的基礎需求；

來看下效果

問答？

問：跟市場上的H5場景活動有何區別？

賦予更多的功能，綁定自有用戶體系，關聯業務；後期將業務介面統一規範，對外開放對接開發者可提供模板，對接企業還能提供Saas級服務；

問：跟AI有何關係？

其實嚴格來說是提高城市上線各類活動的效率，不完全統計，運營人員可在10分鐘內配置20個城市的不同活動；跟AI關聯的是基於皮膚的演算法，可以按照顆粒的素材屬性進行基礎的重組；

問：是否由需求局限型？

這個是通過上百類活動的迭代催生的系統，所以，在設計之初就考慮到了，滿足各種各類的活動需求；我們將活動的形式進行了拓展，不在限制活動的種類，而是統一規則；這樣，任何一位前端的小夥伴加入，就可以第一時間開發出一套模板，並且不限於你所熟悉的開發框架——React，Vue，Angular等

...... 未完待續

時間很緊迫，任務很繁重，至此我們上線了第一版功能，正提測v1.0.2版本 涉及了答題/問卷等系統

我們會繼續在前端領域探索的腳步，我們能隨時調整自己的姿態來迎接這個風雲莫測的前端時代；

也希望更高的技術大牛，能回歸中原區域，加入我們，帶我們一起領略陳獨秀的你~

前端社區交流群：554576947

UUFE-入職傳送門：知乎私信~