视野修炼-技术周刊第104期 | 下一代 JavaScript 工具链

news/2024/10/7 18:52:07

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

🔥强烈推荐

  1. 🐙 尤大创办公司 VoidZero
  2. Tauri 2.0 稳定版发布
  3. Vite 时髦的新主页

🔧开源工具&技术资讯

  1. qrframe - 漂亮二维码生成
  2. HTTP QUERY 方法提案
  3. TinyJS - 轻量级的创建DOM元素
  4. 9月 Web 平台的新功能
  5. ESLint 现在正式支持 Linting JSON 和 Markdown

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

🔥强烈推荐

1. 🐙 尤大创办公司 VoidZero

愿景:让下一代 JavaScript 开发人员比以往任何时候都更加高效!

现在开源的所有内容都将保持开源状态。除了开源项目之外,还将提供专为满足企业环境的规模和安全要求而设计的端到端 JavaScript 工具解决方案

和之前 Bun 有类似的愿景,只是侧重点和路径有所出入,开发确实越来越方便咯。

2. Tauri 2.0 稳定版发布

Tauri 是一个框架,用于为所有主要桌面(macOS、Linux、Windows)和移动(iOS、Android)平台构建微型快速的二进制文件。
前端使用 HTML/JS/CSS 构建,必要时后端使用 Rust, Kotlin, Swift 等语言实现逻辑。

当然大部分情况下不需要使用 Rust 等后端语言编写代码,Tauri 已经提供了广泛的 javaScript API。

搞桌面应用的时候,对兼容问题不太苛刻的场景可以考虑考虑。

3. Vite 时髦的新主页

赶上这周的 ViteConf,预计下周就有课代表总结会议精华内容,到时候再做分享!

🔧开源工具&技术资讯

4. qrframe - 漂亮二维码生成

生成带样式的漂亮二维码的 JS 库。

当然存在部分设备可能无法正确识别的风险。

5. HTTP QUERY 方法提案

定义为:可以携带请求内容的安全、幂等请求方法

当请求中传输的数据太大而无法编码到请求的 URI 中时,是可采用的,它不完全是 GET,但也不完全是 POST。

估计落地还得有不短的时间,现在还很多只用 GET/POST 的公司。

6. TinyJS - 轻量级的创建DOM元素

提供 $$$ 方法查询 DOM 元素。

const $id = $('#id')
const items = $$('.item')

提供方法式创建元素。

const myDiv = div({ id: 'container', className: 'my-class' },h1('Hello World'),p('This is a dynamically generated paragraph.')
)

核心代码不到 10 行。

7. 9月 Web 平台的新功能

有个比较新的 Intl.DurationFormat API 可以格式化展示的时间。

new Intl.DurationFormat('zh').format({hours: 1,minutes: 46,seconds: 40,
})
// 输出结果 ↓
// 1小时46分钟40秒

8. ESLint 现在正式支持 Linting JSON 和 Markdown

使用的例子如下。

npm install @eslint/json -D
npm install @eslint/markdown -D
import json from '@eslint/json'
import markdown from '@eslint/markdown'export default [{plugins: {json,},},// lint JSON files{files: ['**/*.json'],language: 'json/json',rules: {'json/no-duplicate-keys': 'error',},},{files: ['**/*.md'],plugins: {markdown},language: 'markdown/commonmark',rules: {'markdown/no-html': 'error'}}
]

⭐️强力推荐关注

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

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

雅礼国庆集训 day1 T2 折射

题面 题面下载 算法 转化题意 说白了就是给了你一堆点,让你数这种折线有多少个 (严格向下走,并且横坐标之间的差越来越小)看着像一种在 y 轴方向排序的 dp 但是由于是折线, 所以需要加一维来判断转向 dp 设计 状态设计 \(dp_{i, 0/1}\) 表示第 i 个点, 是向左下还是右上 状态…

20222315 2024-2025-1 《网络与系统攻防技术》实验一实验报告

1.实验内容 1.掌握反汇编与十六进制编程器 2.能正确修改机器指令改变程序执行流程 3.能正确构造payload进行bof攻击 2.实验过程 1.直接修改程序机器指令,改变程序执行流程 将pwn1文件下载至kali中并将pwn1文件改名为pwn20222315,并将其内容复制到pwn2反汇编文件objdump -d…

多校A层冲刺NOIP2024模拟赛03

多校A层冲刺NOIP2024模拟赛03\(T1\) A. 五彩斑斓(colorful) \(90/100pts\)部分分\(20pts\) :枚举左上 \((k,h)\) 、右下端点 \((i,j)\) ,时间复杂度为 \(O(n^{2}m^{2})\) 。 \(90/100pts\) :当 \(a_{i,j} \ne a_{k,j}\) 时任意的 \(h \in [1,j]\) 都符合题意、不妨钦定 \(…

Word中 Endnote 引用标蓝色

1. 打开word中的endnote加载项。如图所示,勾选这两个设置。 确认后会自动变为超链接,显示蓝色以及下划线。 2. 在样式设置中,将超链接的下划线取消。之后就会只显示蓝色引用。 结果显示:

中国大学生程序设计竞赛(秦皇岛)正式赛东北大学秦皇岛分校(SMU Autumn 2024 Team Round 1)

中国大学生程序设计竞赛(秦皇岛)正式赛东北大学秦皇岛分校(SMU Autumn 2024 Team Round 1) Problem A. 贵校是构造王国吗 I 思路 官方题解很清晰明了。代码 #include <bits/stdc++.h> using namespace std; #define int long long #define endl \n #define PII pair&…

多校 A 层冲刺 NOIP2024 模拟赛 03

多校 A 层冲刺 NOIP2024 模拟赛 03 T1 五彩斑斓(colorful) 签到题 直接暴力枚举是 \(O(n^4)\) ,考虑使用 \(bitset\) 优化,对每个点开个 \(bitset\),预处理它所在一行它及它之前相同颜色的位置,这样就只用枚举另一个点所在列,时间复杂度为 \(O(n^3+\frac{n^4}{w})\)。 T…

在浏览器上访问媒体资源配置【文件上传】

1.根urls.py文件中 from django.contrib import admin from django.urls import path, include, re_path from django.views.static import serve from django.conf import settingsurlpatterns = [# path(admin/, admin.site.urls),path(api/shipper/, include(apps.shipper.u…

高级程序语言设计第二次作业

姓名:袁志华 班级:软件工程2班 学号:102400231 班级网址:https://edu.cnblogs.com/campus/fzu/2024C 作业网址:https://edu.cnblogs.com/campus/fzu/2024C/homework/13282 图片: 第一题: 第二题: 第三题: 第四题: 第五题: 第六题: 第七题: 第八题:程序清单: 3.1…