前端開發必備之MDN文檔

看了篇文章，感覺挺好，轉了

原地址：http://blog.csdn.net/gsls200808/article/details/51065139

想下載MDN文檔的看前面的內容就可以了。

MDN官方下載地址：https://developer.mozilla.org/media/developer.mozilla.org.tar.gz

360雲盤分流地址：https://yunpan.cn/cqB59EAGiPNy2  訪問密碼 0a15

用MDN文檔制作的臨時鏡像站點：http://115.159.125.217:8080/MDN/en-US/docs/Web.1.html

校驗信息

 

[plain]  view plain  copy

 

文件: developer.mozilla.org.tar.gz  
大小: 2106953996 字節  
修改時間: 2016年4月5日, 17:02:54  
MD5: 108E98A3312F6B387B78C746144246D3  
SHA1: DEE968F56660EF2AC21EF08A673AFC403C329D81  
CRC32: B6B40C04  

 

后面的是介紹。

 

學前端，查文檔是免不了的，一般來說遇到不認識的標簽都會直接放百度去搜，不出意外的話w3school總是會出現在結果中

這個網站實際上挺適合初學者查這些的，但是不能把這個網站的東西當作權威，也不要誤以為這是w3c的官網。否則有可能掉坑里。

W3C官網的地址是：http://www.w3.org

關於w3school，還有另外一個w3school 菜鳥教程，這兩個都不是官方的，是國內的兩撥人建立的。

這兩個網站的API並不詳細。如果要查詳細的API，建議查兩個地方的

一個是w3c標准，網址是：https://www.w3.org/standards/

可能有很多人無法訪問這個網站，放兩張圖

還有一個是mozilla開發者網站的MDN文檔，網址是：https://developer.mozilla.org/en-US/docs/Web

這個網站打開比較慢，所以需要有耐心。

不過比較方便的是，官方提供了離線的文檔給我們，官方稱它為離線MDN，在關於MDN的頁面可以看到：https://developer.mozilla.org/en-US/docs/MDN/About

點擊那個a full tarball mirror of MDN就可以下載了。網頁上顯示的大小是1.3G，實際大小是1.96G

解壓完大概占用13個G，4GB內存的電腦用winrar解壓了一個小時多點。中間還報了兩個錯，原因是同名大小寫的文件在windows下認為是同一個文件，影響小部分網頁，建議在Linux下使用tar -zxvf developer.mozilla.org.tar.gz進行解壓。

補充：CSDN上有個MDN的2008年的離線文檔，那時候官方還沒有出離線版本。下載地址：http://download.csdn.net/download/moritika/626625

簡單看一下mozilla開發者網站和國內w3school網站的幾個標簽就能看出差距在哪了

<input type="date">標簽文檔對比

w3school：http://www.w3school.com.cn/jsref/dom_obj_date.asp

mozilla：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

w3c：https://www.w3.org/TR/html-markup/input.date.html

w3school英文版(國內的.cn就是仿這個網站的)：http://www.w3schools.com/html/html_form_input_types.asp

附：鏡像搭建的配置文件

上面的臨時鏡像是在nginx下搭建的。

nginx.conf的server改成下面的內容

 

server {
    listen       8080;
    server_name  0.0.0.0;

    #封IP文件blocksip.conf
    include blocksip.conf;

    location / {
        root   html;
        index  index.html index.htm;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
    location /MDN/ {
        root   html;
        #url重寫,自動添加html后綴
        if (-e $request_filename.html ) {
            rewrite ^(.*)$ $1.html break;
        }

    }
}

端口號是8080，監聽所有IP，由於總是有人閑着沒事掃代理掃后台路徑，所以加了個blocksip.conf專門用來封IP，其次是location /MDN/目錄，這個就是在默認的html目錄下新建一個名為MDN的文件夾，然后把你的東西解壓到里面就可以了。后面if寫了一個重寫規則，方便沒有寫.html后綴的時候能夠重定向到有html后綴的文件上去，為了和mozilla的網址對應。

 

blocksip.conf文件內容

 

#使用路徑猜測掃描的"GET /discuz HTTP/1.1" 404 168 "-" "libwww-perl/6.05"
#113.142.38.10
#111.161.48.138
#113.142.24.15
deny 113.142.38.10;
deny 111.161.48.138;
deny 113.142.24.15;

#使用代理檢測的http://best-proxies.ru/azenv.php?
#5.178.86.74
#5.178.86.76
#95.25.167.148
#95.213.187.187
#5.178.86.78
#95.213.187.189
deny 5.178.86.74;
deny 5.178.86.76;
deny 95.25.167.148;
deny 95.213.187.187;
deny 5.178.86.78;
deny 95.213.187.189;

#使用代理檢測的 http://testp1.piwo.pila.pl/testproxy.php
#185.25.151.159
#37.233.101.128
#185.25.148.240
deny 185.25.151.159;
deny 37.233.101.128;
deny 185.25.148.240;

#使用代理檢測的 http://www.messedupshit.com/judgeme/azenv.php
#184.75.223.219
deny 184.75.223.219;

#構造異常字符串訪問的\x16\x03\x01\x00\xAE\x01\x00\x00\xAA\x03\x01W\x09>
#123.151.43.65
#139.196.16.191
#101.226.103.146
deny 123.151.43.65;
deny 139.196.16.191;
deny 101.226.103.146;

#SOCKS代理請求頭CONNECT smtp.mail.yahoo.com:25 HTTP/1.0
#114.43.1.240
#111.248.99.235
#61.228.94.168
#118.161.71.108
deny 114.43.1.240;
deny 111.248.99.235;
deny 61.228.94.168;
deny 118.161.71.108;

#構造OPTIONS請求頭OPTIONS * HTTP/1.1
#103.249.107.46
deny 103.249.107.46;

#構造其他網站的主機頭GET http://www.baidu.com/ HTTP/1.1
#123.151.42.61
#106.185.47.161
#115.239.228.202
#172.82.166.210
#120.132.50.135
#61.157.96.193
#213.246.45.128
#66.240.219.146
deny 123.151.42.61;
deny 106.185.47.161;
deny 115.239.228.202;
deny 172.82.166.210;
deny 120.132.50.135;
deny 61.157.96.193;
deny 213.246.45.128;
deny 66.240.219.146;

#test
#deny 127.0.0.1;

加入上述列表的IP訪問我的鏡像站時會出現403Forbidden，如果你正常訪問遇到這個問題，請在評論區留言。部分IP參考東北大學網絡威脅黑名單系統逐漸加入。

 

附：東北大學網絡威脅黑名單系統，http://antivirus.neu.edu.cn/scan/