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

相关文章
|
10月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
10月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
10月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
10月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
10月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
10月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
10月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
10月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
10月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
10月前
|
人工智能 JavaScript 小程序
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思