国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

小談網站建設的兼容性

soasme / 2003人閱讀

摘要:本文的兼容性包含了更多的意思,一些和網站開發注意的實際問題。已經快出生十年了,它就是為了解決瀏覽器的兼容性而生的,對于桌面端開發我們還是建議采用這個版本。

本文的兼容性包含了更多的意思,一些和網站開發注意的實際問題。對注重seo的網站幫助更多一些。

關于瀏覽器

現在的前端開發已經開始放棄兼容ie6,ie7,并且也在有條件的放棄ie8。像chrome這樣的現代瀏覽器對新特性支持度都很棒,只是在某些新特性上的實現方式并不太統一。

這是百度統計最近六個月的數據,ie6和ie7合起來還是有9.03%,360是被統計到各種內核中了。

而現在需要我們考慮的就是ie瀏覽器了。對于ie6,ie7需要去寫很多hack代碼,非常丑陋并且還要花費大把的時間去調試,然而現在真正使用這兩個瀏覽器的人卻是不多的,與其這樣還不如把精力投入到大部分用戶群體上,為他們提供更好的體驗。

所以是時候放棄兼容他們了,但是我們也不能把使用這兩個瀏覽器的用戶放棄掉,所以我們應該加一些讓他們更新瀏覽器的提示,像下面這樣:



之所以把喜愛的chrome放到后面,是因為既然他們正在使用低版本瀏覽器就并不太會使用chrome,而國產瀏覽器更適合大多數人使用

文檔模式

ie8在win7和XP下的表現也是不同的,因為文檔模式,在舊有的文檔模式下,并不能正確識別HTML5的新標簽。這是最近六個月的操作系統統計數據:

首先在head加文檔模式的選擇,和瀏覽器內核的選擇



而xp系統下的ie8并沒有edge文檔模式,所以這里使用modernizr,它能讓你放心使用HTML5標簽,并且還能檢測瀏覽器的能力,根據不同的能力來實現不同的東西。壓縮版已經足夠小了,這里把它放到頭部。


顯示分辨率

現在屏幕的分辨率也是各種尺寸了,下面是各種分辨率的統計數據:

大屏已經是趨勢了,但是1024*768這個附近應該還有不少,分辨率這個問題我們不能像瀏覽器那樣提示更換顯示器吧,畢竟有不小成本,所以還是要借助代碼來實現響應式,對于比較復雜的網頁實現1200px和1000px就可以了,因為桌面端的網站并不適合手機端,就算你使用響應式,也存在很多其他問題。尤其ie8并不能識別@media語法,所以要借助Respond.js


到這里我們的頭部看起來是這樣的:




    
    
    網站建設
    
    
    
    
    

    
    
    


    
css樣式和Jquery

現在的前端開發已經翻天覆地了,less和sass大行其道,沒有使用小伙伴趕快嘗試吧。css3的新屬性需要寫很多兼容方式,想下面這種寫法應該很煩了吧。

.gradient{
    background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, 
                                 color-stop(0%,#000000), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #000000 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);
}

所以我們要感謝Autoprefixer這樣的工具,這里借助自動化方案結合它使用是很爽的。只要寫標準的方式即可,其他的都交給它吧。

.gradient{
        background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);
}

Jquery已經快出生十年了,它就是為了解決瀏覽器的兼容性而生的,對于桌面端開發我們還是建議采用jquery-1.11.1這個版本。而我們也很清楚它的性能并不高,比原生的js性能最多能差出幾十倍,所以我們也不一定并非要使用它,要根據自己網站的真實用戶統計數據來決定未來的解決方案,不斷的引導自己網站用戶使用更新的瀏覽器,當低端瀏覽器的份額足夠低的時候,就是你可以拋棄jquery的時候了。

網站性能

網站性能其實也能和兼容性搭上個邊,服務器開啟gzip,前端壓縮合并各種靜態資源,一方面減輕了整個網站的大小,同時也能減輕http的請求數量,而這對于性能不夠好的瀏覽器能更好的減輕他們的負擔。

而關于這方面的東西都是需要結合自動化解決方案的,這方面的文章請看fouber老師的個人博客

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/9009.html

相關文章

  • php global 全局變量小談

    摘要:的全局變量看起來很好用,但稍有不慎,很容易被套住。比如如果一個簡單的配置文件如下當我們想要使用這個的時候,都知道使用就行了。沒錯,這樣可以。 php 的全局變量看起來很好用,但稍有不慎,很容易被套住。 比如: 如果一個簡單的php配置文件如下: $name=Yi_Zhi_Yu; 當我們想要使用這個$name的時候,都知道使用include就行了。沒錯,這樣可以。但假如我想把這個$nam...

    Lionad-Morotar 評論0 收藏0
  • #yyds干貨盤點#小談startup類ConfigureServices方法作用

    摘要:依賴注入在應用程序啟動時提供服務。我們可以通過在類的構造方法或方法中包含適當的接口作為參數來請求這些服務。方法只能接受參數,但是可以從這個集合中檢索任何已注冊的服務,因此不需要額外參數。使用在啟動方法中提供需要的任何服務。 這個是我在面試中遇到的一道面試題,記錄下來分享給大家。 簡單說ConfigureServices是配...

    不知名網友 評論0 收藏0
  • python classmethod 與 staticmethod 小談

    摘要:而類的實例并不會影響類的靜態變量,只是會修改對象實例本身的值,所以后面兩個的結果總是同樣,如果我們使用和結果也將僅僅是靜態變量變化后的結果,與類的實例無關以上是對和的暫時做的了解的總結,如有紕漏,請及時指正 概念 python 的classmethod 與staticmethod 這兩個有什么區別? 二者又有什么聯系?在google和baidu之后, 得到的大致的聯系就是二者都是對類的...

    keke 評論0 收藏0
  • workerman / 小談PHP中幾種運行模式

    摘要:話說當下一共有種運行模式,分別是和模塊模式。使用,全稱進程管理器進行管理。工作原理啟動時載入進程管理器進程管理器自身初始化,啟動多個解釋器進程并等待來自的連接當客戶端請求到達時,進程管理器選擇并連接到一個解釋器。 我們知道 workerman 程序需要在php-cli模式下運行,也就是命令行模式,這塊我們有必要了解一下。 話說PHP當下一共有4種運行模式,分別是CGI、FastCGI、...

    darkbaby123 評論0 收藏0
  • 小談日志與其實踐

    摘要:對于日志級別的分類,有以下參考表示需要立即被處理的系統級錯誤。注意日志的切片設置,以免文件過大不方便操作。過期的日志定期清理。 本文首發于泊浮目的專欄:https://segmentfault.com/blog... 前言 前陣子在論壇上看到一個問題,大致的意思就是日志該怎么打?或者說是,我們應該在日志中打印出哪些內容? 看了該問題,筆者真是有所感慨:從實習到現在,從接的外包小項目到...

    lidashuang 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<