微软商店网页版换新颜，拥抱现代化的 Web 组件
source link: https://www.51cto.com/article/768782.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
微软商店网页版换新颜，拥抱现代化的 Web 组件
10 月 7 日消息，微软商店（Microsoft Store）应用是 Windows 平台上的一个重要组成部分，可以让用户轻松地下载和管理各种应用程序和游戏。去年，微软对微软商店应用进行了全面的改造，使其变得更加美观、流畅和易用。最近，微软又悄悄地推出了新的微软商店网页版。
IT之家注意到，新的微软商店网页版采用了多种流行的网页技术构建，具有更高的性能和兼容性。微软商店网页开发团队的 Judah Gabriel 介绍了以下几个主要的技术组件：
- Lit：一个轻量级的 JavaScript 库，用于创建高效的 Web 组件。
- Vite JS：一个基于 ESM 的快速开发服务器和构建工具。
- Shoelace：一个面向现代浏览器的 Web 组件库，提供了一系列常用的 UI 元素。
- PWA builder’s template：一个用于创建渐进式 Web 应用（PWA）的模板，可以让网页应用像原生应用一样运行。
- App Tools router：一个基于 Lit 的路由器组件，用于管理网页应用中不同页面之间的跳转。
在后端，微软使用了带有 C# 代码的 ASP.NET 服务器，而旧的微软商店网页版使用了基于过时的 UI 框架构建的 React 代码库。
Judah Gabriel 表示：“我们希望提供一个全新的用户体验，一个经过精心设计的界面，更容易发现新的应用程序，以及现代化的网页技术栈。”
Recommend
-
66
分享创造 - @jkjoke - ## LESS IS MORE如果你追求更“轻”的体验，欢迎试用本主题在之前的版本上做了一些修改（强迫症）## Code```css @import ur
-
6
终于换新颜：新版网站首页发布上线 有一首歌叫终于等到你，有一个网站改版被自嘲为终于...
-
5
宠物商店运行npm run dev 指令后网页无法完全显示 宠物商店运行npm run dev 指令后网页无法完全显示 ...
-
5
海南琼中：乡村学校展新颜引大批学生“回流”
-
2
-
5
贴吧兴起至今已有19年之久，产品设计仍能强盛不衰，互动设计体验效果是秘诀之一。这篇文章作者以互动体验的角度，从互动系统设计方法、互动设计机会点、应用方法举例三方面讲解创新互动体验设计的方法论。推荐对交互设计、互动体验感兴趣的童鞋阅读。
-
4
移动出行2023：聊以新颜待今朝 松果财经 2023-02-02 0 评论...
-
2
中车时代电气：轨交扛天险，老炮换新颜 • 2023-03-31 1...
-
4
新微软商店网页版：更高性能和兼容性 绿苹果 责任编辑：wangyifei 发布于：2023-10-08 14:43 PConline原创
-
3
内忧外患下做到逆势增长：波司登「老牌焕新颜」 时代在飞速发展，传统品牌要在复杂的市场中生存下...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK