栗子前端技术周刊第1期 - Node.js 21 发布,MicroApp 1.0 正式版,TanStack Query v5...

🌰栗子前端技术周刊第一期 (2023.10.16 - 2023.10.22):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. Node.js 21 发布: 在未来一周左右的时间里,Node v21 将取代 v20 作为第一个获得新功能的"当前"版本,v21 引入了 V8 11.8、npm 10.2、稳定的 Web Streams 支持以及实验性的浏览器兼容 WebSocket 实现。

  2. MicroApp 1.0 正式版推出: 经过一年多时间的打磨验证,京东的微前端 MicroApp 正式推出 1.0 版本,MicroApp 的亮点包括更简洁的接入方式、沙箱性能等等。

  3. TanStack Query v5: TanStack Query v5 版本推出,这个就是平时常说的 React Query 库,处理 React 中数据请求相关的库,另一个社区比较多人用的是 SWR。

📒 技术文章

  1. 如何计算CSS自定义属性的值: 本文 带我们了解浏览器如何计算 CSS 自定义属性的值,并指出对这个过程的误解可能导致意外的或缺失的值。。

  2. Photoshop 的 Web 版本中的 CSS 发现: 几周前,Adobe 推出了 Web 版本的的 Photoshop,本文将带你了解这个 Web 应用中的 CSS。

  3. 构建一个更好的移动端输入框: 交互式教学,平时有开发移动端 H5 的同学不可错过。

  4. React Memo is.. Good Actually: 使用 React Memo 功能可能是"一个有争议的、复杂的、不断变化的话题",本文讲述了 React Memo 的优势。

🔧 开发工具

  1. table-saw: 响应式 HTML 表格的 Web 组件: 灵感来自一个相似的旧版 jQuery 插件。

  2. CSS Size Analyzer: 分析 CSS 代码以识别大型规则和选择器。

  3. VOV.CSS: 这是一个包含有用 CSS 动画的实用库,可以在页面上直接尝试每一个动画。

  4. Rockpack 4.0: 与 Create React App 类似,用于快速生成 React 项目,此工具中还包括服务器端渲染、代码检查和测试。

  5. react-quick-pinch-zoom 5.0 : 使用多点触控手势拖动并缩放任何 DOM 元素------非常适合移动设备,当然也可以在桌面设备上支持鼠标事件,示例

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖

相关推荐
mldong6 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排6 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby60617 小时前
如何自己造一个时间处理库
前端·javascript·github
走到天涯海角8 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!8 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰8 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi10 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen11 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
风骏时光牛马11 小时前
AI源码分析:拆解模型底层实现逻辑
前端
BillKu11 小时前
全局样式变量:CSS 自定义属性(--border-color)和SCSS 变量($border-color)的说明
javascript·css·scss