这不是我认识的 MDN 吧?

简介: 大家好,我是零一,2022年3月1日我在查资料时,意外发现 MDN 竟然大变样了!这还是我认识的MDN吗?

首页


一个网站打开,我一般第一眼会看它左上角的Logo,MDN也从原来的狗头(是狗头吗?),换成了现在的字母Logo,据说这也是请了设计师的,而且最终选用的这个Logo还是由网友从官方提供的8个方案中投票筛选出来的!


2a2e2d6a536cff1836aa81b5efd4051e.png


6c6440509b1d789de102426247deb66e.png


你觉得这个Logo值多少钱(手动狗头)


从首页看下来,原本在右上角的搜索功能,现在放到了网站的中央作为核心功能,这也确实是我们平时用的最多的功能


再往下是一个叫 Featured Articles 的模块,主要就是向我们展示最近新特性或阅读量较大的文章(值得关注一下)


最后展示了最新的 Contributor 在 Github 上的贡献内容


ecece7d3077f136032348e116ec092b9.png


细心的你还能发现,右上角多了一个切换主题的 button


12457ae707252c23b39b41305a5c9dbc.jpg


文章


再到具体的文档里看看,现在的三栏布局:


  • 左侧是跟你当前阅读内容强相关的 Reference Link


  • 中间是你阅读的文档信息,不得不提一下这点,文档内容的样式比以前好看太多了


  • 右侧是你当前阅读内容的目录,它会一直悬浮在那,点击即可跳转


image.png


兼容性


以前对于每个特性的兼容性,MDN是列的非常详细,针对到每个属性在每个浏览器的某些版本上是否支持,


202c8d4fc538e474e86b77bba94bb5c5.png


其实我觉得这个还挺不错的,稍微看一眼就能知道版本的支持情况,不过对于大部分人来说,其实那个版本数字没什么作用,因为你根本不会注意这些。所以MDN官方就移除了浏览器版本这个维度,从大局观的角度来看该属性在每个浏览器上是否支持,我觉得也是合理的


58768b53e66b99fd4cd160b245e38abf.png


现在如果你真的要去查看非常详细的浏览器版本维度的属性支持情况,还是建议去 can i use 上看看,或者你亲手去实践检验一下


国际化


原先的MDN的语言切换按钮就在每篇文章的最底部,我一直觉得这个设计很不好,我刚进来是英文,我要是想看中文,我得先从头滑到底才能切换,这不是浪费时间么!


肯定是被很多人吐槽了,这次的新版文档,语言切换的按钮放到了右上角


e70bb3c0d0e959e7a863ca5b3dfc2a7c.png


对于 「新版的MDN 」,你觉得怎么样?在评论区留下你的看法!

相关文章
|
SQL 监控 NoSQL
架构师第一课,一文带你玩转 ruoyi 架构
我理解的架构/框架应该有以下功能: 1.满足日常开发功能,如单点登陆、消息队列、监控等; 2.规范开发者的开发,指定代码格式、注释等; 3.提高开发效率,提供一系列的封装方法,并减少bug的产生率。 下文将详细介绍ruoyi框架。
7054 1
架构师第一课,一文带你玩转 ruoyi 架构
|
Docker 容器 数据格式
Docker 修改镜像源地址
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34173549/article/details/80417198 我的Docker 版本为 1.
38434 0
|
2月前
|
Cloud Native 安全 云计算
云原生技术在现代企业中的应用与挑战
本文探讨了云原生技术在现代企业中的重要性及其应用,并分析了企业在实施过程中面临的主要挑战。通过案例分析,本文展示了如何利用云原生技术提高企业的敏捷性和弹性,同时提出了相应的解决方案和建议。
|
Docker 容器
Docker必备国内镜像
Docker必备国内镜像
12556 0
|
开发工具 git
git clone 含有子模块的项目
git clone 含有子模块的项目
758 0
|
存储 安全 物联网
Intel 的 SGX 技术小知识
Intel 的 SGX 技术小知识
1039 0
|
C++ Python
Python实现卡方检验和相关性分析
Python实现卡方检验和相关性分析
1092 0
Python实现卡方检验和相关性分析
|
存储 关系型数据库 数据库
第五课|学习笔记
快速学习第五课
231 0
第五课|学习笔记
|
程序员
手速最快的是电竞选手?错了,是程序员
手速最快的是电竞选手?错了,是程序员
142 0
手速最快的是电竞选手?错了,是程序员
|
SQL 存储 缓存
云原生之数据库:《数据库最佳实践_问题诊断》
开发者经常会遇到些数据库的问题,觉得无从下手,这严重影响了开发效率,也影响了开发者对数据库的热情。如何避免这样的窘境,如何降低数据库使用门槛以及运维的成本,如何在较短的时间内用云数据库的技术和理念来武装自己,提升自己。本次课程将由阿里云高级数据库专家郑旦通过实际的场景以及最佳实践出发,带给大家一些数据库问题的通用解决思路和方法,大家会发现数据库不再是一个黑盒,相反它看得见,摸得着,也能够轻松玩得转。
900 0
云原生之数据库:《数据库最佳实践_问题诊断》