栗子前端技术周刊第22期 - Web 诞生 35 周年、VitePress 1.0、Angular 17.3...

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

📰 技术资讯

  1. Web 诞生 35 周年:上周是 Web 诞生 35 周年纪念日," Web 之父 " 蒂姆-伯纳斯-李(Tim Berners-Lee)撰写了一封公开信,呼吁 "推翻由利益主导的 Web 世界,转而由人类需求主导 Web 世界"。

  2. VitePress 1.0:VitePress 是一款静态网站生成器 (SSG),专为构建快速、以内容为中心的网站而设计。简而言之,VitePress 可以用 Markdown 编写源内容,为其应用主题,并生成可轻松部署到任何地方的静态 HTML 页面。VitePress 基于 Vite 和 Vue 构建。

  1. Angular 17.3 :Angular 17.3 发布,包括新的 API output()、TypeScript 5.4 的支持等等功能。

  2. runtime-compat:多位开发人员共同创建了这种便捷的方法,用于可视化不同 Web API 和 JavaScript 功能在日益增多的不同运行时(如 Bun、Deno、Node、LLRT......)中的兼容性。

📒 技术文章

  1. How to Create Interactive Animations Using React Spring:如何使用 React Spring 创建交互式动画 - 文中将探讨 JavaScript 的动画库 React Spring,讲解它的功能,包括它提供的各种钩子和组件,以及如何在 React 应用中使用它们。

  2. Explaining Promises, Async, and Await in JavaScript:介绍 JavaScript 中 Promise 和 async 函数功能。

  3. 纯 CSS 检测文本是否溢出:一直以来,CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求,比如多行文本展开,展开按钮只有在文本溢出的时候才出现。本文将通过纯 CSS 来实现。

🔧 开发工具

  1. React Data Grid:一个 Excel 风格数据展示组件 - 官网的 Demo 展示了该组件的所有独特功能,从分组行和列到处理一百万个单元格而不会出现速度减慢,适用于 React 18+。
  1. Atrament 4.0:平滑画布绘图和手写库 - 用于在画布元素上进行精美绘图和手写的小型库。该库已存在数年,但 4.0 版几乎是完全重写。
  1. CartoSVG:轻松设计轻巧的 SVG 地图 - 使用编辑器直观地自定义地图的任何部分,其结果经过性能优化,易于导出到 HTML 中。
  1. react-json-view-lite:以树的形式渲染 JSON - 这是一个轻量级组件,用于可视化 JSON,既保留了其基本格式和 JSON 特性,又能让你折叠或展开数组和对象,从而更轻松地查看结构。

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

💖 欢迎关注微信公众号:栗子前端 💖

相关推荐
aha-凯心30 分钟前
前端学习 vben 之 axios interceptors
前端·学习
熊出没1 小时前
Vue前端导出页面为PDF文件
前端·vue.js·pdf
VOLUN1 小时前
Vue3项目中优雅封装API基础接口:getBaseApi设计解析
前端·vue.js·api
此乃大忽悠1 小时前
XSS(ctfshow)
javascript·web安全·xss·ctfshow
用户99045017780091 小时前
告别广告干扰,体验极简 JSON 格式化——这款工具让你专注代码本身
前端
前端极客探险家1 小时前
告别卡顿与慢响应!现代 Web 应用性能优化:从前端渲染到后端算法的全面提速指南
前端·算法·性能优化
袁煦丞2 小时前
【局域网秒传神器】LocalSend:cpolar内网穿透实验室第418个成功挑战
前端·程序员·远程工作
江城开朗的豌豆2 小时前
Vuex数据突然消失?六招教你轻松找回来!
前端·javascript·vue.js
好奇心笔记2 小时前
ai写代码随机拉大的,所以我准备给AI出一个设计规范
前端·javascript
江城开朗的豌豆2 小时前
Vue状态管理进阶:数据到底是怎么"跑"的?
前端·javascript·vue.js