视野修炼第114期 | 2024JS现状调查结果

欢迎来到第 114 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

🔥强烈推荐

  1. 2024 JavaScript 现状调查结果
  2. Text Fragment - 直接链接网页文本

🔧开源工具&技术资讯

  1. my-github-2024 - 2024 GitHub 报告生成
  2. 优秀的单页网站案例
  3. Gradienty - 一套CSS工具集

📚教程&文章

  1. 并发和并行的区别

🤖AI工具&资讯

  1. AI 音效生成

下面开始本期内容的介绍,预计阅读时间 5 分钟。

🔥强烈推荐

1. 2024 JavaScript 现状调查结果

  • 最受欢迎语法特性:?? 空值合并运算符
    • 字符串特性:replaceAll
    • 数租特性:toSorted
    • 异步:Promise.allSettled

Webpack 是使用最多的 JavaScript 工具,但不是最受喜爱的。这一头衔属于 Vite

各个库的满意度排名如下:

Vite 系包揽了大部分头衔:

  • Vite:采用最多的技术,最受喜爱的库
  • Vitest:最高满意度
  • Rolldown:开发人员最感兴趣的技术

2. Text Fragment - 直接链接网页文本

文本片段(Text Fragment)允许你直接链接到 web 文档中的特定文本部分,而不需要作者使用 URL 片段中的特定语法对其进行注释

语法如下

md 复制代码
https://example.com#:~:text=[prefix-,]textStart[,textEnd][,-suffix]

比如你直接访问下面这个链接:

sugarat.top/weekly/2024...

就能直接定位到网页中第一次出现这个文本的地方,浏览器自动为你高亮!

这篇文章介绍如何使用:alfy.blog/2024/10/19/...

主流浏览器基本都支持!又学到一手!

🔧开源工具&技术资讯

3. my-github-2024 - 2024 GitHub 报告生成

https://2024.ch3nyang.top/display

估计下周官方应该也会出年度报告了。

4. 优秀的单页网站案例

该站点汇集了单页网站的最佳示例(超过 8,500 个)!

5. Gradienty - 一套CSS工具集

先收藏吃灰

📚教程&文章

6. 并发和并行的区别

🤖AI工具&资讯

7. AI 音效生成

试了一下效果蛮不错的,如果需要用到一些提示音的场景,又不好找 demo 可以试试这。

⭐️强力推荐关注

周刊部分内容来源如下渠道,推荐大家关注。

相关推荐
珑墨2 分钟前
【Turbo】使用介绍
前端
军军君0134 分钟前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9221 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...2 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
qq_177767372 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_949462102 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n2 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon2 小时前
理解vue中的ref
前端·javascript·vue.js
jin1233223 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931704 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos