⑴ web前端如何讓網頁布局穩定性和標准性
為了實現網頁布局的穩定性和標准性，我們可以從下面幾方面努力：
一、 <!DOCTYPE> 標記的重要性。
位 於文檔的最前面，用於向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標准 規范，我們必需在開頭處使用<!DOCTYPE>標記為 所有的XHTML文檔指定XHTML版本和類型，只有這樣瀏覽器才能將該網頁作為有 效的XHTML文檔，並按指定的文檔類型進行解析。
<!DOCTYPE> 標記和瀏覽器的兼容性相關，刪除<!DOCTYPE>，就是把如何展示HTML頁面的權利交給瀏覽器， 這 時，IE6，IE7，IE8，Firefox2，Firefox3，Chrome，有多少種瀏覽器，頁面就有可能有多少中顯示效果，這是不被允許的。
二、合適地方用到合適的標簽
物盡其用人盡其才。 再合適的地方用到合理的標簽，對網頁布局和優化都有很多的好處，比如logo ，一般我們都用h1 標簽包括。 還有理解行內元素和塊級元素的區別。
一個頁面不要只用div，太多反而太泛濫了。table雖然用的少，但是，再做一些數據處理的時候，還是比較好用的。
三、站在標准流的角度看padding 和 maring 、width等屬性穩定性
我們知道頁面布局的時候，控制盒子位置距離等，有盒子本身大小，padding和margin來做。
因此，再這里我們會根據穩定性來看這三者的先後順序：
其中穩定性最好的就是盒子本身的高度和寬度了，我們優先考慮這個。 因此，很多情況下，我們會考慮利用高度剩餘法，寬度剩餘法來做，而不是padding和margin。
這個評論和下面的文本域框有個小距離， 此時，我們給這個評論一個h2標簽，高度正好從評論上方，到文本域上的高度就好了。
h2 裡面文字內容默認是靠左上對齊的，高度用不了，就剩下了，這就是高度剩餘法。
其次，我們才考慮padding ，因為padding也可以看做特殊的盒子高度和寬度，最後我們再用margin來做。因為margin會有邊距合並的問題。
四、標准流、浮動流和定位的穩定性
標准流再裡面是最穩定的，就是塊級元素上下顯示，行內一行顯示，都是最穩定的。
浮動和定位都「脫標」了，穩定性沒那麼穩定，所以，我們應該遵循如下原則：
頁面布局，能用標准流去做的不用浮動去做，如果要用浮動做的，就不用定位去做。
五、知己知彼百戰百勝
總會有特殊的瀏覽器，比如ie6 ，這些奇葩瀏覽器總是有自己獨到的地方，那我們怎辦? 兵法雲，知己知彼百戰百勝，因此，需要我們詳細的了解這些瀏覽器自己獨特的特性，或者掌握他們ie6常常出現的bug，以及對於css 的理解，那麼我們根據他們的不同解析，寫出合理的布局。
六、不要讓清除內外邊距帶來麻煩
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
這句話，大家都知道，清除瀏覽器樣式的。但是如果你不加，不同瀏覽器肯定顯示不太一樣。所以，css的第一句話就是它。還有就是要使用大部分瀏覽支持的css屬性不至於引起不必要的麻煩。
⑵ 前端工作流程是什麼
公司性質決定流程，不過一般大體都是需求--設計--頁面製作--效果製作--添加程序。
假設 sys 級的規范和標准模塊已經完成（包括全局樣式、布局規范、標准盒模型等），這時需要開發一個項目，假設為淘江湖 SNS 項目。理想中的開發流程為：
a). PD 產出 PRD.
b). 交互統攬全局，將 PRD 中的可復用部分，拎取出來，產出 base-prototype.
c-1). 視覺根據 base-prototype，產出 base-mockup.
c-2). 前端根據 base-prototype 和 base-mockup 產出 app-dpl（該項目的 DPL）。
c-3). 交互繼續具體頁面的 page-prototype 產出工作。
以上三步是並行和迭代進行的。
d-1). 視覺根據 page-prototype 產出 page-mockup.
d-2). 前端根據 page-mockup 產出 page-demo.
以上兩步迭代進行。
流程的核心是迭代、是敏捷、是短周期。
最重要的一步是 base-prototype 的產出。交互要避免一個頁面一個頁面的產出順序，而應該先有一個統攬全局、拎取通用部分的步驟。
以上流程可以簡述為：sys -> app -> page. app 層的抽取很重要，可以提高團隊的開發效率和協作程度，讓團隊更融合、更高效。
感覺 LSM 強調的是前端工程師實現 demo 時的微流程。告訴我們做一個頁面時，需要 html 整體 -> 局部模塊的 css/js, 逐層開發，先整體後局部，先框架後細節。這是非常好的最佳實踐。
⑶ 什麼叫前端
Web前端是互聯網時代軟體產品研發中不可缺少的角色。從廣義上來講，所有用戶終端產品與視覺和交互有關的部分，都屬於前端工程師的專業領域。
從狹義上講，Web前端就是使用HTML、CSS、JavaScript等專業技能和工具將產品的UI設計稿實現成網站產品，涵蓋用戶PC端、移動端等網頁，處理視覺和交互問題。
在Web前端這個崗位興起之前，html+css的工作是被視覺人員所承擔的，而js這部分則是由後端完成的。隨著智能手機和移動互聯網的普及，PC端、手機端等五花八門的應用佔領著每個人的手機，隨之而來各種定製化的UI風格讓兼容問題變得越來越頭疼。因此，有企業開始把html+css+js這部分工作獨立出來，由一個新的崗位來處理，成為了一個處理視覺和交互的綜合崗位，這才有了Web前端這個崗位的出現。
因此，Web前端開發行業是伴隨Web興起而細分出來的行業。實際上，Web前端是最接近產品和設計的工程師，起到銜接產品和技術的作用，它存在在互聯網的每個角落，我們使用的微信裡面的各種功能、小程序等都離不開web前端技術。
⑷ web前端開發的標准
Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程序（也就是瀏覽器端）的開發，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。
需要掌握的基本技術：
對常用的一些JS框架了解，如jQuery、YUI等。
掌握最基本的JavaScript計算方法編寫。
對目前互聯網流行的網頁製作方法（Web2.0）HTML+CSS，以及各大瀏覽器兼容性有很大的了解。
對前沿技術（HTML5+CSS3）的基本掌握。
還要對IT其他編程語言有所了解如：PHP，Java，.net！有一些公司還要求懂一點SEO優化！
⑸ 如何判斷提取出的ES流是真正的裸流
這個問題已經解決了！首先說一下，我提取出來的流不知道是不是完整的ES流，也即所謂的標准裸流，因為當時用VLC播放不了，所以我自己也不敢確定，怕自己提取的數據不完整什麼的。除了版主提供的播放工具，再告訴大家一個方法，那就是用vlc-0.8.6i-win32這個版本的VLC，如果可以播放，就是純正的裸流！注意，最新版本的VLC是不能播放264文件的！
⑹ 當前流行的前端技術有哪些
Web前端的三大的核心技術是HTML、CSS、JavaScript。
HTML(5)
是一門標記型語言，主要由一些具備特殊含義的標簽構成（建築物結構）
所謂HTML是「超文本標記語言」的英文縮寫。我們上網所看到網頁，多數都是由HTML寫成的。「超文本」是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。而「標記」指的是這些超文本必須由包含屬性的開頭與結尾標志來標記。瀏覽器通過解碼HTML，就可以把網頁內容顯示出來，它也構成了互聯網興起的基礎
CSS(3)
是一門描述性語言，主要一系列選擇器(html元素)和屬性構成(建築的外部與內部裝飾)
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標准通用標記語言的一個應用）或XML（標准通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化
JavaScript
是一門腳本編程語言，包含類似java的語法(數據類型，數組，條件分支，循環，對象..)(對外運營)
是一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。
⑺ web前端a標簽、span標簽、p標簽、h標簽有什麼區別
在html標准文檔流裡面，
1.
a，span標簽屬於行內元素，p，h標簽屬於塊級元素
2.
a標簽中的內容是頁面鏈接形式，span標簽往往是純文本，p標簽中可包含多個span標簽文本，h標簽內也主要是文本（在seo優化當中，h標簽往往具有較高權重）
⑻ 什麼是web前端開發標准
對於前端，官方的定義是網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。用自己的話來說，前端是網頁給訪問網站的人看的內容和頁面，那前端開發顧名思義就是這些內容和頁面中代碼的實現。
現在的前端開發使得現代網頁更加美觀，交互效果顯著，功能更加強大。所以現在的前端開發，運用到的知識面更加廣泛，難度也更大。前端開發目前市場需求還是很大的，而且相對來講比較容易，很適合學習。需要學習的內容也不少，我有全套web前端視頻課資料可以發給你自學。
學習內容包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
