前端开发必备之MDN文档

想下载MDN文档的看前面的内容就可以了。

HTML 源码下载

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

校验信息

1. 文件: developer.mozilla.org.tar.gz
2. 大小: 2106953996 字节
3. 修改时间: 2016年4月5日, 17:02:54
4. MD5: 108E98A3312F6B387B78C746144246D3
5. SHA1: DEE968F56660EF2AC21EF08A673AFC403C329D81
6. 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改成下面的内容

1. server {
2. listen       8080;
3. server_name  0.0.0.0;
4. #封IP文件blocksip.conf
5. include blocksip.conf;
6. location / {
7. root   html;
8. index  index.html index.htm;
9. }
10. error_page   500 502 503 504  /50x.html;
11. location = /50x.html {
12. root   html;
13. }
14. location /MDN/ {
15. root   html;
16. #url重写,自动添加html后缀
17. if (-e $request_filename.html ) {
18. rewrite ^(.*)$ $1.html break;
19. }
20. }
21. }

端口号是8080，监听所有IP，由于总是有人闲着没事扫代理扫后台路径，所以加了个blocksip.conf专门用来封IP，其次是location /MDN/目录，这个就是在默认的html目录下新建一个名为MDN的文件夹，然后把你的东西解压到里面就可以了。后面if写了一个重写规则，方便没有写.html后缀的时候能够重定向到有html后缀的文件上去，为了和mozilla的网址对应。

blocksip.conf文件内容

1. #使用路径猜测扫描的"GET /discuz HTTP/1.1" 404 168 "-" "libwww-perl/6.05"
2. #113.142.38.10
3. #111.161.48.138
4. #113.142.24.15
5. deny 113.142.38.10;
6. deny 111.161.48.138;
7. deny 113.142.24.15;
8. #使用代理检测的http://best-proxies.ru/azenv.php?
9. #5.178.86.74
10. #5.178.86.76
11. #95.25.167.148
12. #95.213.187.187
13. #5.178.86.78
14. #95.213.187.189
15. deny 5.178.86.74;
16. deny 5.178.86.76;
17. deny 95.25.167.148;
18. deny 95.213.187.187;
19. deny 5.178.86.78;
20. deny 95.213.187.189;
21. #使用代理检测的 http://testp1.piwo.pila.pl/testproxy.php
22. #185.25.151.159
23. #37.233.101.128
24. #185.25.148.240
25. deny 185.25.151.159;
26. deny 37.233.101.128;
27. deny 185.25.148.240;
28. #使用代理检测的 http://www.messedupshit.com/judgeme/azenv.php
29. #184.75.223.219
30. deny 184.75.223.219;
31. #构造异常字符串访问的\x16\x03\x01\x00\xAE\x01\x00\x00\xAA\x03\x01W\x09>
32. #123.151.43.65
33. #139.196.16.191
34. #101.226.103.146
35. deny 123.151.43.65;
36. deny 139.196.16.191;
37. deny 101.226.103.146;
38. #SOCKS代理请求头CONNECT smtp.mail.yahoo.com:25 HTTP/1.0
39. #114.43.1.240
40. #111.248.99.235
41. #61.228.94.168
42. #118.161.71.108
43. deny 114.43.1.240;
44. deny 111.248.99.235;
45. deny 61.228.94.168;
46. deny 118.161.71.108;
47. #构造OPTIONS请求头OPTIONS * HTTP/1.1
48. #103.249.107.46
49. deny 103.249.107.46;
50. #构造其他网站的主机头GET http://www.baidu.com/ HTTP/1.1
51. #123.151.42.61
52. #106.185.47.161
53. #115.239.228.202
54. #172.82.166.210
55. #120.132.50.135
56. #61.157.96.193
57. #213.246.45.128
58. #66.240.219.146
59. deny 123.151.42.61;
60. deny 106.185.47.161;
61. deny 115.239.228.202;
62. deny 172.82.166.210;
63. deny 120.132.50.135;
64. deny 61.157.96.193;
65. deny 213.246.45.128;
66. deny 66.240.219.146;
67. #test
68. #deny 127.0.0.1;

加入上述列表的IP访问我的镜像站时会出现403Forbidden，如果你正常访问遇到这个问题，请在评论区留言。部分IP参考东北大学网络威胁黑名单系统逐渐加入。

附：东北大学网络威胁黑名单系统，http://antivirus.neu.edu.cn/scan/