视野修炼-技术周刊第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 并调整其定位”

相关文章
|
8月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
8月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
8月前
|
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 了 😄
|
8月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
8月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
8月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
8月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
8月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
8月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
8月前
|
人工智能 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 上面的小组件。

热门文章

最新文章