⑴ 前端開發中應該注意哪些用戶體驗細節
作為曾經的一枚小前端，我來回答一下這個問題吧。
還有就是設計細節，如果你這個頁面想讓用戶去登陸，就不要展示亂七八糟的東西，目的要突出，不要讓用戶感覺他在你的頁面上找不到要找的東西，有過這一次經歷，我可以很負責的告訴你，我不會再給你第二次讓我成為你用戶的機會。
頁面太多AJAX無刷新，或者全部都是同步執行的頁面，如果非同步和同步協調的不是很好的話，用戶體驗會非常的不好，比如局部地區是可以適當的用非同步刷新去解決的。
不要頻繁的使用alert彈出窗口，頻繁的彈出alert框，或者提示框是一種很不合適的體驗，尤其是系統默認的alert框，簡直是low到爆的一種表現。
多寫代碼，多寫一些慢慢就會遇到這些坑，從這些坑裡跳出來了。
⑵ 前端開發遇到的問題與怎麼解決的
最終解決方法：願化蝶飛向，註定是錯覺，前端開發遇題與解決只是，不要高估情的美。，對方留下各種各樣的印記。中間的小邪送出了。對每個人微笑。
⑶ 一個人，喜歡汽車維修，又喜歡前端開發，該如何選擇好
首先我是從汽車維修轉的前端開發，因為大學就學習的是汽車工程。汽車維修的話做了2年，那個時候工資最多的時候是6000千多，而師傅的話業績好的時候有一萬多吧，平時也就6000到8000左右，而且學習汽車維修的話，時間長，我學了兩年才是一個中工的水平，師傅的話至少要5年，要想拿到高一點的工資的話前期需要很長的時間來學習，現在汽車維修市場就那樣了，
前端開發的話是一個不斷在創新，學習的職業，薪資方面也是很不錯的一個職業，我現在做了3年了，能拿10k，主要是看呢自己喜歡那一行，畢竟都是需要學習的一個過程。
⑷ web前端開發遇到的問題
這些零基礎的人在學習Web前端時會遇到哪些問題。給大家介紹一下:
1、因一些基礎演算法、數據結構理論不扎實導致一些編程思維難於理解。
比如原型鏈，如果清楚數據結構中鏈表結構，那麼這個東西不難理解，再比如哈希值，懂得數據結構中哈希表，哈希值也就迎刃而解。
2、計算機體系結構、操作系統理論、網路理論不扎實導致到後期一些東西難於理解。
比如有的人從前端學習入手，後來學習node開發 ，在 I/O 、進程、線程、IPC 、線程鎖方面有些概念就比較難於理解，而導致不能很好得使用node 的api 。
3、前端整體體系架構沒有做過深入思考。
導致用會用，但不知道為什麼用，用另外一個有什麼區別。
4、學習環境中無高手。
沒有高手能夠指導自己進入下一個層次。
5、有意識但是沒有行動
有的人網盤收集了一堆資料或者一堆視頻，然後就沒有然後了。
以上分享的這些問題，都是很多零基礎的人在學習中會遇到的。這些問題導致了他們在學習Web前端進度緩慢，甚至學習效果不佳。
如果你想要快速學習Web前端技術，專業全面的學習方式比較好，一般費用在2W左右，4-6個月左右。專業學習適合零基礎的小白迅速成長，學習曲線先快後慢，也適合有一定基礎的學員進階學習，鞏固知識的基礎上，穩步進步突破職業瓶頸。
⑸ 前端開發遇到的問題與怎麼解決的
前端和後端沒有可比性
前端的開發，如果沒有總體的設計思路，會成為一種碎片似地程序，一個效果一坨代碼，一個功能一灘腳本，一個需求片邏輯，我曾經遇到過，因為ue調整，把整個前端的代碼除了核心數據處理函數保留，其餘的全部修改的情況。
基本上前端的開發，處於dom操作，數據處理，數據交互三部分，如果合理的分配這三部分的功能，那麼前端的代碼就很容易擴展和調整。可惜現在優秀的前端開發者很少，因為前端門檻很低。
那麼接下來我回答挑戰所在：真正的前端開發的挑戰，還在於開發者的思路，兼容性，布局，css
js都不是問題，問題在於如何合理的組織語言邏輯，如果正確抽象出需求中的模塊，在如何用代碼處理。清楚的用代碼表達出思路，清楚的寫好注釋，給後續維護者一個可閱讀的思路。
前端的改動量，是後端的數倍，前端沒有絕對，只有跟隨需求不停的修改。
⑹ 前端開發工程師是做什麼的
1、前端開發工程師是什麼？
前端工程師是互聯網時代軟體產品研發中不可缺少的一種專業研發角色。從狹義上講，前端工程師使用 HTML、CSS、JavaScript 等專業技能和工具將產品UI設計稿實現成網站產品，涵蓋用戶PC端、移動端網頁，處理視覺和交互問題。從廣義上來講，所有用戶終端產品與視覺和交互有關的部分，都是前端工程師的專業領域。
2、前端開發工程師的發展方向：
專家方向
經過幾年的技術積累，大量的項目歷練，很自然地就朝著專家的方向過渡了。技術人普遍具有的一個特徵就是不喜歡管一些亂七八糟的事，更願意鑽研感興趣的技術，解決一些技術難題。走專家路線可能是大多數技術人的選擇。
管理方向
另一個職業方向就是技術管理。技術管理要求的更綜合，日常的工作涉及項目管理，跨部門溝通，團隊管理，技術體系建設等方面。做技術管理意味著遠離一線coding，漸漸失去自己的技術優勢，80%的精力是幫助團隊同學成長，通過團隊完成既定目標。
技術人要經歷一個心態的轉變。但企業招人過去最主要的目的是解決實際面臨的技術問題，所以對於技術管理來說，技術還是一個基本面，不能完全放下，還是要時刻關注技術大方向。
產品&業務方向
還有一個職業方向是轉型做產品經理更多地貼近業務。我身邊有越來越多的前端做了幾年的研發後轉型做了產品。技術人轉型做產品，其實是比較有優勢的，一方面懂技術能更好地和研發溝通，另一方面產品設計上更容易落地。
⑺ 前端開發過程中遇到過什麼困難
前端開發過程中遇到的困難還是很多
1、面試中前端開發過程中遇到的困難這個問題主要是相看面試者是不是有獨立解決問題的能力及解決問題的方案以及工作中的的一些兩點
2、遇到這樣的問題可以說出一個自己解決的比較完美的問題，如：vue不適合做cms，因為單頁面應用對seo很不友好，解決的方法就是：我們使用nuxt技術，在保證使用vue語法開發的同時，也使用了服務端渲染技術保證了seo效果，這個過程突出了自己的學習nuxt等新技術的能力
3、另外也是有很多實際的開發問題不好解決，的但是那些自己解決不好的問題不適合 在面試的過程中說的
⑻ 前端面試會提問到哪些
在面試前端的過程中，有些問題是經常會被提問到的
一、基礎篇
1. 在不使用第三個變數的情況下，如何調換a與b的值？
2. px與em的區別
3. 簡述一下盒模型
4. 頁面導入樣式時，使用link和@import有什麼區別？
5. 簡述一下事件代理
二、HTML常見題目
01、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？
02、HTML5為什麼只需要寫？
03、行內元素有哪些？塊級元素有哪些？空(void)元素有哪些？
04、頁面導入樣式時，使用link和@import有什麼區別？
05、介紹一下你對瀏覽器內核的理解？
06、常見的瀏覽器內核有哪些？
07、html5有哪些新特性、移除了哪些元素？如何處理HTML5新標簽的瀏覽器兼容問題？
08、如何區分HTML和HTML5？
09、簡述一下你對HTML語義化的理解？
10、HTML5的離線儲存怎麼使用，工作原理能不能解釋一下？
三、CSS類的題目
01、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不同的？
02、CSS選擇符有哪些？哪些屬性可以繼承？
03、CSS優先順序演算法如何計算？
04、CSS3新增偽類有哪些？
05、如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？
06、display有哪些值？說明他們的作用。
07、position的值relative和absolute定位原點是？
08、CSS3有哪些新特性？
09、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景？
10、用純CSS創建一個三角形的原理是什麼？
四、JavaScript類的題目
01、JavaScript中this是如何工作的
02、請解釋原型繼承的原理。
03、什麼是閉包(closure)，如何使用它，為什麼要使用它？
04、.call 和.apply的區別是什麼？
05、請指出JavaScript 宿主對象(host objects) 和原生對象(native objects) 的區別？
06、請指出以下代碼的區別：function Person(){}、var person = Person()、var person = new Person()？
07、請解釋變數聲明提升(hoisting)。
08、什麼是 「use strict」; ？ 使用它的好處和壞處分別是什麼？
09、什麼是事件循環 (event loop)？
10、請解釋同步 (synchronous) 和非同步 (asynchronous) 函數的區別。
五、開發及性能優化類題目
01、如何規避javascript多人開發函數重名問題？
02、請說出三種減低頁面載入時間的方法.
03、說說你所了解到的Web攻擊技術。
04、說說你說了解的前端性能優化方法？
05、前端開發中，如何優化圖像？圖像格式的區別？
06、瀏覽器是如何渲染頁面的？
07、頁面重構怎麼操作？
08、什麼叫優雅降級和漸進增強？
09、前端需要注意哪些SEO？如何做SEO優化？
10、平時如何管理你的項目？
⑼ 前端開發常見的兼容性問題及解決方案
解決方法：給input增加樣式
使用這兩個樣式布局的時候
會出現 中間有空白的情況
解決辦法是 給他們的父級設置 font-size:0
1.給父級元素設置
2.給父級樣式設置
示例
3.添加空div
然後給空div設置
請參考筆記 ，奇怪的 && 和 ||
當兩個值都為布爾值的時候 會返回布爾值
但是 兩個都是變數的時候 會返回後面那個變數的值 這是非常奇怪的
去掉蘋果手機默認的按鈕樣式
注意手機阻止默認事件，不可以加到某一個層上面
需要加到全局document上，確實非常的坑爹
另外，使用classList.contains("class") 可以檢查元素是否擁有某樣式
給左邊的圖片設置vertical-align:top
然後使用padding-top的方式去布局就不會左右不對稱了
這種情況是圖片和行高的大小差不多的情況 即 圖片大於文字的大小
如果圖片比文字小就需要使用vertical-align:middle去布局了
internet explorer -- Trident
Mozilla Firefox -- Gecko
opera -- Presto
safari / chrome -- WebKit