❶ web前端，遇到不懂的問題，一般怎麼解決
今天為大家整理和分析一下初學web前端的朋友總會遇見的幾個問題以及我個人理解的解決辦法。
1 能聽懂，寫不出來
我相信這應該是所有初學者的問題，就是看視頻的時候，能聽懂，但是到自己獨立去寫的時候卻寫不出來，就像我們總說說起來非常容易，但是做起來很難。這個是非常重要的一點，就是我們要掌握一個非常恰當而且適合自己的學習方法，這點非常重要，因為根據我的經驗，接觸過很多初學者，學著學著就放棄了，然而失敗的原因基本都是相同的，只要一直堅持下去，基本上能學下去的都會成功的學成，這是我自己的感覺，至於學習方法要看你自己適合什麼，也可以加我的前端群像我請教。
2 學完了之後就忘記
我們解決第一問題，就會立馬迎來第二個問題，比如我們的HTML標簽和一些css的屬性，我們用浮動去實現一個效果，但是過了幾天之後發現，這個我怎麼不會用了，就在腦海中，但是怎麼都想不起來，這里我給大家說的是，你學習的每一個知識點，必須而且以及一定要跟三個案例以上，只有應用到實處，才能更好的記憶，在你學習之後的知識點，要不斷的溫習前面的東西，不然一定會忘記。
3 看書看不懂怎麼學
我接觸過很多的新手說，我買了一個本從入門到精通的書，其實我想說如果你覺得看了一本書就可以學好前端找工作，那這個工作好像誰都可以做了，我個人在初學的時候是一本書沒看過，但是我卻看過大量的技術書籍，這個都是在我學完了一遍前端，學了一遍java之後才看的，因為這個時候我才能看懂，對於我之前學習的一些沒有太懂的東西，進行了一個知識的補充，一個新手區看專業人士編輯的專業書籍，我真的很難想得到，有幾個人能看下去一本幾百頁的書，而且能看懂，所以我個人建議新手學習不要看書，反正對我來說沒有什麼效率。
4 學了之後怕找不到工作
Web前端開發相對於後端來說確實是簡單不少，而且就業率也是非常高，但是很多新手對這個行業太不了解，以為學了之後就能找到多少錢的工作，完全忽略了自己學了之後，到底學的怎麼樣，什麼水平，有點不太現實，這個行業工資確實高，一個具有三年前端開發經驗的人基本工資都會在15000以上，但是卻不是那麼好拿的，還是看自己自身的競爭能力怎麼樣。
以上的四個問題可能是初學者學習前端關心的幾個問題，這都是我個人經驗用白話文總結的，說的不是很好，大家見諒，這是我的web前端資料分享交流群 ：113485407
初學的新手有什麼問題可以在群里問我，學習的疑惑什麼的，群里有很多初學前端的新手，非常適合初學者，也可以管我要學習資料，都是免費分享的。
❷ 前端開發哪部分比較難
難點在於：
1.對業務的理解
由於前後端分離的普及，越來越多的業務邏輯開始往前端這里轉移。「客戶想干什麼」，在大的公司可能有UE專門去思考這問題，前端只需要實現就可以。但是其實大多數的小公司沒有專職的UE設計。很多時候需求並不明確。前端開發就需要開發人員自己對業務有一定的了解知道客戶需要什麼？才能去寫合適的業務邏輯。如果並不能很好的去了解業務，寫出來的頁面可以看，但是就會出現，沒有門把手的一面只有拉才能開門的設計。而且其實業務最多變的就是業務邏輯，如何設計好才能滿足業務邏輯變的需求，也是一個很難精的事情。
2.計算機基礎知識
CDN、網路接入層、API網關、存儲系統、代理、cookies、socket等等的專業術語。一聽可能就有很多人蒙圈了。很多時候只是開發頁面很簡單，但是現在出現問題了，因為問題是在前端表現出來的，很有可能需要前端第一時間去定位問題點。這就不得不要求前端需要了解計算機的基礎知識來定位具體問題。0基礎培訓班可以寫網頁，但遇到如代理問題，API網關問題可能就無從下手了。
3.新技術的獲取，方向的選擇
前端生態和工具不斷的在變化，如WebAssembly,Less,TypeScript不斷在變化的語法特性，Vue,React,Angularjs等不斷變化的框架。iView，Bootstrap, Element-ui,Ant Design等各種框架。 vscode ，sublime ， atom ,WebStorm等開發工具。出現了「別更新了,學不動了」這樣的言語。如何保持對新技術的獲取。如何跟對技術，如何選型技術其實也是一個難點。
4.工程化
只是寫一個頁面可能不難，但是前端由於能力的增加，越來越多的前端工作開始接觸到工程化的問題。軟體工程化一直沒有銀彈，也就帶來了設計模式的知識。如何讓各個分散的頁面變成可以互相配合契合業務，如何公用代碼，如何設計架構。這也是一個需要時間積累的能力。
5.優化兼容
前端是第一個和客戶接觸的頁面，性能好壞直接影響PV、UV、訪問次數、跳出率、轉化率、平均訪問時長等指標，但是前端優化兼容又是一條慢慢長路，從CSS到JS再到網路，再到後台優化的無止境。後端最難的可能也是優化，優化演算法，優化資料庫，優化響應時間。前端演算法優化，渲染優化，針對瀏覽器優化，還有兼容問題，IE,CHROME,火狐，大大小小廠商的瀏覽器，不同手機的瀏覽器。這條路也是漫漫長路。也最考驗一個前端的綜合能力。
6.溝通能力
前端提意見的門檻低。後端提意見需要一定的專業能力。前端做演示，小朋友看，問問他們有什麼意見，估計也能提出很多，所以前端需要和跟打交道的能力，如何溝通也是一個不可缺的能力。和客戶交流，和後端交流，和產品經理交流。
❸ 前端開發過程中遇到過什麼困難
前端開發過程中遇到的困難還是很多
1、面試中前端開發過程中遇到的困難這個問題主要是相看面試者是不是有獨立解決問題的能力及解決問題的方案以及工作中的的一些兩點
2、遇到這樣的問題可以說出一個自己解決的比較完美的問題，如：vue不適合做cms，因為單頁面應用對seo很不友好，解決的方法就是：我們使用nuxt技術，在保證使用vue語法開發的同時，也使用了服務端渲染技術保證了seo效果，這個過程突出了自己的學習nuxt等新技術的能力
3、另外也是有很多實際的開發問題不好解決，的但是那些自己解決不好的問題不適合 在面試的過程中說的
❹ 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即可；
❺ web前端工程師工作中,遇到難以解決的問題有哪些
有時會遇到外層中的子層使用margin-top不管用等情況
❻ 前端開發遇到的問題與怎麼解決的
最終解決方法：願化蝶飛向，註定是錯覺，前端開發遇題與解決只是，不要高估情的美。，對方留下各種各樣的印記。中間的小邪送出了。對每個人微笑。
❼ 幫助Web前端初學者快速掌握JavaScript技術的方法
今天小編要跟大家分享的文章是關於幫助web前端初學者快速掌握JavaScript技術的方法。當你試圖學習JavaScript或其他編程語言的時候，你通常會遇到如下挑戰：
·一些概念讓你感到困惑，特別是如果之前學過其他類型的語言。
·很難找到學習的時間(或者動力)去學習。
·你很容易忘掉之前學到的東西。
·JavaScript工具太多並且經常更新，以至於很難找到學習的切入點。
幸運的是，這些難題最終能夠被克服。在這篇文章，將展示六個能夠幫助你更快、更開心、更高效地學習JavaScript的六個思維技巧。下面來和小編一起看一看吧！
1、不要對未來的憂慮干擾你現在的學習
有些JavaScript初學者會問剛開始要學習哪種框架，但是如果你還沒能熟練使用原生JavaScript，你就不應該問這種問題。因為你會花很多時間研究各種框架而得不到進步。
走出這個陷阱的一個方法是制定一個學習路徑圖。例如，要成為前端開發，你的路徑圖可能是下圖。在將來你能夠使用HTML和CSS製作動態頁面。
將上圖步驟分開執行，每個時間段只專注於提高一項技能，你將不會把時間浪費在擔心後面的技能上。
2、不要讓自信騙你進入持續遺忘的陷阱
快速理解一個概念會是JavaScript進步的最大阻礙，下面我將解釋。
當你遇到一個知識點，而你好像理解了，你很可能抑制不住內心跳到下一個知識點的沖動。現實可能是你會理解下一個知識點然後繼續跳到下一個知識點。但是，很快你會到達一個節點，在這個節點你發現自己已經忘了前面所學，於是你需要回過頭復習，你快速瞟了一下之前所學然後又繼續學習新的知識。但是現在，你忘記了其他東西。你一直重復這種繼續-回顧-繼續-回顧模式直到你發現自己完全迷失。你開始沮喪，想要休息，然後當你開始重振旗鼓，卻發現自己已經忘掉所有。
幸運的是，我們有兩個應對上述問題的方法：
1、一次只學一樣東西
2、做練習-實際上是敲代碼
當你學習一個新的概念，你要將它實踐出來，練習它，與它和善相處，甚至能夠將它與其他概念聯繫到一起。當你學習一個示例，最重要的是你要自己將代碼敲出來，這樣能幫助你吸收它。另外，一次只學一個東西能夠幫助你鞏固所學，因為記憶更少的東西更容易。
這個過程看起來貌似比閱讀然後快速跳到下一個知識點要花費更長的時間，但是實際上它所花的時間更少，因為這樣你就不需要頻繁復習之前所學。我在好幾個場合後才艱難的領悟到這個道理。
3、使用正確的思維方式練習
很多人認為敲代碼是煩人的重復性工作，所以他們通常會跳過這個步驟試著尋找捷徑。如果你試圖為JavaScript練習尋找捷徑，你將會為此花費更多的時間。但是我們如何才能使得敲代碼更加的有趣，使得我們願意去敲代碼呢?
試著改變為下面的思維模式：
如果你剛學了一個JavaScript概念，然而你被告知不能使用它，對此你感覺如何?個人來說我會感到有點惱火，特別是為了弄懂它我花費了寶貴的時間。這就像是一個小孩得到了一個新的玩具，但卻被限制不能玩它。
當你學習JavaScript的新知識，試著將這個知識點視作一個新玩具，例如新車、一雙新鞋、或任何你覺得值得有趣的東西。然後，不要把敲代碼當成工作，將敲代碼視作你正在玩游戲。你正在使用剛學的技能做一些很酷的事情。給自己驚喜，把成果展示給你的朋友。
帶著游戲的思維模式你將學得更快，將記憶的更牢，同時你將體會到更多樂趣。
4、使用Facebook技巧為編程騰時間
人們遇到的一個普遍問題是，他們通常找不到時間去敲代碼。通常，這些人會花好幾個小時瀏覽例如Facebook、YouTube、Wikipedia或者Reddit這樣的網站。無論你是否符合上述描述，我們都能從中學到一些東西。
我當然有時間只瀏覽Facebook一會兒，但通常我會在上面待好幾個小時瀏覽往返。這是如何發生的?我認為原因在於，剛開始我並沒打算花在這上面花費那麼多時間。開始行動是做一件事情最困難的部分，所以將目標設定的足夠小能夠幫助我們進入狀態。如果有人問我是不是打算花幾個小時瀏覽Facebook，我會回答不，因為我沒有時間。然而，對於僅僅嘗試一下我是能夠接受的，這也是我能夠沉浸其中的方法。
好消息是，你能夠對敲代碼運用同樣的心理技巧。不要計劃花幾個小時敲代碼，因為你會發現自己沒有時間。相反的，告訴自己只敲三分鍾代碼。這樣你就不需要為尋找敲代碼的時間煩心。
5、思考的慢你將學得更快
這一條聽起來違反直覺，所以下面我將用一個故事來解釋。
我的一個朋友又一次對JavaScript的一個特性感到困惑。我讓他將他知道的解釋給我聽，然後告訴我哪兒讓他困惑。當它向我解釋代碼，我發現他在跳步。
「等會兒!」我說道。「慢慢來，然後將這些一步步解釋給我聽。」
我的朋友直接將整個代碼的功能總結給我聽。
我再次讓他暫停。「你還是在跳步。再解釋一次，這次我需要你一步步將每一行代碼發生了什麼解釋給我聽。」
這一次，我的朋友能夠更好的解釋代碼是如何運行的。關鍵在於他花時間去理解每一行代碼而不是試圖一下理解所有。
在上述這種案例中，思考的更慢實際上讓你學得更快。
6、在寫復雜代碼前先用簡單語言寫下
如果你要寫的代碼是復雜並且不常見的，先用簡單語言將代碼寫下。這樣，你能夠你能夠在真正寫之前知道自己要做什麼。下面是使用這個方法的兩個好處：
1、你將更容易更快速的寫代碼，因為你不需要時刻停下來思考自己將要怎麼做。
2、由於你知道代碼要干什麼，能夠更好的排除錯誤。
總結：
我們已經講了好幾個更快速學習JavaScript的方法，但是你也能將上述方法運用於學習其他東西。下面是上述方法的概括：
1、不要再想將要學什麼，沉浸於現在
2、通過把新技能當做玩具使得練習更有趣
3、就像瀏覽Facebook、YouTube之類的網站一樣，在敲代碼前告訴自己只敲幾分鍾，這樣你就擁有了敲代碼的時間
4、慢下來，小步向前，你將學得更快
以上就是小編今天為大家分享的關於幫助web前端初學者快速掌握JavaScript技術的方法的文章，希望本篇文章能夠對正在從事web前端學習的小夥伴們有所幫助，想要了解更多web前端相關知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
來源：#/shehui/2016/10-24/11717064.html
❽ 前端開發的難點到底在什麼地方
一般意義上的前端項目：
-從0到1，治理曬哦為健全點的都能搗鼓出來；
-從1到60，後後端或者設計崗位勉強能兼任；
-從60到80，需要比較專業的前端；
-從80到100，這么好的前端可遇不可求。
從0到1就是從無到有的過程，很多人用WordPress，建站之星就差不多就能搞個demo了，可以拿去騙投資人的錢。
從1到60，就是勉強可用，基本上讓後端工程師或者UI設計師找一套bootstrap的模板東拼西湊的也能勉強應付到第一版本上線。
從60到80，就是真正要做一款能完備、性能優良、架構合理的中小規模產品，沒有專業的設計、前端、後端、產品、運營是走不到這步的，差不多到A輪了。
從80到100，那就是追求各方面的極致，與競爭對手一較高下，各個方面沒有頂尖的人才都會影響整體的戰鬥力，木桶效應。
解釋一下：
1. 核心競爭力的主體是工程經驗。
其實這個結論可以推廣到其他研發崗位，就是每個研發崗位的知識體系都是由基礎學科知識＋領域工程經驗構成，彼此不可替代的就是工程經驗部分。一個後端工程師一時間不能替代同等級前端工程師到不是基礎或者智商的問題，主要是工程經驗不足，你讓一個前端一個後端分別實現對方領域中一個有明確輸入輸出的功能函數，二者通過簡單學習新語言新語法，加上開發手冊查詢，一般都能比較正常的實現業務邏輯，但你讓他們hold住對方領域的完整項目就很困難了，技術選型，系統設計，模塊拆分，平台特性，宿主環境，性能優化，構建部署，系統測試等等都是領域工程經驗問題。
2. 工程經驗的等級是能cover項目從0發展到80+。
這個很好解釋，因為從0-60的非專業前端也能做到，60+的才是專業前端。
所以不用擔心核心競爭力問題，60+的前端現在都很搶手啊。工程經驗只有60-的話確實壓力比較大。
❾ web前端開發常遇到的問題有哪些
前端和後端沒有可比性
前端的開發，如果沒有總體的設計思路，會成為一種碎片似地程序，一個效果一坨代碼，一個功能一灘腳本，一個需求片邏輯，我曾經遇到過，因為ue調整，把整個前端的代碼除了核心數據處理函數保留，其餘的全部修改的情況。基本上前端的開發，處於dom操作，數據處理，數據交互三部分，如果合理的分配這三部分的功能，那麼前端的代碼就很容易擴展和調整。可惜現在優秀的前端開發者很少，因為前端門檻很低。
那麼接下來我回答挑戰所在：真正的前端開發的挑戰，還在於開發者的思路，兼容性，布局，css js都不是問題，問題在於如何合理的組織語言邏輯，如果正確抽象出需求中的模塊，在如何用代碼處理。清楚的用代碼表達出思路，清楚的寫好注釋，給後續維護者一個可閱讀的思路。
前端的改動量，是後端的數倍，前端沒有絕對，只有跟隨需求不停的修改。
❿ Web前端開發的難點和重要性有哪些
第一，平台、瀏覽器生態復雜，要考慮的場景太多，不同平台上實現同一界面功能的重復勞動嚴重，這個難點在於如何消除前端開發的重復勞動。
第二，當需求發生變化的時候，最先往往就是前端，而很多需求變化和後端無關，單純就是前端的改變。這些需求改變有的是不合理的，但是，客觀來說，也有不少是有必要的需求改變，用戶的喜好會變化，用戶的喜好我們也要反復揣摩，也就是要適應需求變化，所以，難點就成了如何讓前端開發適應快速變化的需求。
第三，前端的學習曲線其實挺陡，很多後端開發者以為前端只是玩一玩HTML，到了自己上手的時候發現其實要學很多。