2023-08
Last updated
Last updated
每天给你推荐一个新奇,好玩,高品质的开源库,好文,观点或言论等。
项目主页维护当前月份的内容,想看往期内容,可以翻到下方历史汇总部分,然后选择自己感兴趣的月份点进去即可。
ECMAScript 终于要推出 using 了。之前上大学的时候学习的事 C#,ECMAScript 的 using 和 C# 的恰好是一样的。TypeScript 5.2 也对 using 进行了抢先支持 👍。
如果你仅仅是做前端的,可能影响不大。毕竟客户端代码跑在客户电脑上,而且硬件配置一直在提高。因此问题不大。 但是如果你是做服务端的,你如用 node 来做后端服务,那么就必须考虑资源回收的问题。那么使用 using 则可以大大减少你的代码量,进而减少一些潜在的 bug 出现。
via: https://mp.weixin.qq.com/s?__biz=MzU2MTIyNDUwMA==&mid=2247522542
一个移除背景的 JS 库,你可以通过它搭建一个在线的去除背景的网站。
via: https://github.com/imgly/background-removal-js
很有意思的一个想法。 通过 API 发送 UI,这样可以更容易做到千人千面的个性化 UI 页面。 然后发布也更容易。
不过似乎也加大了平台的审核难度。因为代码是通过 API 来发送的,而 API 可能不是部署到平台的,这样平台就很难审核。所以后期这个技术发展起来了,平台有可能会进行抵制。
via: https://www.builder.io/blog/ui-over-apis
Make React Faster. Automatically.
一个基于编译时的类库, 通过它可以将 react 应用重新编译(主要是加速 VDOM 算法),并获得性能提升。
比如你使用 CRA(create react app)创建 react 项目,那么就可以通过简单地如下配置接入 million。
via: https://million.dev/
idx 是谷歌的线上开发环境,支持 AI 辅助编程。目前还没发布, 不过可以申请内测资格, 一变第一时间进行体验。(我已经申请啦~)
via: https://addyosmani.com/blog/project-idx/
一个 css 属性,轻松制作缩略图?
用法很简单,只需要给想显示缩略图的元素一个属性即可。代码:
其中 -moz-element(#main) 是关键。 main 是想要显示缩略图的主体 DOM 的 id。
效果如下图(注意右面的缩略图):
你也可以监听点击时间,从而做一个可交互的缩略图。用户点击到哪里,页面就跳转到对应位置。类似 VSC 的缩略图。
via: https://www.stefanjudis.com/a-firefox-only-minimap/
文章名:
一个目前只有 chrome for android 才有的 api。通过它,可以给 input 指定弹起的键盘的位置。有了它,web 越来越逼近小程序了。如果继续发展, 或许小程序会消失也不一定?
via: https://ishadeed.com/article/virtual-keyboard-api/
一个 chatgpt 网页风格的 UI 库。 如果你想要搭建一个基于类似 chatgpt 的网站,那么这个还算有点用,会让你快速搭建一个大家普遍熟悉的 ai 聊天网站。
via: https://www.langui.dev/components/prompt-containers
neutralinojs 是一个类似于 electron 以及 NWJS 的桌面应用程序框架。主打的就是体积小,内存占用少,构建速度快。
via: https://github.com/neutralinojs/neutralinojs
Mapkick 是一个地图库(sdk), 支持 Mapbox and MapLibre,通过它除了可以实现诸如地图标点,地图画区域等功能。也可以实现诸如位置共享,轨迹回放等进阶功能。
via: https://chartkick.com/mapkick-js
我重新整理了下自己的公众号,并且我还给它换了一个名字脑洞前端
,它是一个帮助你打开大前端新世界大门的钥匙 🔑,在这里你可以听到新奇的观点,看到一些技术尝新,还会收到系统性总结和思考。
在这里我会尽量通过图的形式来阐述一些概念和逻辑,帮助大家快速理解,图解是我的目标。
之后我的文章会同步到微信公众号 脑洞前端
,你可以关注获取最新的文章,并和我进行交流。
另外你可以回复大前端进大前端微信交流群, 回复 leetcode 拉你进 leetcode 微信群,如果想加入 qq 群,请回复 qq。