这不是我认识的 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 」,你觉得怎么样?在评论区留下你的看法!

相关文章
|
程序员 C语言 开发者
int main() 作用详解
int main() 作用详解
898 0
|
SQL 分布式计算 搜索推荐
【推荐系统】推荐业务架构介绍(一)
【推荐系统】推荐业务架构介绍(一)
403 0
|
Web App开发 缓存 JavaScript
Node.js安装教程(图文版)
Node.js安装教程(图文版)
1708 0
Node.js安装教程(图文版)
|
开发工具 git
Git - Smart Checkout、Force Checkout 区别
Git - Smart Checkout、Force Checkout 区别
1929 0
Git - Smart Checkout、Force Checkout 区别
|
4月前
|
存储 监控 安全
攻击者是如何利用安全支持提供程序(SSP)来转储凭据的
本文探讨了攻击者如何利用安全支持提供程序(SSP)动态链接库(DLL)窃取Windows系统中的登录凭据。通过修改注册表项或内存注入技术,攻击者可加载恶意SSP至本地安全机构(LSA)进程中,提取加密或明文密码。文章详细分析了两种方法:注册SSP DLL和内存中更新SSP,并展示了Mimikatz工具的应用。为防范此类攻击,建议使用监控解决方案检测域控制器上的异常修改,确保系统安全。
144 8
|
小程序 前端开发
微信综合购物商城小程序ui模板源码
微信电商小程序前端页面,综合购物商城ui界面模板。主要功能包含:电商主页、商品分类、购物车、购物车结算、我的个人中心管理、礼券、签到、新人专享、专栏、商品详情页、我的订单、我的余额、我的积分、我的收藏、我的地址、我的礼券等。这是一款非常齐全的电商小程序前端模板。
415 4
|
10月前
|
存储 缓存 负载均衡
Elasticsearch 可扩展性
【11月更文挑战第1天】
116 6
|
12月前
|
算法 程序员 Python
程序员必看!Python复杂度分析全攻略,让你的算法设计既快又省内存!
在编程领域,Python以简洁的语法和强大的库支持成为众多程序员的首选语言。然而,性能优化仍是挑战。本文将带你深入了解Python算法的复杂度分析,从时间与空间复杂度入手,分享四大最佳实践:选择合适算法、优化实现、利用Python特性减少空间消耗及定期评估调整,助你写出高效且节省内存的代码,轻松应对各种编程挑战。
257 1
|
存储 搜索推荐 Linux
CDN服务器真实地址
Discover CDN server real IP addresses using Traceroute & Whois, CDN provider logs (with provider cooperation), analyzing HTTP headers, online tools, or the ping command. Note that CDN
630 0
|
JavaScript Ubuntu jenkins
Jenkins详细安装配置部署
Jenkins是一款流行的开源持续集成/持续交付(CI/CD)工具,可以实现自动化构建、测试和部署软件。下面是Jenkins的详细安装、配置和部署过程。
1225 0

热门文章

最新文章