首页 web前端 js教程 Angular Addicts # Angular 隐式库,未来是独立的等等

Angular Addicts # Angular 隐式库,未来是独立的等等

Sep 10, 2024 pm 04:30 PM

Angular Addicts # Angular implicit libraries, the future is standalone & more

?Hei rakan Penagih Angular

Ini ialah keluaran ke-29 Surat Berita Penagih Angular, koleksi bulanan sumber Sudut yang dipilih dengan teliti yang menarik perhatian saya. (Berikut ialah keluaran ke-28, 27 dan ke-26)

?Keluaran pengumuman

? Apa yang baharu dalam Angular 18.2?

Angular 18.2, versi kecil terbaru Angular, telah dikeluarkan pada bulan Ogos. Cédric Exbrayat merangkumi ciri baharu utama:

  • Siram automatik dalam fakeAsync
  • apabilaStable helper
  • defaultQueryParamsHandling dalam penghala
  • Penghijrahan untuk memindahkan suntikan pergantungan dilakukan melalui pembina ke fungsi suntikan
  • Penghijrahan untuk menukar komponen kendiri yang digunakan dalam laluan menjadi malas dimuat
  • Diagnostik baharu untuk menangkap fungsi yang tidak dipanggil dalam pengikatan acara dan pengisytiharan @let yang tidak digunakan
  • Sokongan konfigurasi pemuat berasaskan atribut dalam pembina

? Nx 19.5 ada di sini! Stackblitz, Bun, Binaan Bertambah untuk Vite, Pengabut Ujian Gradle

Versi kecil terbaharu Nx telah dikeluarkan bulan lepas. Zack DeRose meringkaskan tugas baharu:

  • Sokongan StackBlitz
  • Sokongan Bun dan pnpm v9
  • Pengesanan tugas mengelupas setempat
  • Peningkatan paparan butiran projek
  • Sokongan corak untuk targetDefaults
  • Sasaran individu kini boleh menarik diri daripada selari
  • Sokongan untuk binaan tambahan untuk Vite
  • Penjana penukaran Kristal Projek
  • Gradle komposit membina sokongan
  • Percubaan: Pengabusan ujian Gradle
  • Percubaan: Keluaran Nx menambah sokongan versi berasaskan fail
  • Sokongan untuk React 19 (rc) dan Angular 18.1

?Permata Sudut Ogos, 2024

?Perpustakaan Tersirat dengan Nx: Seni Bina Sudut Ringan mengikut Konvensyen

Manfred Steyer menunjukkan kepada kita seni bina di mana konfigurasi perpustakaan diperoleh oleh pemalam Nx menggunakan konvensyen. Dengan perpustakaan tersirat, kita boleh mencipta perpustakaan baharu dengan mencipta folder dengan fail index.ts.

Idea perpustakaan tersirat datang daripada catatan blog Younes Jaaidi. Dia juga menulis panduan langkah demi langkah tentang topik ini.

?MenggunakanModul terpencil dalam Sudut 18.2

Angular 18.2 menyokong TypeScript isolateModules. Ciri ini boleh meningkatkan masa binaan pengeluaran. Mark Thompson dan Charles Lyding menerangkan cara ciri ini berfungsi dan cara menyediakannya dalam projek Angular.

?Masa depan adalah berdiri sendiri!

Dalam Angular 19, berdiri sendiri: true akan menjadi tetapan lalai untuk komponen, arahan dan paip. Alex Rickabaugh menjelaskan bahawa NgModules tidak akan ditamatkan, dan akan terdapat penghijrahan automatik yang akan:

  • Alih keluar berdiri: benar untuk komponen kendiri sedia ada
  • Tambahkan berdiri: palsu pada komponen NgModule sedia ada supaya ia terus berfungsi

?Mencipta Envless Angular-aplikasi

Dalam artikelnya, Maksim Dolgikh menerangkan cara untuk beralih daripada kod berkod keras untuk setiap persekitaran kepada binaan universal yang boleh digunakan di mana-mana sahaja. Dia mencadangkan dua penyelesaian:

  • Dapatkan konfigurasi daripada pelayan konfigurasi
  • Gunakan Docker dan buat fail konfigurasi JSON semasa fasa pengambilan imej Docker

?Pindahkan Komponen Reaksi yang mudah ke Sudut

Chau Tran membandingkan model gubahan React dan Angular, menerangkan cara menggunakan komponen Selection dan Select dalam React Three Fiber dan menyediakan panduan terperinci tentang mengalihkan komponen ini daripada React to Angular.

??Tentang pengarang

Nama saya Gergely Szerovay, saya bekerja sebagai saintis data dan pembangun tindanan penuh selama bertahun-tahun, dan saya telah bekerja sebagai peneraju teknologi hadapan, memfokuskan pada pembangunan bahagian hadapan berasaskan Angular. Sebagai sebahagian daripada peranan saya, saya sentiasa mengikuti perkembangan Angular dan adegan pembangunan bahagian hadapan secara amnya. Untuk berkongsi pengetahuan saya, saya memulakan surat berita dan penerbitan bulanan Angular Addicts pada tahun 2022, supaya saya boleh menghantar kepada anda sumber terbaik yang saya temui setiap bulan. Sama ada anda seorang Penagih Angular yang berpengalaman atau seorang pemula, saya dapat membantu anda. Beritahu saya jika anda ingin dimasukkan sebagai penulis. Mari belajar Angular bersama-sama! Langgan di sini?

Angular telah berkembang dengan sangat pesat sejak beberapa tahun lalu, dan pada tahun lalu, dengan peningkatan AI generatif, aliran kerja pembangunan perisian kami juga telah berkembang dengan pesat. Untuk mengikuti evolusi pembangunan perisian berbantukan AI, saya memutuskan untuk mula membina alatan AI secara terbuka dan menerbitkan kemajuan saya di AIBoosted.dev. Sertai saya dalam perjalanan pembelajaran ini: Langgan di sini ?

在 Substack (Angular Addicts)、Substack (AIBoosted.dev)、Medium、Dev.to、Twitter 或 LinkedIn 上关注我,了解有关 Angular 的更多信息,以及如何使用 AI、Typescript、React 和 Angular 构建 AI 应用程序!

?️往期

如果您错过了前几期的时事通讯,您可以在这里阅读,这是最新的 3 期:

  • Angular Addicts #28:Angular 18.1、组件测试、SSR 指南等
  • Angular Addicts #27:NgRx 18、新 RFC:DomRef API、带有信号的 Web 存储等等
  • Angular Addicts #26:Angular 18、最佳实践、最近的会议录音等

?提交您的 Angular 资源

您最近是否发现或撰写了有趣的 Angular 相关文章、推文或其他资源?请在评论中告诉我,或者在 Twitter 上给我发私信!我可能会在下一期 Angular Addicts 中介绍它!

以上是Angular Addicts # Angular 隐式库,未来是独立的等等的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Laravel 教程
1602
29
PHP教程
1505
276
如何在node.js中提出HTTP请求? 如何在node.js中提出HTTP请求? Jul 13, 2025 am 02:18 AM

在Node.js中发起HTTP请求有三种常用方式:使用内置模块、axios和node-fetch。1.使用内置的http/https模块无需依赖,适合基础场景,但需手动处理数据拼接和错误监听,例如用https.get()获取数据或通过.write()发送POST请求;2.axios是基于Promise的第三方库,语法简洁且功能强大,支持async/await、自动JSON转换、拦截器等,推荐用于简化异步请求操作;3.node-fetch提供类似浏览器fetch的风格,基于Promise且语法简单

JavaScript数据类型:原始与参考 JavaScript数据类型:原始与参考 Jul 13, 2025 am 02:43 AM

JavaScript的数据类型分为原始类型和引用类型。原始类型包括string、number、boolean、null、undefined和symbol,其值不可变且赋值时复制副本,因此互不影响;引用类型如对象、数组和函数存储的是内存地址,指向同一对象的变量会相互影响。判断类型可用typeof和instanceof,但需注意typeofnull的历史问题。理解这两类差异有助于编写更稳定可靠的代码。

过滤JavaScript中的一系列对象 过滤JavaScript中的一系列对象 Jul 12, 2025 am 03:14 AM

JavaScript中filter()方法用于创建一个包含所有通过测试元素的新数组。1.filter()不修改原数组,而是返回符合条件元素的新数组;2.基本语法为array.filter((element)=>{returncondition;});3.可按属性值过滤对象数组,如筛选年龄大于30的用户;4.支持多条件筛选,例如同时满足年龄和名字长度条件;5.可处理动态条件,将筛选参数传入函数以实现灵活过滤;6.使用时注意必须返回布尔值,避免返回空数组,以及结合其他方法实现字符串匹配等复杂逻

如何检查数组是否在JavaScript中包含一个值 如何检查数组是否在JavaScript中包含一个值 Jul 13, 2025 am 02:16 AM

在JavaScript中检查数组是否包含某个值,最常用方法是includes(),它返回布尔值,语法为array.includes(valueToFind),例如fruits.includes('banana')返回true;若需兼容旧环境,则使用indexOf(),如numbers.indexOf(20)!==-1返回true;对于对象或复杂数据,应使用some()方法进行深度比较,如users.some(user=>user.id===1)返回true。

在异步/等待JavaScript函数中处理错误 在异步/等待JavaScript函数中处理错误 Jul 12, 2025 am 03:17 AM

处理异步函数中的错误应使用try/catch、在调用链中处理、使用.catch()方法、并监听unhandledrejection事件。1.使用try/catch捕获错误是推荐方式,结构清晰且能处理await中的异常;2.在调用链中处理错误可集中逻辑,适合多步骤流程;3.使用.catch()可在调用async函数后捕获错误,适用于Promise组合场景;4.监听unhandledrejection事件可记录未处理的rejection,作为最后一道防线;以上方法共同确保异步错误被正确捕获和处理。

JavaScript上下文中解释的虚拟DOM的概念 JavaScript上下文中解释的虚拟DOM的概念 Jul 12, 2025 am 03:09 AM

虚拟DOM是一种优化真实DOM更新的编程概念,通过在内存中创建与真实DOM对应的树形结构,避免频繁直接操作真实DOM。其核心原理是:1.数据变化时生成新的虚拟DOM;2.对比新旧虚拟DOM找出最小差异;3.批量更新真实DOM以减少重排重绘开销。此外,使用唯一稳定key可提升列表对比效率,而部分现代框架已采用其他技术替代虚拟DOM。

高级JavaScript范围和上下文 高级JavaScript范围和上下文 Jul 24, 2025 am 12:42 AM

JavaScript的作用域决定变量可访问范围,分为全局、函数和块级作用域;上下文决定this的指向,依赖函数调用方式。1.作用域包括全局作用域(任何地方可访问)、函数作用域(仅函数内有效)、块级作用域(let和const在{}内有效)。2.执行上下文包含变量对象、作用域链和this的值,this在普通函数指向全局或undefined,在方法调用指向调用对象,在构造函数指向新对象,也可用call/apply/bind显式指定。3.闭包是指函数访问并记住外部作用域变量,常用于封装和缓存,但可能引发

如何在JavaScript中获取输入字段的值 如何在JavaScript中获取输入字段的值 Jul 15, 2025 am 03:09 AM

要获取HTML输入框的值,核心是通过DOM操作找到对应元素并读取value属性。1.使用document.getElementById是最直接方式,给input添加id后通过该方法获取元素并读取value;2.使用querySelector更灵活,可根据name、class、type等属性选取元素;3.可添加input或change事件监听器实现交互功能,如实时获取输入内容;4.注意脚本执行时机、拼写错误及null判断,确保元素存在后再访问value。

See all articles