视野修炼第113期 | JS 29周年

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

🔥强烈推荐

  1. Node.js 22.12.0 发布
  2. Linkify - 自动链接生成
  3. Todoctor - 分析追踪代码中的TODO

🔧开源工具&技术资讯

  1. JS 29周年
  2. Kinesis.js - 复杂交互动画创建
  3. jsontr.ee - JSON 可视化工具
  4. EasyResizer - 图片批量尺寸调整工具

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

🔥强烈推荐

1. Node.js 22.12.0 发布 - 默认支持require(esm)

b.cjs

js 复制代码
const { value } = require('./a.mjs')

console.log(value)

原生支持又可以减少非必要的编译工作量了。

2. Linkify - 自动链接生成

收藏!对于文本处理场景还是很有用。

3. Todoctor - 分析追踪代码中的TODO

一行命令搞定!

sh 复制代码
npx todoctor

自动生成仓库中 TODO/FIXME 注释随时间的变化!

可以拿去跑一下自己的仓库看看。

emmm,为什么我仓库的TODO 越来越多!

🔧开源工具&技术资讯

4. JS 29周年

1995 年 12 月 4 日推出的 javascript 语言!

emm,糊了6年 js 了!赚米必备语言。

5. Kinesis.js - 复杂交互动画创建

下面有几个效果示例:

6. jsontr.ee - JSON 可视化工具

JSON 数据转成可视化。

js 复制代码
const container = document.getElementById('json-tree')
container.innerHTML = generateJSONTree(jsonData)

2 步就能搞定接入到自己项目中。

类似的项目还有 JSON CRACK. 支持可视化面板里编辑/折叠。

7. EasyResizer - 图片批量尺寸调整工具

同时还支持压缩和格式转换。

⭐️强力推荐关注

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

相关推荐
Rysxt_21 分钟前
UniApp uni_modules 文件夹详细教程
开发语言·javascript·ecmascript
霍理迪32 分钟前
CSS盒模型布局规则
前端·javascript·css
林恒smileZAZ44 分钟前
使用自定义API接入OpenAI CodeX配置教程
javascript·codex·ai对接
千寻girling1 小时前
面试官: “ 说一下 JS 中什么是事件循环 ? ”
前端·javascript
程序员龙语1 小时前
CSS 高级选择器应用
前端·css
Cassie燁1 小时前
el-table源码解读2-2——createStore()初始化方法
前端·javascript·vue.js
程序员修心1 小时前
CSS文本样式全解析:11个核心属性详解
前端·css
旧梦吟1 小时前
脚本网站 开源项目
前端·web安全·网络安全·css3·html5
我有一棵树1 小时前
解决 highlight.js 不支持语言的方法
开发语言·javascript·ecmascript
北极糊的狐1 小时前
按钮绑定事件达成跳转效果并将树结构id带入子页面形成参数完成查询功能并将返回的数据渲染到页面上2022.5.29
前端·javascript·vue.js