Web 前端開發有哪些痛點?各大公司是如何解決或緩解的?


最大的痛點難道不是技術負責人認為前端要做美術的工作嗎


傳統上,Web前端有這個亘古不變的兩大痛點:

  1. 瀏覽器兼容問題,對於還要支持IE低版本的開發者而言,那就是噩夢;
  2. 是個人都會對Web界面提個建議的問題,因為什麼阿貓阿狗都可以對Web指手畫腳,即使他們啥都不懂。

了解更多前端消息請關注@程墨Morgan


適配,兼容,任何需要兼容的功能都是應該被淘汰的


那我總結一下我遇到的痛點吧:

1.從ie6起的pc端兼容問題,也就是製作頁面1小時,兼容處理2小時的趕腳。解決方式就是多學學hack和ie的js兼容問題;

2.h5的動畫卡頓,尤其是斜線。最後換了svg,部分換成了直線運動;

3.用了ui的字體庫,老闆卻不願意買字體,硬生生套了40多m的字體。最後保持到了上線,然後給ui看載入速度,最終去掉了字體。

4.一個頁面邏輯比較複雜,又沒用什麼模塊化工具,最後頁面各種自定義變數讓頁面很難維護。最後簡單的用了下工廠,把業務分開後變數也變的好維護了。

5.加班,不情願的那種加班。選擇跟老闆談工資,或者離職,或者去享受代碼,從而享受工作。

6.公司的項目結構並不是自己喜歡的方式,例如:自己想用react,公司卻用vue,自己想用mui,公司卻用bootstrap。解決方式就是先適應單位需求,做好了之後再從邊緣項目開始做自己喜歡的東西,不斷論證和比較兩者對於項目的適用性,從而提升自己。切忌不要有離職或者不想幹活的念頭。

7.總有一種感覺,自己什麼都好弱,總感覺沒學好。如果真喜歡就每天進步一點,如果不喜歡那就給自己一個小目標,賺錢,賺錢,看在錢的份上,什麼都不是事。

8.多端適配問題,從手機端看到大屏的mac台式機,說頁面跟ui不符。此時就該找幾個大公司的適配頁面,例如小米宣傳頁,蘋果官網啥的,論證一下頁面並不是矢量圖,有些東西不是預想的那樣。

9.移動端的各種適配問題。解決方式就是多問瀏覽器,多逛一些社區,例如segmentfault等,你所見到的95%的問題都能找到答案。

10.如果前端只會前端,很容易在業務上失去對於頁面的主動權。例如頁面是後台渲染,那你就只能寫寫頁面,說頁面載入慢,那你就會優化代碼,各種雅虎軍規等等問題吧。解決方式就是從http開始去了解後台,了解數據,了解多種語言,對整個項目的來龍去脈要有最起碼的認知。知道問題出在哪,是不是自己的問題,是的話需要怎麼解決。避免扯皮~~

其實沒有什麼痛點,最大的痛點就是錢還是掙的少,什麼時候漲漲工資,分分股份~。哈哈


以我個人遇到的問題而言,是目前web開發還是太依賴服務端人員的配合,尤其是依賴於java環境的開發,對模塊化開發有很大的麻煩,簡單來說就是純用瀏覽器實現模塊載入很麻煩,很不方便。這種開發模式下,前端開發人員更多的必須聚焦於功能實現而非性能,數據結構等等。

大公司的解決方案就是前端單獨部署,後台只負責數據輸出,相當於一個大資料庫,前端目前主流是node.js(go也支持react的各種插件),react+redux+babel+webpack應該是比較主流的,react也可以換成vue,這樣就解放了前端,而且用node.js還有個最大的好處就是同構,直接在中途島編譯好react代碼,配好數據輸出給瀏覽器,穩如poi。

至於兼容性什麼的,除了一些bom操作之外其實還好,要麼用現成的集成代碼,要麼判斷幾下,浮雲而已。


兼容舊版ie現在要麼就是用戶非常多的大公司。要麼老闆就是sb。得看什麼公司


我認為主要還是看客戶的需求,也就是說你寫了非常棒的界面,但是客戶卻不滿意,你用最新版的瀏覽器,客戶卻要讓你支持全瀏覽器,說好三天給出方案,但是三天後設計卻被否決。所以,前端的設計師還得有耐心,信心才行。


前端輪子好多啊!

什麼? 大公司?

自己內部造輪子吧,這樣就沒有選擇恐懼症了


你們幾個這周做了幾個頁面?


IE 各種兼容 各種毛病 代碼5分鐘兼容兩小時


兼容,載入速度,響應速度,還有產品經理經常說的那句,別人是怎麼做的~


自己來說點目前遇到的痛點吧。

就是碰到大型的項目的時候,載入速度的問題。 你要想到載入速度多個半秒都有可能讓人不想看了就直接叉掉,還有就是自己自測時候也心煩。

還有就是自適應界面,雖然做出來很有成就感,但是調適配的時候是痛苦的。


其實有個痛點各崗位都有,就是我特么會這麼多,做這麼多,加班這麼多為什麼只給我這麼點?

目前各公司的解決方案是選擇暫時不解決。


開發速度


IE是痛苦,移動端的適配也是蛋疼!各種手機瀏覽器,各種型號的手機,不同的系統!


推薦閱讀:

如何評價 Ant Design 分享的『字型大小選擇』背後的數學/物理規律?
react真的好用嗎?
Apache2 協議中的專利條款和 Facebook 的 BSD 協議附加的專利條款有什麼本質區別?

TAG:前端開發 | 前端開發框架和庫 | 前端工程化 |