瀏覽器前端是什麼?

General 更新 2024-12-22

web前端主要兼容哪些瀏覽器

一、瀏覽器的佔有率：

ie6 - 30.23%ie7 - 4.8%ie8 - 30.6%ie9 < 1%chrome - 13.99%firefox - 7.17%safari ~ 5%其他 ~ 8%

從數據上可以看出chrome + firefox + safari + ie9是高端瀏覽器，ie8勉強算準高端吧。這樣這部分佔有率約57%(如果加上其他webkit內核的瀏覽器會更高一些) 已經大於ie6 + ie7，但是IE6兼容性還是要解決。

二、web前端主要這些兼容瀏覽器：

1，firefox是開源的瀏覽器內核，插件很齊全，是代碼人員的愛寵。

2、IE瀏覽器，要在Windows中開發適合自己的瀏覽器，很多人都在用。

前端開發目前需要測試的瀏覽器有哪些?

總結一句話就是：ie系列要的測試和支持w3c標準系列瀏覽器。

ie6依現在的市場完全可以不去測試了，已經不在10%了，而且10%裡面有很多是開發人員在用。所以你完全只要支持ie7以上版本即可，具體你可以看下蝦米站長文章內容。

w3c標準的瀏覽器比較多，比如FF,SF，chrome，opers等，因為這些瀏覽器都有一個共同點,都比較靠近w3c標準，像html5+css3這些都支持得很好，ie也只有9以上支持比較全點。

做前端如何考慮瀏覽器兼容性？？ 5分

IE6/IE7對FE當然很不友好，但專業的FE決不應該因為這兩個瀏覽器難處理就不處理了。假如用戶需要，我的目標是在力所能及的情況下為用戶提供最好的前端展現。兼容性的問題從來都不只是IE6/7的問題，各個手機、瀏覽器、版本的兼容性同樣有各種各樣的問題，比IE奇葩多了。

我的經驗是，每遇到一個坑爹問題，做這麼幾件事：

確認觸發場景，什麼瀏覽器、版本、什麼情況下會出現這個問題，做到穩定復現；

找到問題原因，為什麼會出現這樣的問題（網上搜、自己琢磨甚至郵件問相應公司開發者等等都是可行的）；

確定解決辦法，

有沒有什麼框架級的解決辦法，總之是定規範，避免類似問題；

比如不使用某些屬性；

用某種佈局方法規避一些問題等等；

有沒有什麼臨時的辦法可以快速繞過去？不是每次都有時間搞框架級的辦法來著。

怎麼hack過去

把這些都積累起來，就會有用處。

不要想著IE6、7沒了就不用考慮瀏覽器兼容性問題，chrome/firefox、 webkit的各種版本，手機的各種瀏覽器、各種終端都要處理更多瀏覽器兼容性問題，恩，對，偶爾還有flash來著。

兼容各種終端、兼容各種分辨率、兼容瀏覽器都是兼容性問題，這是FE的命，得認。抱著讓用戶有最好體驗的想法去做，收穫更大。

什麼叫瀏覽器端 ?

瀏覽器端就是瀏覽器的總稱,瀏覽器是用戶訪問網站的媒介,只有通過瀏覽器才能訪問WWW網站,能訪問WWW償站的工具都可以統稱為瀏覽器。

上面所指的腳本是指JS/vbscript腳本，現在絕大多數瀏覽器都支持這兩種腳本。這兩種腳本可以跟服務器端交互獲取信息。

html5和前端有什麼區別？

這就好比是線性代數和數學之間的區別一樣。就是說在web前端知識體系裡有HTML5這個知識點要學習。另外還包括其他的知識點如下圖：

——ITJOB

前端處理瀏覽器兼容性問題之外還有哪些

感覺可以劃分為兩個問題吧:

1.因為標準在提升,老舊的瀏覽器可能不支持html5和css3,導致兼容性問題。解決方式:考慮業務支持環境,儘可能的以最低版本瀏覽器進行Bug測試。

2.瀏覽器內核差異,最值得吐槽的是IE瀏覽器和別的很多瀏覽器都不一樣,舉個例子:

點一下

點兩下

在IE下需要點擊"點兩下",在firefox下需要點擊"點一下"

因為內核不同,一些內置對象的屬性名稱是不一致的,所以相同的js腳本可能在firefox下可用,而在IE下就不能用。

js腳本屏蔽瀏覽器差異最簡單有效的方式:使用jquery。

因為jquery內部已經實現了屏蔽瀏覽器差異,所以多數情況下是不會遇到這樣問題的（再有問題就個別對待,或自己寫一個屏蔽差異的方法）

網頁前端製作和後端製作的區別

前端 - 通常是針對瀏覽器而開發的，是在瀏覽器端運行的程序，而後端 - 針對的是服務器，準確的來說應該是服務器端開發。前端開發偏向於用戶體驗，比較直觀，服務器端開發偏向於性能。兩者結合起來，是比較吃香的，可以稱之為Web開發，偏向於編程。而PS，可以看成是視覺設計方面的職能。

工資的話很難說，一般是服務器端開發高點。另外還要看公司，如果一個公司重視前端開發，那麼這個崗位的待遇不會比服務器端開發的人低。

面試前端，面試官問你怎麼解決瀏覽器兼容性問題，你應該怎麼回答？？

不同瀏覽器對HTML標記所具有的內外邊距屬性具有不同的定義。

因此如果想消除這種差距，應該在相應的CSS部分加入以下CSS代碼：

*{margin:0px;padding:0px;}

借於此，所有標記的內外邊距被統一起來。

優先級問題：

對於同一標記屬性所給定的值，有不同的優先級。其中優先級最高的是內聯代碼，其實是頁內CSS，接下來是瀏覽器默認設置，最後才是外部CSS所做的限制。

Margin不一致的問題：

當有多張圖片需要排在一行時，我們通常使用“Float：Left”來實現，這樣一來，瀏覽器就存在兼容性問題。導致圖片與後面的內容存在margin不一致的問題。對此一種解決方法就是給圖片添加“Display：inline”項即可。

DIV居中問題：

通常我們會利用“vertical-align:middle”來實現，這對於搜狗瀏覽器來說，是正常的，但是對於IE瀏覽器來說，卻並沒有效果。對此，一種較好的解決方法是：將文字的行高設置與DIV一樣時即可解決問題。

內外邊框合併問題。通常情況下，對於兩個相關DIV塊，相鄰時採用外邊距合併原則，其結果只最兩個DIV塊中Margin最大值做為兩個DIV之間的間距。包含的兩個DIV之間的間距也遵行同樣的規則。

掌握了這一規則，在利用DIV塊進行佈局時我們就可以做的更加得心應手。

前端web主要是做些什麼事？

Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程序（也就是瀏覽器端）的開發，開發JavaScript以及Flash模塊，同時結合後臺開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。

web 瀏覽器緩存需要前端設置麼

緩存的概念

緩存這個東西真的是無處不在，有瀏覽器端的緩存，有服務器端的緩存，有代理服務器的緩存，有ASP.NET頁面緩存，對象緩存。數據庫也有緩存，等等。

http中具有緩存功能的是瀏覽器緩存，以及緩存代理服務器。

http緩存的是指:當Web請求抵達緩存時，如果本地有“已緩存的”副本，就可以從本地存儲設備而不是從原始服務器中提取這個文檔。

緩存的好處

緩存的好處是顯而易見的，好處有，

1. 減少了冗餘的數據傳輸，節省了網費。

2. 減少了服務器的負擔，大大提高了網站的性能

3. 加快了客戶端加載網頁的速度

Fiddler可以方便地查看緩存的header

Fiddler中把header都分門別類的放在一起，這樣方便查看。

HTTP緩存是如何實現

如何判斷緩存新鮮度

Web服務器通過2種方式來判斷瀏覽器緩存是否是最新的。

第一種，瀏覽器把緩存文件的最後修改時間通過 header ”If-Modified-Since“來告訴Web服務器。

第二種，瀏覽器把緩存文件的ETag, 通過header "If-None-Match", 來告訴Web服務器。

通過最後修改時間, 來判斷緩存新鮮度

1. 瀏覽器客戶端想請求一個文檔，首先檢查本地緩存，發現存在這個文檔的緩存，獲取緩存中文檔的最後修改時間，通過： If-Modified-Since，發送Request給Web服務器。

2. Web服務器收到Request，將服務器的文檔修改時間（Last-Modified）: 跟request header 中的，If-Modified-Since相比較，如果時間是一樣的，說明緩存還是最新的， Web服務器將發送304 Not Modified給瀏覽器客戶端，告訴客戶端直接使用緩存裡的版本。