查看原文
其他

最先进的代码编辑器 Zed 开源;Deno 1.4正式发布,更新特性堪称恐怖;CSS属性field-sizing 太好用了!

小懒 FED实验室 2024-02-12
关注下方公众号,获取更多热点资讯

今天是坚持日更的第146天,如果本文对您有帮助,点击关注、点赞、在看支持我


Zed 宣布开源

Zed 是一款高性能、可多人协同代码编辑器,它基于 Rust 语言开发,结合了底层控制和表现力,编写了自己的 GPU 加速用户界面框架,以超越 Electron 的限制。同时还创建了增量解析框架 Tree-sitter,它不仅能提供比 regexes 更精确的结果,而且速度更快。对于创建的每一个数据结构和算法,都下定决心让速度成为 Zed 的第一杀手锏。

为性能而生:

Zed 能有效利用每个 CPU 内核和 GPU,瞬间启动、快速加载文件,并在下一次刷新显示屏时响应您的按键操作。无与伦比的性能让你的工作如行云流水般流畅,令其他工具望尘莫及。

集成 AI 助手:

用人工智能生成代码,省时省键。Zed 开箱即支持 GitHub Copilot,按下 ctrl-enter 键并输入自然语言提示,即可使用 GPT-4 生成或重构代码。在内置助手面板中与模型进行对话互动,无需切换上下文,然后在内联生成过程中引用您的对话。

良好的语言感知:

Zed 可在你输入时为每个缓冲区维护完整的语法树,从而实现精确的代码高亮显示、自动缩进、可搜索的大纲视图和结构选择。Zed 还能使用语言服务器协议,提供自动完成、代码导航、诊断和重构功能。

连接您的团队:

有了 Zed,多个开发人员可以在共享工作区中进行导航和编辑。这样就可以轻松地就代码库的任何部分进行细致入微的实时对话,无论相关代码是去年提交的,还是尚未保存到磁盘的。

跨平台处理代码:

当你加入队友的项目时,你可以像在本地机器上一样浏览和编辑代码。打开任何文件,以低延迟键入,并与语言服务器交互。无论你是在隔壁桌还是在不同的大洲与他人合作,一切都能无缝运行。

Deno 1.4 正式发布

deno v1.40.0 发布了,本次更新的feat特性堪称恐怖。但是,由于在很长一段时间没有赶上Node.js的普及度,以及被后来者Bun抢了不少风头,目前个人感觉处于一个不上不下的尴尬局面,你是如何看待目前的Deno的呢?请在评论区留言吧~

2024 年 1 月 25 日,Deno 正式发布 1.40 版本,这是 Deno 进化过程中迈出的重要一步。这个新版本包含了大量增强 Deno 体验的功能,引入了用于高级日期和时间操作的强大的 Temporal API,并采用了最新的装饰器语法,使代码更具表现力。在取得这些进步的同时,还实施了一系列弃用、稳定和删除措施,旨在简化 Deno 的功能并为 Deno 2 做好准备。

如果你已经安装了 Deno,请在终端中使用以下命令升级到 1.40 版本:

deno upgrade

以下是 Deno 1.40 的新功能概览:

  • Temporal API
  • import.meta.filenameimport.meta.dirname
  • 装饰器
  • 简化 deno.json 中的导入
  • 停用、稳定和删除
  • Web API:rejectionhandled 事件
  • WebGPU 窗口/"自带窗口"
  • Node.js 兼容性改进,API 更新
  • LSP 改进
  • 更美观的诊断程序
  • deno lint 更新
  • 更改我们处理不稳定功能的方式

最后,由于 Deno 在很长一段时间没有赶上 Node.js 的普及度,以及被后来者 Bun 抢了不少风头,目前整体还处于一个比较尴尬位置,你是如何看待目前的 Deno 的呢?请在评论区留言讨论。

CSS 属性 field-sizing

<textarea> 上应用 CSS field-sizing 属性,即 textarea { field-sizing: content; },文本区域会随着添加内容而增大。

field-sizing 可取值:

  • field-sizing: fixed;将保留当前行为,表单控制框的大小不会改变。如果输入的文本长度介于特定字符长度之间,且不会被截断,那么保留当前行为可能会比较合适。
  • field-sizing: content; 将禁用当前行为,并允许根据内容调整表单大小。

需要注意的一点是,如果使用的是 <input type="text">,则需要在元素上设置最小和最大宽度......否则看起来就像是永远在水平方向上展开,这本身就不是很好的用户体验。

不过,使用 <textarea> 垂直展开确实会带来更好的体验,尤其是在较小的屏幕上。

field-sizing 应用元素:

  • <textarea>
  • <input type="text">
  • <input type="number">
  • <input type="file">
  • <select> listbox
  • <select> dropdown

感兴趣的小伙伴,可以试用起来了!

大家都在看

继续滑动看下一个

最先进的代码编辑器 Zed 开源;Deno 1.4正式发布,更新特性堪称恐怖;CSS属性field-sizing 太好用了!

小懒 FED实验室
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存