1. 本人web前端開發工程師，技術遇到瓶頸.怎麼才能不斷提高自己
第一，獲取相關信息。可以通過瀏覽招聘信息或者詢問身邊從事前端工作的朋友來對HTML5大前端以及前端開發的工作內容進行一個初步了解。一般來說，前端開發工程師的工作包括：使用HTML、CSS、JavaScript等專業技術和工具將UI設計稿實現為用戶PC端、移動端網頁等網站產品，同時處理相關埠的視覺和交互問題等。
第二，打好學習基礎很重要。Web前端入門學習的基礎內容有HTML5和CSS3，其中包括PC端網站布局、Weapon頁面布局兩方面。JS交互設計是重點學習部分，這部分需要熟練掌握JavaScript基礎語法、JavaScript進階、JavaScript高級編程、Conquer經典案例等內容。再有前端框架也是重點知識點，現在比較主流的框架有Cue、React、Angular，熟練運用框架可以提升開發效率。
第三，理論結合實踐。緊跟潮流發展也很關鍵，現在微信小程序和小游戲越來越流行，掌握相關技術點可以在崗位競爭中更具優勢。比如熟悉React Native技術對於小程序開發很有必要，它可以實現熟練開發出匹配項目需求的功能。
最後，找對適合自己的學習方式至關重要。
2. 前端開發碰到的問題
具體問題需要具體分析，比較常見的問題有CSS沖突，JS沖突，頁面編碼錯亂，都是基礎問題
3. 前端開發遇到的問題與怎麼解決的
前端和後端沒有可比性
前端的開發，如果沒有總體的設計思路，會成為一種碎片似地程序，一個效果一坨代碼，一個功能一灘腳本，一個需求片邏輯，我曾經遇到過，因為ue調整，把整個前端的代碼除了核心數據處理函數保留，其餘的全部修改的情況。
基本上前端的開發，處於dom操作，數據處理，數據交互三部分，如果合理的分配這三部分的功能，那麼前端的代碼就很容易擴展和調整。可惜現在優秀的前端開發者很少，因為前端門檻很低。
那麼接下來我回答挑戰所在：真正的前端開發的挑戰，還在於開發者的思路，兼容性，布局，css
js都不是問題，問題在於如何合理的組織語言邏輯，如果正確抽象出需求中的模塊，在如何用代碼處理。清楚的用代碼表達出思路，清楚的寫好注釋，給後續維護者一個可閱讀的思路。
前端的改動量，是後端的數倍，前端沒有絕對，只有跟隨需求不停的修改。
4. 在前端開發工作中一般會遇到什麼問題，是如何解決的
對於經驗豐富的人來說，基本上不會遇到什麼困難的問題，但對於菜鳥來說，問題會出現一大堆，除非有人來總結，不然，這個問題是不好回答的
5. web前端工程師工作中遇到難以解決的問題
1）.margin-top,margin-bottom不能正常顯示時
一.有時會遇到外層中的子層使用margin-top不管用的情況；這里我們需要在子層的前後加上一個
div{height:0;overflow:hidden;}
例
CSS樣式表中：
#box {background-color:#eee;}
#box p {margin-top: 20px;margin-bottom: 20px;text-align:center;}
解決方法：在P標簽前後各加2個空的div：<divstyle="height:0;overflow:hidden"></div>
二.網頁中頭部，中部，底部的居底部有時給個margin-bottom:10px;不管用也是要給個清除屬性的.clear{clear:both;font-size:0;line-height:0;}在底部<div id="footer"></div>下加個<div></div>
2）.div層中高度自適應問題
網頁前端科技人員在設計網頁時不可能知道客戶在要他們自己的網站內容頁里加多少文字或圖片內容
這時我們就不能規定div層的高度，為此應寫成min-height:200px;height:auto!important;height:
200px;overflow:visible;這樣ie7,ff,ie6瀏覽器的高度自適應問題就解決了，這些在
http://www.xueshengshu.com/網站中用到最多了。
3）.div層中子層的居底部對齊問題
div中的定位問題有很多也很麻煩，但弄懂了就OK了，在一個大的div層中如何讓子層的內容居底部
對齊就涉及到了position定位問題；
例
div層#box{position:relative;border:1px solidred;width:600px;hegiht:400px;}
div子層#box .wrap{position:absolute;bottom:0;border:1px dashedblue;width:200px;height:
100px},最近寫的網站中http://www.msgc.net.cn/就用到了
4）.div層中清除clear屬性的一小部分應用
在div中一個大的層裡面有很多子層，若是加上邊框在ie7、ie6中或許會正常顯示，但是在ff中可能
只會成一條線了，此時在最外層的後面加上<div style="clear:both"></div>或者設 .wrapfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}後在每個浮動外框調用wrapfix；http://www.xueshengshu.com學生書網里用到最多了。
5）.解決IE8下div移位、錯位等兼容性問題
在<head>標簽後面的第一句話加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />就OK了
6）.單行文字居中與字體樣式問題
在div中一個層中只有一行文字，要讓這層中的文字居中，可設line-height的高度和層的高度一樣，注意這一層中的文字不能換行，此外，設了line-height時再給定字體樣式font:bold 14px "宋體";這時要把font:bold 14px "宋體";放在line-height的前面，否則字體樣式不顯示文字也不居中；或者將font:bold 14px "宋體";改成font-size:16px;font-weight:bold;font-family:"宋體";就OK了。
7）.滑鼠滑上去的特殊效果
往往為了達到顯眼的效果，我們會寫到一些好看的效果，方法一在樣式表中寫：ul li a{border:1px solid red;}ul li a:hoverimg{filter:alpha(opacity=40在ul標簽中調用即可方法二：在樣式表中寫上：.hover img{filter:alpha(opacity=40);}在div中調用onmouseover="this.className='hover'"onmouseout="this.className=this.classtype"即可
8）.IE6中高度不對問題
今天在div中給定了高度為1px,其它瀏覽器顯示正常，可是ie6中顯示的高度就不對了，這時我給樣式表中加了個font-size:0px;line-height:0px;就好了
9）.ul在外框里margin-top不起作用的問題
在div大框子里用了ul作導航的時候為了合ul層居中顯示，設ul的樣式表為margin-top:-15px不起作用了，此時應該將div大框設定高度後給個line-height與height一樣的高度，ul層就自動居中了。
例如http://www.hopes-home.cn/main.aspx
10）.ff中margin-top有時不起作用的問題
今天頭暈腦漲的把這問題給解決了，這幾天寫標網都有累似問題，可是一直都是換個寫法解決的，今天的這個辦法也不只可行試試還是可以的，在一個div外框層中給個寬度例如，#div_wrap{width:280px;height:100%;}
其次在這個框子里設一個.div_top{widh:100%;font:bold12px "宋體";height:24px;line-height:24px;}
.div_center{border:1px solid#dbdbdb;border-top:none;background:#fff;min-height:460px !important;height:auto!important;height:460px;overflow:visible;}
最後在這個div_center里套個ul li時經常會在ff中出問題，也就是在div_top與div_center中莫名的多了幾個像素的空格，這時給ul樣式表設個display:inline-table即可；
6. web前端工程師工作中,遇到難以解決的問題有哪些
有時會遇到外層中的子層使用margin-top不管用等情況
7. 前端開發過程中遇到過什麼困難
前端開發過程中遇到的困難還是很多
1、面試中前端開發過程中遇到的困難這個問題主要是相看面試者是不是有獨立解決問題的能力及解決問題的方案以及工作中的的一些兩點
2、遇到這樣的問題可以說出一個自己解決的比較完美的問題，如：vue不適合做cms，因為單頁面應用對seo很不友好，解決的方法就是：我們使用nuxt技術，在保證使用vue語法開發的同時，也使用了服務端渲染技術保證了seo效果，這個過程突出了自己的學習nuxt等新技術的能力
3、另外也是有很多實際的開發問題不好解決，的但是那些自己解決不好的問題不適合 在面試的過程中說的
8. 前端開發時遇到過什麼坑尤其是webapp開發時
代碼構建：
gulp裡面單個task默認是非同步執行，只有有return語句存在時才是同步執行。
broswerify+watchify大部分示例代碼都告訴你要用 assign({},watchify.args,customerOpts)，這句話，而這句話會導致所有代碼都共享watchify.args這個東西，watchify.args中維護了一些cache，這些cache會導致很多代碼不重新增量編譯。
手機移動端網頁：
大部分坑可以在這裡面找到，Mars/issues at master · AlloyTeam/Mars · GitHub，這幾天才經歷一個特別詭異的，safari下面div居然不能觸發click事件，後面加了一個style="cursor:pointer"才解決。
zepto：
這是一個輕量級的js庫，其中有實現$.ajax的方法，由於在xhr open前改動了withCredentials屬性，導致在部分安卓手機上直接出錯了，開始還以為系統不支持准備走jsonp。
css：
例子太多，舉個最近經歷的，flexbox中的flex-basis屬性，默認居然是auto!也就是說當你設置這個元素overflow-y:scroll，子元素高度超過父元素的大小時，你會發現它父元素上一個兄弟節點的高度會變的非常奇怪，原本的頂部高度固定，下面浮動拉升完全走樣。
9. web前端開發難不難學
如果學什麼課程之前，首先考慮的難不難學，這會形成一個不好的心理暗示，因為我們很多人的內心都是喜歡去學習簡單的容易的東西，而不喜歡學習復雜難的東西，我們的立足點不在是把這個專業學透徹學專業，總是在簡單的道路上徘徊，也就意味著我們只能掌握一個皮毛的知識，任何學科專業，學起來都不容易，都需要你們付出心血認真研究，總想不付出努力，隨便一學就一步登天的思想，是電視劇看多了吧，就像武俠電視劇里拿到一本武功秘籍，看一兩天，咔咔的就學會了，從此天下無敵，然後開始拯救世界了，不好意思，武俠的世界可以這樣，現實的世界不是這樣的，只能踏踏實實的去努力，逢山開路，遇水架橋。什麼難不難的，為了掌握這門技術，去努力就對了，這才是正確的學習態度。
說起前端，第一個接觸到的就是我們現在每天都可以接觸到的網頁，而網頁的構成又分為三種知識的結合
（1） HTML5：
H5給予前端的感覺就像是一個框架一樣，如同建房子，而H5的作用就是將框架給架構出來。而H5其實是通過H4發展過來的，但是由於兩者相差太大了，所以並沒有用過H4來進行過渡學習。在學習H5的時候，剛開始就遇到了困難，因為各種各樣的標簽，各種各樣的元素，學的我是有點兒暈頭轉向，不過好在，慢慢的自己也就有了那麼一點點了解，基本上，H5中的元素分為行級元素以及塊級元素，行級元素都在同一行，除非用到<br>標簽，或者通過樣式將其變為塊級元素，而塊級元素則獨佔一行，然後就是各種標簽的使用了，基本上也可以分為幾類，1.文本類，2.多媒體類，3.表格類，4.最為重要的表單類標簽，標簽的使用需要看情況選擇，只有經過不斷的練習才能逐步了解。而我自己對於標簽的使用也僅限於入門階段，所以也就不班門弄斧了，我這里所談只是我自己的學習過程。
（2） CSS3:
css的中文解釋為層疊樣式表單，所以它的主要作用就是裝飾，由於開始的時候已經接觸到了HTML5，所以CSS的作用就是在框架上面進前端的學習都是需要不斷的學習，學一天停一停相當於白學，學習效果很差，如果你想有人一起學習可以來這個扣裙，首先是132 中間是667最後是127 都是零基礎的同學，大家相互鼓勵 共同努力 只是學著玩就不建議來了!!!行裝修，而這裡面就涉及到了，如何去使用CSS，剛開始學習的時候其實我們可能都接觸到了，在HTML的代碼中，我們也可以對各種各樣的標簽進行樣式的控制，為什麼我們還要通過css來進行控制呢？首先，在HTML中對樣式進行控制會影響代碼的整潔度。其次，在不斷的開發過程中，你會發現，其實有很多樣式你以前經常使用和編寫，那麼通過我們學習過Java所以，首先想到的一定是封裝，那麼既然有了封裝的想法，那就有了CSS的出現，CSS的使用有三種形式，一，外部引用，即所有的CSS樣式都存在CSS文件夾中，通過link使用二，在HTML頭部通過Style標簽進行編寫使用，三，也就是我們最不提倡的內嵌，即在標簽中進行樣式編寫，但是這樣的使用在canvor(畫布標簽)極為常見，講到樣式就不得不提到最為重要的選擇器，選擇器的使用可以通過1..+類名來使用，2.#+id進行選擇，3.直接通過標簽名進行選擇，4.可以通過其父容器再對其進行選擇，當然在我的學習中最為常見的是通過類名和id進行選擇，其次是直接對標簽名進行選擇，不過這些選擇器中，還有一個使用很多的，那就是組合選擇器，因為有時兩個標簽具有相同的樣式，所以這時就會產生兩個組合選擇器。說完了選擇器，就要講到css中的屬性了，比如寬width，高height，顏色color都是屬性，每個標簽都可以設置屬性。
屬性學習完就是定位和浮動了以及動畫，這些都是讓樣式更加美化的內容，所以如果需要頁面更加美化，那麼就要將這部分內容學好，但是很慚愧的是我自己這部分屬於沒有學好的。
（3） JavaScript:
JS的作用基本上就是完成前後端的交互，JS的學習過程相對於H5以及CSS3就好了一點點，因為它是可編程性語言，所以對於有過編程語言學習的同學，理解起來還是相對來說容易一點，由於它是弱類型語言，所以對於類型的定義只有Number，String，Boolean，Object，等，而不像java中光是數字類型就有四類八種，而且它不需要編譯即可運行，所以它很方便，也很輕量，而且對於變數的定義沒有java中的必需聲明引用，在JS中一切變數只需要一個Var就可以解決，但是在JS中也有Java中不存在的，比如匿名函數，相當於Java中的方法，即此方法沒有方法名，而且可以用變數進行表示，即 var i = function(){};所以對於JS的學習還沒有結束。而且還有最為重要DOM和BOM沒有學習到。學習還在不斷進行，而我也將一往無前。
10. 面試官問我 兩年前端開發遇到最難的問題是什麼
最難得問題就是 沒有困難 你看他還說啥