这不是我认识的 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框架。
6169 1
架构师第一课,一文带你玩转 ruoyi 架构
|
3天前
|
机器学习/深度学习 人工智能 算法
解密巴黎奥运会中的阿里云AI技术
2024年巴黎奥运会圆满结束,中国代表团金牌数与美国并列第一,展现了卓越实力。阿里云作为官方云服务合作伙伴,通过先进的AI技术深度融入奥运的各项环节,实现了大规模的云上转播,超越传统卫星转播,为全球观众提供流畅、高清的观赛体验。其中,“子弹时间”回放技术在多个场馆的应用,让观众享受到了电影般的多角度精彩瞬间。此外,8K超高清直播、AI智能解说和通义APP等创新,极大地提升了赛事观赏性和互动性。能耗宝(Energy Expert)的部署则助力实现了赛事的可持续发展目标。巴黎奥运会的成功举办标志着体育赛事正式进入AI时代,开启了体育与科技融合的新篇章。
解密巴黎奥运会中的阿里云AI技术
|
10天前
|
开发框架 自然语言处理 API
基于RAG搭建企业级知识库在线问答
本文介绍如何使用搜索开发工作台快速搭建基于RAG开发链路的知识库问答应用。
7596 16
|
17天前
|
弹性计算 关系型数据库 Serverless
函数计算驱动多媒体文件处理:高效、稳定与成本优化实践
本次测评的解决方案《告别资源瓶颈,函数计算驱动多媒体文件处理》展示了如何利用阿里云函数计算高效处理多媒体文件。文档结构清晰、内容详实,适合新客户参考。方案提供了一键部署与手动部署两种方式,前者简便快捷,后者灵活性高但步骤较多。通过部署,用户可体验到基于函数计算的文件处理服务,显著提升处理效率和系统稳定性。此外,测评还对比了应用内处理文件与函数计算处理文件的不同,突出了函数计算在资源管理和成本控制方面的优势。
22674 19
|
11天前
|
SQL 分布式计算 数据库
畅捷通基于Flink的实时数仓落地实践
本文整理自畅捷通总架构师、阿里云MVP专家郑芸老师在 Flink Forward Asia 2023 中闭门会上的分享。
8198 14
畅捷通基于Flink的实时数仓落地实践
|
18天前
|
机器学习/深度学习 存储 人工智能
提升深度学习性能的利器—全面解析PAI-TorchAcc的优化技术与应用场景
在当今深度学习的快速发展中,模型训练和推理的效率变得尤为重要。为了应对计算需求不断增长的挑战,AI加速引擎应运而生。其中,PAI-TorchAcc作为一个新兴的加速引擎,旨在提升PyTorch框架下的计算性能。本文将详细介绍PAI-TorchAcc的基本概念、主要特性,并通过代码实例展示其性能优势。
17693 147
|
11天前
|
前端开发 Java Go
关于智能编码助手【通义灵码】,开发者们这么说...
现在通过体验活动首次完成通义灵码免费下载及使用的新用户,即可获得限量定制帆布包 1 个;分享体验截图到活动页面,还可参与抽奖活动,iPhone15 手机、机械键盘、智能手环等大奖等你拿!
7158 11
|
13天前
|
人工智能 JSON Serverless
【AI 冰封挑战】搭档函数计算,“冰”封你的夏日记忆
夏日炎炎,别让高温打败你的创意,立即体验 ComfyUI 自制冰冻滤镜!无需繁琐的后期技巧,三步开启一段清凉无比的视觉探险。参与实验并上传作品即可获得运动无线蓝牙耳机,限量 800 个,先到先得!
8249 11
|
19天前
|
人工智能 运维 Cloud Native
实战基于阿里云的AIGC在运维领域的探索
传统运维模式已难以应对日益复杂的海量数据和业务需求,效率低下,故障难解。而人工智能的崛起,特别是AIGC技术的出现,为运维领域带来了新的机遇。AIGC能够自动生成运维脚本、分析海量数据,预测潜在故障,甚至提供解决方案,为运维工作注入智能化力量,推动运维向更高效、更智能的方向发展。
16242 18
实战基于阿里云的AIGC在运维领域的探索
|
20天前
|
机器学习/深度学习 自然语言处理 算法
未来语音交互新纪元:FunAudioLLM技术揭秘与深度评测
人类自古以来便致力于研究自身并尝试模仿,早在2000多年前的《列子·汤问》中,便记载了巧匠们创造出能言善舞的类人机器人的传说。
11485 112