视野修炼-技术周刊第22期

简介: 🔥强烈推荐1. 英:纯CSS实现树状视图利用ul,li,details,summary4个标签实现其中summary,可以通过open属性控制显隐状态下面是个最简示例

🔥强烈推荐

1. 英:纯CSS实现树状视图

利用ul,li,details,summary4个标签实现

其中summary,可以通过open属性控制显隐状态

下面是个最简示例

image.png


文章里还额外介绍了一些css样式的属性,最终效果如下

image.png

2. 为什么JSON中不支持注释

这个疑问相信大家在接触JSON的时候都遇到过,实际上在最初的规范里JSON是允许注释的

文章大概阐述了3点原因如下(机翻)

  • 注释中被放入了解析指令,破坏了跨平台的移植性
  • 注释引入了可能不需要的数据格式的复杂性
  • JSON的创造者希望它能与早期YAML版本兼容

3. 漫画:HTTPS 的工作原理

非常有意思的讲解HTTPS相关知识,推荐对HTTPS不那么熟悉的可以闲暇的时候阅读一下

image.png

4. 🎉Github有1亿开发者了

今天你在访问Github个人主页时会看到一个如下所示的带动画的消息入口。

image.png

2019年设定的目标,到2025年使用人数达到1亿,比原计划提前了2年。

image.png

image.png

越来越多的开发者了解并使用Github,意味着有越来越多的人了解到开源,参与开源,共同建设技术社区。

🔧开源&工具

5. blurhash - 模糊图生成

这个工具可以提取图片的颜色分布,生成一个哈希字符串。网页就可以用这个哈希,生成图片的模糊缩略图

image.png

image.png

6. zod - 数据校验

支持TS(静态类型检查)js(运行时检查)

image.png

这篇文章 Zod: The Next Biggest thing after Typescript 阐述了使用其的优势

7. GitHub520

对于没有梯子(科学上网工具)的朋友,遇到访问Github慢或者图裂的问题,通常手段都是改hosts

下面的地址即这个项目提供的链接,无需访问 GitHub 即可获取到最新的 hosts 内容:

  • 文件:raw.hellogithub.com/hosts
  • JSON:raw.hellogithub.com/hosts.json

当然项目里也提供了自动配置更新的方式

📚文章&资讯

8. Bun v0.5

支持monorepo,当然也是号称速度比其它的快

image.png

9. TypeScript 5.0 Beta

26号发布,带来了许多新的特性,其中最值得关注的就是 实现 Stage3 装饰器提案

相关文章
|
7月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
7月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
7月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
7月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
7月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
7月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
7月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
7月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
7月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
|
7月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第46期
🔥强烈推荐 1. killport - 优雅的结束占用端口的进程 一个 Rust 语言写的命令行程序,可以杀死占用指定端口的进程。 通常我们在开发过程中,会遇到端口被占用的情况 常规方式需要如下两步(① 查找占用端口的进程 ② 杀死进程)