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

news/2024/12/22 18:27:46/文章来源:https://www.cnblogs.com/roseAT/p/18622382

欢迎来到第 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 片段中的特定语法对其进行注释

语法如下

https://example.com#:~:text=[prefix-,]textStart[,textEnd][,-suffix]

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

https://sugarat.top/weekly/2024-12-08.html#:~:text=接入

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

这篇文章介绍如何使用:https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html

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

🔧开源工具&技术资讯

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

https://2024.ch3nyang.top/display

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

4. 优秀的单页网站案例

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

5. Gradienty - 一套CSS工具集

先收藏吃灰

📚教程&文章

6. 并发和并行的区别

🤖AI工具&资讯

7. AI 音效生成

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

⭐️强力推荐关注

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

  • 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
  • 云谦:MDH 前端周刊 - 前端资讯和分享
  • 童欧巴:前端食堂 - 你的前端食堂,吃好每一顿饭
  • 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
  • 值得一读技术博客 - 每天进步一点点,每天分享有料的技术文章!
  • FRE123 技术周刊精选 - 技术周刊精选推荐信息流

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/856880.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

线程池工作原理

线程池综述 它的主要特点为:线程复用;控制最大并发数;管理线程。 使用线程池的好处有 第一:降低资源消耗。通过重复利用已创建的线程,降低线程创建和销毁带来的资源消耗 第二:提高响应速度。当任务到达时,任务可以不需要等到线程创建好就可以立即执行。 第三:提高线程的…

探讨:为什么大公司一定要使用微服务?

探讨:为什么大公司一定要使用微服务? | Id | Title | DateAdded | SourceUrl | PostType | Body | BlogId | Description | DateUpdated | IsMarkdown | EntryName | CreatedTime | IsActive | AutoDesc | AccessPermission | | -------------| -------------| -------------…

实验6 模板类、文件I\O和异常处理

实验任务4#pragma once #include <iostream> #include <stdexcept>using namespace std;template <typename T> class Vector { public:Vector(int n, int value=0);Vector(Vector<T> &v);~Vector();int get_size() const;T& at(int i);T&…

千峰教育--Netty 再学习 1 网络模型概述(BIO、NIO、AIO)、BIO 逻辑实现及其局限性(单线程服务端、多线程服务端、线程池服务端)

课程介绍 1 网络模型概述 2 Channel 详解 3 Buffer 详解 4 Selector 详解 5 NIO综合案例-聊天室 6 AIO概念及实现 1 网络编程IO 模型介绍 1.1 BLockingIO Blocking IO也称BIO,及同步阻塞IO。Java 的 io 包基于流模型实现,提供了FIle,FileInputStream,FileOutputStream等输…

ZBlog升级之后出现后台登录错误

升级 1.7.3.3260 之后出现后台登录错误( 提示非法访问,验证码不显示,验证码报错 ) 这是因为 1.7.3.3260 增加了对后台登录的 2 个保护功能,因为主题插件的兼容性原因或其它原因造成功能不正常,可以在 option.php 里关掉 CSRF 保护功能或是验证码功能,或是 2 个都关闭 使…

织梦源码后台更新系统后,网页错乱的解决方法

覆盖模板文件下载之前使用的模板文件。 覆盖 templets/default 目录下的文件。 如果使用的是其他模板目录,确保更新不会影响到这些目录。扫码添加技术【解决问题】专注中小企业网站建设、网站安全12年。熟悉各种CMS,精通PHP+MYSQL、HTML5、CSS3、Javascript等。承接:企业仿站…

解决Dede织梦上传图片失败 ERROR:Copy Uploadfile Error! 提示

错误显示:拷贝(复制)上传文件出错! 原因:上传的文件损坏。 上传目录无写权限。解决方法:尝试上传其它图片。 给uploads写入权限:Linux服务器:通过FTP设置 uploads 目录为777权限,子文件夹选择继承。 Windows 2003服务器:右键文件夹属性 -> 安全 -> 添加账户 -&…

织梦CMS:Error:check Snooping out of bounds 的解决办法

Error:check Snooping out of bounds @ D:wwwrootgdhgcwwwrootkjempletsdefaultarticle_article.htm原因:路径中包含了大写字母,使用 strpos 操作时区分大小写。解决方法:打开 include/dedetag.class.php 文件。 找到第325行,修改为:if (stripos($path, $this->clean(D…

dedecms修改网站内容,如何在DedeCMS中编辑文章和页面

在DedeCMS中编辑文章和页面的步骤如下:登录管理后台:使用管理员账号登录DedeCMS管理后台。 进入内容管理:导航至“内容管理”或“文章管理”模块。 选择内容:找到需要修改的文章或页面。 编辑内容:点击“编辑”按钮,进行必要的修改。 保存更改:确认无误后,保存修改。扫…

如何通过修改hosts限制访问网站,利用hosts文件限制网站访问

打开hosts文件:使用文本编辑器打开C:\Windows\System32\drivers\etc\hosts(Windows)或/etc/hosts(Linux/Mac)。 添加条目:在文件末尾添加一行,格式为127.0.0.1 网站域名。 保存文件:保存并关闭文件。 刷新DNS缓存:在命令行中运行ipconfig /flushdns(Windows)或sudo …

JAVA-通过大疆TSDK的API直接获取红外图片温度信息

一、前言 看过很多关于大疆红外图片用TSDK取温的方式,但是网上能搜到的大部分教程都是通过官方下载文件smple编译出来的程序来取温,如果这样做,虽然确实也能够实现目的,但不得不说,不但会降低运行速度,而且代码调用起来也麻烦。所以不如研究一下怎么直接调用他们的C++ AP…

4-14文件上传刷题日记

buuctf[是兄弟就来传马 先传一个php木马页面报错,随便改一个后缀,看看是黑名单还是白名单过滤,这里php代码前加GIF89a绕过图片大小检查报错,接着试一下是不是MIME过滤 Content-Type: image/png 上传成功 /var/www/html/upload/743be915f2c6ab5de3600d87068cafd2/hack.jpg s…