经过Adobe工程师多年来的努力，并与Chrome等浏览器供应商密切合作，通过WebAssembly+Emscripten、WebComponents+Lit、ServiceWorkers+Workbox和新的WebAPI的支持，终于在近期推出了Web版Photoshop（photoshop.adobe.com），这在实现高度复杂和图形密集型软件在浏览器中运行方面具有重大意义！ 本文就来看看Photoshop所使用的Web能力、进行的性能优化以及未来可能的发展方向。 愿景：在浏览器中使用Photoshop Adobe的愿景就是将Photoshop带到浏览器中，让更多的用户能够方便地使用它进行...

今天来盘点北京的泛互联网公司。涵盖了综合类、外企类、硬件类、电商类、游戏类、娱乐类、生活类、工具类、人工智能类、金融类、教育类、招聘类、汽车类、外包类、信息化类以及国企央企类等多个领域。 综合类 字节跳动 美团 百度 阿里巴巴 腾讯 网易 外企类 微软 谷歌 亚马逊 Paypel Canva Shopee Airbnb IBM 苹果 三星 戴尔 宝马 印象笔记 思科 联发科 爱立信 Grab Freewheel 特斯拉 Oracle 领英 Coupang 英特尔 Hulu 硬件类 华为 小米 联想 VIVO OPPO 荣耀 京东方 国美电器 中兴 电商类 京东 拼多多 当当网 ...

本文来盘点微软开源的十大前端项目，这些项目在Github上获得了超过45万Star！ VisualStudioCode VisualStudioCode是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C、C、Python、JavaScript和TypeScript等，并提供丰富的插件生态系统来扩展功能。VSCode具有丰富的编辑功能，包括语法高亮、智能代码补全、代码导航、调试功能等。它还提供了集成的终端窗口、Git版本控制工具和丰富的主题和扩展插件，能够满足开发者的各种需求。 Github（151k⭐️）：https://github.com/microsoft/vscode ...

9月19日，Next.js13.5正式发布，该版本通过以下方式提高了本地开发性能和可靠性： 本地服务器启动速度提高22%：使用App和PagesRouter可以更快地进行迭代 HMR（快速刷新）速度提高29%：在保存更改时进行更快的迭代 内存使用量减少40%：在运行nextstart时测量 优化的包导入：使用流行的图标和组件库时进行更快的更新 next/image改进：支持<picture>标签、暗模式等 修复了超过438个错误！ 改善启动和快速刷新时间 AppRouter的采用在持续增加，根据HTTPArchive对前1000万个网站进行的统计数据来看，其增长速度达到了每月8...

9月16日，全栈Web框架Remix正式发布了2.0版本，Remix团队在发布1.0版本后经过近2年的持续努力，发布了19个次要版本、100多个补丁版本，并解决了数千个问题和拉取请求，终于迎来了第二个主要版本！ Remix具有以下特性： 追求速度、用户体验（UX），支持任何SSR/SSG等 基于Web基础技术，如HTML/CSS与HTTP以及WebFecthAPI，在绝大部分情况可以不依赖于JavaScript运行，所以可以运行在任何环境下，如WebBrowser、CloudflareWorkers、Serverless或者Node.js等 客户端与服务端一致的开发体验，客户端代码与服务端...

React和Vue是前端开发中的两大热门框架，各自都有着强大的功能和丰富的生态系统。然而，你有没有想过，在一个项目中同时使用React和Vue？是的，你没有听错，可以在同一个项目中混用这两个框架！本文就来分享3个用于混合使用React和Vue的工具！ Veaury Veaury是一个基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。 Veaury的特点如下： 同时支持Vue3和React，方便在一个项目中公共使用； 支持同一个应用中出现的vue组件和react组件的context共享...

在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要手写分组函数了，目前最新版本的Chrome（117）已经支持了这两个方法！ 以前的数组分组 假设有一个由表示人员的对象组成的数组，需要按照年龄进行分组。可以使用forEach循环来实现，代码如下： constpeople=[ {name:"Alice",age:28}, {name:"Bob",age:30}, {name:"Eve",age:28},...

经过Adobe工程师多年来的努力，并与Chrome等浏览器供应商密切合作，通过WebAssembly+Emscripten、WebComponents+Lit、ServiceWorkers+Workbox和新的WebAPI的支持，终于在近期推出了Web版Photoshop（photoshop.adobe.com），这在实现高度复杂和图形密集型软件在浏览器中运行方面具有重大意义！ 本文就来看看Photoshop所使用的Web能力、进行的性能优化以及未来可能的发展方向。 愿景：在浏览器中使用Photoshop Adobe的愿景就是将Photoshop带到浏览器中，让更多的用户能够方便地使用它进行...

JavaScript中有很多简写技巧，可以缩短代码长度、减少冗余，并且提高代码的可读性和可维护性。本文将介绍20个提升效率的JS简写技巧，助你告别屎山，轻松编写优雅的代码！ 移除数组假值 可以使用filter()结合Boolean来简化移除数组假值操作。假值指的是在条件判断中被视为false的值，例如null、undefined、空字符串（""或''）、0、NaN和false。 传统写法： letarr=[12,null,0,'xyz',null,-25,NaN,'',undefined,0.5,false]; letfilterArray=arr.filter(value=&g...

React和Vue是前端开发中的两大热门框架，各自都有着强大的功能和丰富的生态系统。然而，你有没有想过，在一个项目中同时使用React和Vue？是的，你没有听错，可以在同一个项目中混用这两个框架！本文就来分享3个用于混合使用React和Vue的工具！ Veaury Veaury是一个基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。 Veaury的特点如下： 同时支持Vue3和React，方便在一个项目中公共使用； 支持同一个应用中出现的vue组件和react组件的context共...

本文来一起学习如何在VSCode中进行常见的Git可视化操作！ 前置工作 在介绍如何在VSCode中使用Git之前，先来介绍一个强悍的VSCode插件：GitExtensionPack，它旨在提供一组常用的Git工具和功能，以便更方便地进行版本控制和协作开发。该插件包含了多个与Git相关的扩展： GitHistory(gitlog)：可以查看Git提交记录、文件或行的历史。通过该扩展，可以快速浏览项目的版本历史，查看每个提交包含的修改内容和作者信息，以及文件和行的详细变更情况。 ProjectManager：可以方便地在不同项目之间进行切换。这个扩展提供了一个项目管理器，可以轻松地保存和加...

9月16日，全栈Web框架Remix正式发布了2.0版本，Remix团队在发布1.0版本后经过近2年的持续努力，发布了19个次要版本、100多个补丁版本，并解决了数千个问题和拉取请求，终于迎来了第二个主要版本！ Remix具有以下特性： 追求速度、用户体验（UX），支持任何SSR/SSG等 基于Web基础技术，如HTML/CSS与HTTP以及WebFecthAPI，在绝大部分情况可以不依赖于JavaScript运行，所以可以运行在任何环境下，如WebBrowser、CloudflareWorkers、Serverless或者Node.js等 客户端与服务端一致的开发体验，客户端代码与服务...

本文来盘点微软开源的十大前端项目，这些项目在Github上获得了超过45万Star！ VisualStudioCode VisualStudioCode是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C、C、Python、JavaScript和TypeScript等，并提供丰富的插件生态系统来扩展功能。VSCode具有丰富的编辑功能，包括语法高亮、智能代码补全、代码导航、调试功能等。它还提供了集成的终端窗口、Git版本控制工具和丰富的主题和扩展插件，能够满足开发者的各种需 Github（151k⭐️）：https://github.com/microsoft/vscode Ty...

9月19日，Next.js13.5正式发布，该版本通过以下方式提高了本地开发性能和可靠性： 本地服务器启动速度提高22%：使用App和PagesRouter可以更快地进行迭代 HMR（快速刷新）速度提高29%：在保存更改时进行更快的迭代 内存使用量减少40%：在运行nextstart时测量 优化的包导入：使用流行的图标和组件库时进行更快的更新 next/image改进：支持<picture>标签、暗模式等 修复了超过438个错误！ 改善启动和快速刷新时间 AppRouter的采用在持续增加，根据HTTPArchive对前1000万个网站进行的统计数据来看，其增长速度达到了每月...

全文约5100字，预计阅读需要15分钟。 JavaScript运行时是指执行JavaScript代码的环境。目前，JavaScript生态中有三大运行时：Node.js、Bun、Deno。老牌运行时Node.js的霸主地位正受到Deno和Bun的挑战，下面就来看看这三个JS运行时有什么区别！ JS运行时概述 Node.js Node.js在2023年被StackOverflow开发者评为最受欢迎的Web技术。Node.js于2009年推出，允许开发人员在浏览器之外使用JavaScript，彻底改变了服务端编程。它拥有强大的生态系统、庞大的社区，并且经过验证且稳定。为大型应用程序提供LTS构建...

在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要手写分组函数了，目前最新版本的Chrome（117）已经支持了这两个方法！ 以前的数组分组 假设有一个由表示人员的对象组成的数组，需要按照年龄进行分组。可以使用forEach循环来实现，代码如下： constpeople=[ {name:"Alice",age:28}, {name:"Bob",age:30}, {name:"Eve",age:28}, ...

本文来盘点微软开源的十大前端项目，这些项目在Github上获得了超过45万Star！ VisualStudioCode VisualStudioCode是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C、C、Python、JavaScript和TypeScript等，并提供丰富的插件生态系统来扩展功能。VSCode具有丰富的编辑功能，包括语法高亮、智能代码补全、代码导航、调试功能等。它还提供了集成的终端窗口、Git版本控制工具和丰富的主题和扩展插件，能够满足开发者的各种需求。 Github（151k⭐️）：https://github.com/microsoft/vscode ...

9月19日，Next.js13.5正式发布，该版本通过以下方式提高了本地开发性能和可靠性： 本地服务器启动速度提高22%：使用App和PagesRouter可以更快地进行迭代 HMR（快速刷新）速度提高29%：在保存更改时进行更快的迭代 内存使用量减少40%：在运行nextstart时测量 优化的包导入：使用流行的图标和组件库时进行更快的更新 next/image改进：支持<picture>标签、暗模式等 修复了超过438个错误！ 改善启动和快速刷新时间 AppRouter的采用在持续增加，根据HTTPArchive对前1000万个网站进行的统计数据来看，其增长速度达到了每月8...

9月16日，全栈Web框架Remix正式发布了2.0版本，Remix团队在发布1.0版本后经过近2年的持续努力，发布了19个次要版本、100多个补丁版本，并解决了数千个问题和拉取请求，终于迎来了第二个主要版本！ Remix具有以下特性： 追求速度、用户体验（UX），支持任何SSR/SSG等 基于Web基础技术，如HTML/CSS与HTTP以及WebFecthAPI，在绝大部分情况可以不依赖于JavaScript运行，所以可以运行在任何环境下，如WebBrowser、CloudflareWorkers、Serverless或者Node.js等 客户端与服务端一致的开发体验，客户端代码与服务端...

UI组件库提供了各种常见的UI元素，比如按钮、输入框、菜单等，只需要调用相应的组件并按照需求进行配置，就能够快速构建出一个功能完善的UI。 虽然市面上有许多不同的UI组件库可供选择，但在2023年底也并没有出现一两个明确的解决方案能够适用于所有情况。因为不同的前端框架（例如React、Angular、Vue等）都有自己的优势和适用场景，所以对应的UI组件库也会有所不同。 本文就来简要概述当前前端生态系统的样式解决方案，并介绍一些常见和流行的UI库。 UI库概述 CSS框架和库历史 过去，网页设计师需要手写CSS样式，这是一个曲折的过程。随后，出现了一些CSS框架，如Blueprint、960G...