栗子前端技术周刊第4期 - Angular v17、VueConf Toronto 2023、WinterJS...

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

📰 技术资讯

  1. Angular v17:通过 Angular v17 重新介绍 Angular - Angular 于 2010 年首次以 AngularJS 的形式出现,并掀起了大规模 JavaScript 框架的浪潮。Angular v17 在功能和愿景方面都实现了飞跃,团队对 Angular 进行了重塑,并将其重新定位为现代解决方案。

    • Angular.dev 是一个全新的文档网站。
    • Hydration 已准备就绪。
    • 新项目默认使用 Vite 和 esbuild。
    • 改进了对创建服务器端应用程序的支持。
    • 全新改进的内置控制流可减少代码冗长。
  2. VueConf Toronto 2023:2023 年多伦多 VueConf 会议在 11 月 9-10 召开。内容包括 Vue 和 Vite 的最新情况、Vuetify 3 最新版本 Blackguard 的细节、 Pinia 中的一些不好的做法,以及本应采用的好的做法等等。

  3. WinterJS 发布:WinterJS 是用 Rust 编写的 JavaScript Service Workers 服务器,它使用 SpiderMonkey 引擎来执行 JavaScript(与 Firefox 使用的引擎相同)。

  4. Deno 1.38 已发布:允许使用 npm(或 pnpm)安装软件包,从而进一步提高了 Node.js 兼容性,同时预装了热更新模块功能和支持更快的 JSX 转换。

  5. React use server :React 关于 use server 的官方文档在过去一周中得到了大幅充实。

📒 技术文章

  1. 前 1% 的顶级工程师的 7 个简单习惯: 这些习惯包括坚持一致的编码标准、至少在一个领域有深厚的领域知识、脱离代码以及更引人注目。

  2. CSS prefers-reduced-transparency:Chrome 浏览器中的 CSS prefers-reduced-transparency - 介绍如何为喜欢(甚至需要)不透明界面的用户提供优化和调整使用体验。

  3. 古茗打印机技术的演进: 不要在碰到一些小票打印出来模糊的时候说没墨了,他根本没有墨!核心在纸,这就是为什么我们点外卖或者堂食给到我们的小票用指甲划一下就能变黑。

  4. 了不起的Base64: 详细的介绍了 Base64 的方方面面。

🔧 开发工具

  1. use-debounce v10.0:React 库 Debouce 库,让你不再为使用防抖烦恼。库的特点:体积小 < 1 Kb、与 underscore / lodash impl 兼容--一次学习,随处使用、服务器渲染友好。
  1. react-verification-input 4.0:可定制的屏蔽输入框,开箱即用,高可定制性,样式可自定义。
  1. Buttons.cool: 网页按钮大合集 - CodePen 提供的一百多个精美、免费的 HTML 和 CSS 按钮代码示例,合集不断增加,内容丰富。

  2. Moveable: 用于拖动、调整大小、缩放等操作的库 - 如果你想对元素进行物理操作(扭曲、捏合、旋转等),这个库可以帮到你。它的主页是包括有趣的演示,还有与常用框架集成的软件包。

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

相关推荐
清灵xmf19 分钟前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据26 分钟前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_3901617734 分钟前
防抖函数--应用场景及示例
前端·javascript
334554321 小时前
element动态表头合并表格
开发语言·javascript·ecmascript
John.liu_Test1 小时前
js下载excel示例demo
前端·javascript·excel
Yaml41 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事1 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro
哟哟耶耶1 小时前
js-将JavaScript对象或值转换为JSON字符串 JSON.stringify(this.SelectDataListCourse)
前端·javascript·json
getaxiosluo1 小时前
react jsx基本语法,脚手架,父子传参,refs等详解
前端·vue.js·react.js·前端框架·hook·jsx
理想不理想v1 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript