视野修炼-技术周刊第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 装饰器提案

目录
打赏
0
1
1
0
4
分享
相关文章
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
视野修炼-技术周刊第56期
🔥强烈推荐 1. Vite 的现状与未来展望 10 月 5 日 - 6 日,ViteConf 2023 在线举行,尤大发表了题为《The State of Vite》 的演讲,有如下几个值得关注的点: Vite 5.0 目前处于测试阶段(beta):停止支持已经 EOL 的 Node.js 版本;推荐使用ESM 🔥 Rolldown(使用 Rust 开发的 Rollup 替代品):Vite 团队正在研发 Rolldown,同时与 Rspack 团队合作开发一些共享的底层工具和功能
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
视野修炼-技术周刊第43期
🔥强烈推荐 1. 2023 Stackoverflow 开发者调查报告 开发人员类型:33%全栈,18%后端,7%前端... 2023 年延续了 JavaScript 的连胜势头,连续第 11 年成为最常用的编程语言 Node.js 和 React.js 是所有受访者最常用的两种 Web 技术 新开AI板块:受访者对AI搜索工具的首选是ChatGPT:83%的受访者在过去一年中使用过它
视野修炼-技术周刊第45期
🔥强烈推荐 1. Sass 支持直接在浏览器中编译 Sass Playground与Web IDE等场景不再依赖服务器来编译Sass。 使用方式也非常的简单,使用 script module,仅需2行代码即可使用。
视野修炼-技术周刊第46期
🔥强烈推荐 1. killport - 优雅的结束占用端口的进程 一个 Rust 语言写的命令行程序,可以杀死占用指定端口的进程。 通常我们在开发过程中,会遇到端口被占用的情况 常规方式需要如下两步(① 查找占用端口的进程 ② 杀死进程)
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等