查看原文
其他

前端周刊 | JavaScript迎来26岁生日; Unicode公布2021最受欢迎emoji; Typora最佳替代工具

CUGGZ 前端充电宝 2022-07-21

前端周刊第二期如约而至,快来看看本周有哪些前端趣闻吧~

科技趣闻

1. JavaScript迎来26岁生日

12月4日,JavaScript迎来了它的第26个生日。根据stack overflow一项调查,JavaScript 已经连续九年成为最常用的编程语言。

为了纪念 JavaScript的发布,Netscape 和 Sun Microsystems 于 1995 年 12 月 4 日发布了联合新闻稿。该版本称 JavaScript 是一种易于使用的脚本语言,旨在“创建实时在线应用程序”。下面是JavaScript诞生时的4页PPT:

JavaScript最初的设计目标就是:一种在客户端使用的脚本语言,主要完成用户输入验证。JavaScript 1.0 版本随 Netscape Navigator 2 发布。经过多年的发展,如今的JavaScript已经非常强大,是一门动态类型的高级语言,支持面向对象、命令式以及函数式编程。

最初的JavaScript的名字是LiveScript,但是发布之前,为了搭上媒体热炒Java的顺风车,网景临时将 LiveScript 改名为 JavaScript。

经过26年的发展,JavaScript已经应用于Web、服务端、游戏、桌面端、移动端、智能手表等等,期待JavaScript未来更多的应用~

2. Unicode联盟公布2021全球最受欢迎表情符号

12 月 3 日,Unicode 联盟公布的 2021 年全球最受欢迎的表情符号名单显示,“笑哭(Tears of Joy)仍然是 2021 年全球最受欢迎的表情符号之一。

Unicode 联盟数据显示,“笑哭”占所有表情符号使用的 5% 以上,唯一与之接近的表情符号是心形表情❤️。此外,2021 年最受欢迎的表情符号还包括在地上打滚的笑脸、竖起大拇指、大哭、双手合十、飞吻、心形脸、心形眼睛的脸和笑脸(😂 ❤️🤣 👍 😭 🙏😘🥰😍😊)。

值得一提的是,最受欢迎的表情符号在过去几年里并没有多大变化。实际上,笑哭和红心也是 2019 年最受欢迎的两个表情符号,这是 Unicode 联盟最后一次共享表情符号数据。榜单上的其他表情符号的位置也有所变化,有一些是新出现的,比如竖大拇指👍和心形脸🥰。

关于Unicode:

Unicode 一般指统一码。统一码,也叫万国码、单一码(Unicode)是计算机科学领域里的一项业界标准,包括字符集、编码方案等。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。

Unicode 联盟于2021年9月发布了 Unicode 14.0。Unicode 14 为文本标准添加了 838 个字符。在这 838 个字符中,37 个代表新的 Emoji 表情,预计最早年底投入使用。

3. JetBrains 发布全新轻量编辑器 Fleet,号称“下一代 IDE”

11 月 29 日,JetBrains 在官方博客宣布,推出一款轻量级编辑器 Fleet,并称其为“下一代 IDE”。Jetbrains的产品经理将Fleet形容为一个有一点不一样的轻量级的编辑器!

Fleet具有语法高亮显示、简单的代码补全以及您对一个编辑器期待的所有功能,它远不及此。除此之外,还具备智能补全、重构、导航、调试以及 IDE 中一直存在的所有功能。可以一键开启/关闭这些功能,做到简繁自如。

Fleet是支持多语言的:

针对多种语言和技术,Fleet提供了开箱即用的智能支持,并支持通过专用插件计划更多语言。

更多介绍详见:下一代 IDE 来了?有请 「Fleet」登场!

4. AWS 推出 AWS Amplify Studio 可视化开发环境

AWS Amplify 宣布推出 AWS Amplify Studio,这是一种可视化开发环境,可以让开发人员通过最少的编码加速 UI 开发,同时集成 Amplify 强大的后端配置和管理功能。Amplify Studio 可以自动将 Figma 中的设计转换为 React UI 组件代码。在 Amplify Studio 中,开发人员可以直观地将 UI 组件连接到应用程序后端数据。

更多功能与使用方式详见官网:https://aws.amazon.com/cn/blogs/mobile/aws-amplify-studio-figma-to-fullstack-react-app-with-minimal-programming/

更新速递

1. JetBrains 为 Kotlin 推出跨平台 UI 框架

JetBrains 正式推出 Compose Multiplatform 1.0,该工具有望使用该公司的Kotlin 编程语言来加快桌面、Android 和 Web 应用程序用户界面的开发。

JetBrains 表示,Compose Multiplatform已达到稳定状态,可用于构建生产级应用程序。Kotlin 的 UI 框架采用声明式和反应式方法来构建 UI,允许跨平台共享 UI 代码并节省开发人员从处理 UI 更新逻辑。

开发人员可以使用 Kotlin 创建 Web 应用程序,Compose Multiplatform 提供反应式 Kotlin API,用于通过 CSS-in-JS 支持操作 DOM。Kotlin 支持在没有 JavaScript 互操作性机制的情况下,提供更多的类型安全性。UI 和状态管理的代码可以在 Android、桌面和 Web 之间共享,基于 Jetpack Compose 的 Android 应用程序可以移植到桌面。

2. Node V17.2.0 发布

Node.js发布了17.2.0版本,将V8.0更新到了 9.6.180.14 。

更新信息详见官网:https://nodejs.org/en/blog/release/v17.2.0/

3. npm V8.2.0 发布

JavaScript包管理工具 V8.2.0 发布,该版本主要新增了流式debug日志文件,除此之外,对一些bug进行了修复,对文档和依赖关系进行了优化。

更多信息详见npm GItHub:https://github.com/npm/cli/releases/tag/v8.2.0

开源前线

下面来看看本周GItHub社区中新增star数较多的有趣的开源项目有哪些。

1. marktext

marktext是一款markdown编辑器,官方对其的评价是“简单优雅的Markdown编辑器,专注于速度和可用性”,其主要特色如下:

  • Mark Text 所输及所见,摒弃了众多 markdown 编辑器左边写作右边预览的写作方式,巧妙的将编辑和预览融为一体;
  • snabbdom 作为 Mark Text 的渲染引擎,保证了极速渲染编辑页面,带来流畅的书写体验;
  • 支持 CommonMark Spec 和 GitHub Flavored Markdown Spec 语法格式,生成的 Markdown 可以复制到任何支持 markdown 格式的社区、网站;
  • 段落及行内样式快捷键提升您的编辑效率;
  • 输出 HTML 和 PDF 格式文件,方便在浏览器中预览;
  • 黑、白两款主题,自由切换;
  • 多种编辑模式:源代码模式、打字机模式、专注模式;
  • 内置斗图功能,通过快捷键 Cmd+/ 直接打开斗图搜索面板。

上周,知名 Markdown 编辑器 Typora 发布 1.0 正式版,并正式开始收费。本周Mark Text就登上GItHub 新增Star数的前几名,难道这是巧合?!,marktext有望成为Typora的替代品~

Star⭐️:22.1k

本周新增Star⭐️:1959

Github地址:https://github.com/marktext/marktext

官网地址:https://marktext.app/

2. remix

Remix 是一个由 React Router 开发团队所开发的基于 React 和 Node 的全栈框架,近期 Remix 关闭付费订阅模式,正式开源并将源代码托管至GitHub平台。Remix成为Next.js最大的竞争对手。

Star⭐️:7.9k

本周新增Star⭐️:1523

Github地址:https://github.com/remix-run/remix

3. freeCodeCamp

FreeCodeCamp 是一个自由开源的学习编程的社区,致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits。FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程,游戏化程度非常高,学员可以通过线上聊天室和线下社区活动(Coffee and Code)相互帮助。

Star⭐️:336.8k

本周新增Star⭐️:1377

Github地址:https://github.com/freeCodeCamp/freeCodeCamp

4. supabase

Supabase 是一个开源的 Firebase 替代方案。它提供了构建产品所需的所有后端服务。

Star⭐️:24k

本周新增Star⭐️:1318

Github地址:https://github.com/supabase/supabase

官网地址:https://supabase.com/

5. developer-roadmap

2021 年 Web 开发人员的路线图。

Star⭐️:178.2k

本周新增Star⭐️:1316

Github地址:https://github.com/kamranahmedse/developer-roadmap

工具推荐

本周推荐五个VS Code插件,以提高开发效率,直接在VS Code搜索插件名称,安装并使用即可。

1. Auto Rename Tag

当我们给HTML标签进行重命名时,该插件可以帮我们自动重命名匹配的HTML标签。这为我们开发节约了很多时间。

2. VSCode-Icons

VSCode-Icons 是一个文件图片插件,可以为项目不同类型的文件赋予不同的图标。让我们更容易区分不同的文件类型。

安装完成之后,按照以下步骤进行使用:文件 → 首选项 → 文件图标主题 → VSCode-Icons。

3. Tabnine

Tabnine 是一个多语言的插件,可以自动帮助我们完成代码的输入。Tabnine 的目标是通过基于 AI 的系统提高开发人员的生产力。

4. GitLens

gitlens插件可以直接在光标处显示代码编写人以及时间;方便共同开发时候git做版本控制时候的相关代码管理。

全部日志:

5. Project Dashboard

Project Dashboard是一个项目仪表板插件,可以将经常访问的文件夹、文件等固定到仪表板上以快速访问它们。

文章推荐

1. 一文读懂 JavaScript 中的 this 关键字

this关键字是JavaScript中的一大难点。this的指向是问题的关键,本文主要介绍了不同情况下this的指向,以及如何改变this指向。

文章地址:一文读懂 JavaScript 中的 this 关键字

2. 60+ 实用 React 工具库,助力你高效开发!

在React项目中开发,很多复杂的需要其实可以使用第三库来实现的,React现在拥有比较丰富的生态,很多轮子可以不用自己造。本文主要介绍React九大类第三方库,助力高效开发!

文章地址:60+ 实用 React 工具库,助力你高效开发!

3. 一文读懂 CSS 单位

本文主要介绍了CSS了不同类型的单位,包括相对单位、绝对单位、频率单位、时间单位、分辨率单位、角度单位、百分比单位。帮助大家了解CSS中所有的单位,以及不同单位之间的区分与使用。

文章地址:一文读懂 CSS 单位

4. 深入理解 JavaScript 事件循环

事件循环是JavaScript中的一大重点,它关乎到了代码执行顺序,了解事件循环有助于帮我们在开发中避免很多错误。本文主要介绍了JavaScript和Node.js中的事件循环。

文章地址:深入理解 JavaScript 事件循环

5. 浅谈JavaScript作用域和闭包

闭包也是JavaScript中的一大难点,闭包的使用不当可能会导致很多问题,本文主要介绍了作用域的基本概念以及闭包产生的原因、使用场景等。

文章地址:浅谈JavaScript作用域和闭包

第二期前端周刊到这里就结束啦!本刊每周日晚更新,如果觉得有用就点赞、关注一下吧,下周见~

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存