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

简介: 🔥强烈推荐1. 看完 Svelte 纪录片才知道它为什么在国外比国内火文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:

🔥强烈推荐

1. 看完 Svelte 纪录片才知道它为什么在国外比国内火

文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方

  • 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢
  • 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
  • 避免被裁:一定要有一定的不可替代性,该转型转型(技术)
  • 第一款框架Reactive:5K⭐️,不过非常遗憾的是 Reactive 发布没多久 React 就出来了,看了 React 之后直呼卧槽!这玩意比 Reactive 更先进啊!
  • Svelte 作者以前就在纽约时报工作,页面重交互和特效。国内新闻就只有 文字 + 图片

下面是全文中的高光语句

我们宁愿拥有少数人喜爱的东西 也不愿拥有多数人容忍的东西

2. 一个有趣的CSS container案例

用CSS容器查询实现可调整大小的屋子

image.png

CSS能做的事越来越多,抓紧学起来,没准哪天优化页面性能从砍js开始

3. 认认配置文件

前端工具越来越多,各有各的配置文件,下面图里有30个,看看你认识几个🔧

image.png

image.png

image.png

🔧开源&工具

4. Itsycal - 状态栏日历

Mac 上的小工具,常用的信息都有,第X周,节假日信息等等(📅中的行程等等

image.png

基本可以平替系统自带的日历使用。

5. open-props - CSS变量库

CSS变量库,提供了许多预设的属性,可直接使用

image.png

CSS衍生工具库的一个新思路

6. 一些CLI工具推荐

文章里推荐了许许多多的 CLI 工具,这里挑2个笔者觉得比较有用的(高频/高效)

zoxide - 快捷的目录跳转

安装完并初始化后,会有一个 z 指令,可以根据访问过的目录,进行模糊匹配跳转

使用前

cd ~/Documents/fe/blog

使用后

z blog

image.png

bat - 替代cat&more指令

用于终端里阅读文件内容,catmore预览都不带高亮

image.png

当然功能不仅仅于此,还可搭配其它指令使用👍🏻。

📚文章&资讯

7. GitHub Copilot 支持“代码刷” 功能

一图胜前言

image.png

自动 bugfix,完善代码注释,增加代码的健壮性。。。

8. CRA 已经 5 个月没更新

社区建议 React 新文档里使用Vite 替换 CRA 来创建demo

当然官方也是做了回复,👉🏻 中翻链接 👈🏻

扯了一堆,大概意思是 “文档里 QuickStart 不准备换(Vite会单独做建议),我们会优化 CRA 并调整其定位”

相关文章
|
5月前
|
Web App开发 人工智能 JSON
视野修炼-技术周刊第54期
🔥强烈推荐 1. Node.js 16 EOL EOL(end of life) 2023 年 9 月 11 日,Node.js 16 将停止维护,推荐大家切换到 Node.js 18 使用(EOL 2025-04-30) 官推下面很多都在推荐 Bun 了 😄
|
5月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
5月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
5月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
5月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
5月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
5月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
5月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
5月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第50期
🔥强烈推荐 1. glitchtext - 毛刺字符生成 为字符加上毛刺效果的网页工具,这个可以在部分取名场景使用,比如游戏ID取名经常重复的情况(前提是目标设备支持)
|
5月前
|
人工智能 IDE 开发工具
视野修炼-技术周刊第45期
🔥强烈推荐 1. Sass 支持直接在浏览器中编译 Sass Playground与Web IDE等场景不再依赖服务器来编译Sass。 使用方式也非常的简单,使用 script module,仅需2行代码即可使用。