- 2024-11-14界面控件Kendo UI for Angular中文教程:如何构建带图表的仪表板?(一)
KendoUIforAngularListView可以轻松地为客户端设置一个带有图表列表的仪表板,包括分页、按钮选项、数字或滚动,以及在没有更多项目要显示时的通知等。KendoUIforAngular是专用于Angular开发的专业级Angular组件。telerik致力于提供纯粹的高性能AngularUI组件,无需任何jQuery
- 2024-11-13基于Angular的动画展示网站+登录注册(cognito)
项目介绍本项目为本人angular练习练手项目,是基于Angular的Web应用,用于展示和搜索Bangumi上的动画,使用API来自BangumiAPI。本项目使用GitHubActions自动部署到GitHubPages。项目名称my-angular-project-test地址:https://dreaife.github.io/my-angular-project-
- 2024-11-13github action自动部署angular页面
angular.jsonprojects>{your-project-name}>architect>build>options>outputPath如果默认生成静态网页在browser下,记得修改/添加属性"baseHref":"/browser/",安装angular-cli-ghpagesngaddangular-cli-ghpages.github/workflows下创建工作流nam
- 2024-11-07angular组件间的数据输出——output
原文链接:angular组件间的数据输出——output–每天进步一点点0.背景上一篇文章,我们简单介绍的是Input的用法,这篇文章,我们继续介绍一下Output的用法。需要注意的是是Output表示子组件向父组件传递数据。图示如下:在本文中:StudentComponent是子组件,AppComponent是父组件。父
- 2024-11-07angular—如何制作一个HTTP拦截器
原文链接:angular—如何制作一个HTTP拦截器–每天进步一点点HTTP拦截器在开发过程中十分常见。在构建项目时,最好就直接创建一个HTTP拦截器,否则遇到以下几种问题,再进行改动就会十分浪费时间。需要给所有的请求修改请求地址。需要给所有的请求参数设置新的请求报文首部。需要监
- 2024-11-07angular组件间的数据输入——input
原文链接:angular组件间的数据输入——input–每天进步一点点0.背景我们前面一篇文章简单介绍了angular如何引用其他组件,这篇文章简单介绍一下angualr组件之间如何传输数据。一个使用场景:我们定义了一个学生组件,学生有自己的姓名、年龄,语文成绩、数学成绩、英语成绩,然后其他
- 2024-11-01Angular 18 上手开发
0x01概述(1)简介官方网站:https://www.angular.cn/Angular由Google的专业团队维护,Angular提供了广泛的工具、API和库,简化和优化开发工作流程Angular提供了一个坚实的平台,可用于构建快速、可靠、能够随着团队规模和代码库规模扩展的应用程序特点:整合性高,降低技术决策成
- 2024-11-01界面控件DevExpress JS & ASP.NET Core v24.1亮点 - 支持Angular 18
DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NETCore或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中
- 2024-10-31界面控件Kendo UI for Angular 2024 Q3亮点 - 全新的页面模板
随着最新的2024Q3版本,Progress使用户能够使用现成的页面模板和构建块更快地构建令人惊叹的应用程序,使您的Telerik和KendoUI开发体验更好。Telerik和KendoUI 2024Q3版本将焦点放在新推出的页面模板和构建块上,每个页面模板和构建块都预先配置了TelerikUIforBlazor、KendoU
- 2024-10-29angular - 阅读zone.js代码引出的访问器属性问题
对websocket的onmessageonerroronopenonclose事件是如何被zone.js代理存在疑问,阅读了zone.js的源码此处对WebSocket.prototype的onmessageonerroronopenonclose进行patch操作 具体的patch操作如下: 对WebSocket.prototype上的访问器属性(区别于数据属性)而言,webSo
- 2024-10-29angular - 属性修饰器的使用
参考文章https://zhuanlan.zhihu.com/p/65764702 例子:以前的代码,针对表格的滚动区高度动态设置代码,需要在每个组件里利用ResizeObserver监听表格容器尺寸变化,然后动态修改滚动区高度,这样在代码里存在大量的相似冗余 引入属性修饰器,能够抽象公共代码,如下 业务组件
- 2024-10-29angular -响应式表单深入
响应式表单为@angular/form包提供的ReactiveFormsModule,核心思想是围绕流observable,对表单进行数据设置、获取、校验等Angular/common包里的表单表单项有层级结构,表单项基础构造类为FormControl,当页面片段需要使用多字段聚合的表单,需要用到FormGroup或FormArray,注意FormArray不
- 2024-10-29angular - modal弹窗的关闭行为深入
背景:民康项目中,弹窗里有echarts图,需要在弹窗关闭时dispose掉echarts,在nzOnCancel的方法里进行dispose操作,正常在当前页面里打开关闭弹窗是可以触发nzOnCancel的,但是url栏里输入url跳转到其他菜单,nzOnCancel不会触发,这样就存在内存泄露的风险 前置介绍简单提一下ng组件加载的
- 2024-10-29angular-变更检测流程理解
变更检测是在js事件循环过程中,将组件的数据变化反映到视图上的一种机制具体过程如下: 几点关键的:1、子组件的ngonchangengDoCheckngAfterContentChecked是在父组件更新dom(第9步)前完成2、在所有子组件的afterViewChecked钩子执行之前,父组件的ViewChild查询表就会更新,在所
- 2024-10-28Angular 19 "要" 来了⚡
前言Angular19预计会在11月中旬发布,目前(2024-10-27)最新版本是v19.0.0-next.11。这次v19的改动可不小哦,新增了很多功能,甚至连effect都breakingchanges了呢
- 2024-10-24JavaScript框架和库的区别是什么
JavaScript框架和库的区别:1.定义区别;2.功能区别;3.控制权的归属;4.使用方式;5.适用场景;6.响应式与显式声明;7.社区生态和成熟度;8.性能优化策略等。JavaScript框架是一个完整的应用程序结构,提供了一整套规范和设计模式,库则是一组可重用的代码片段,专注于某个功能领域。1.定
- 2024-10-21Angular和React有什么本质区别
ANGULAR与REACT的本质区别在于:1、基础架构Angular是一个成熟的全功能前端框架,而React则是一个灵活的前端库;2、数据绑定Angular提供双向数据绑定,React采用单向数据流;3、依赖注入Angular支持依赖注入,React则没有这一机制;4、语法Angular使用TypeScript编写,引入了类和接口,而React
- 2024-10-15angular中常见的管道及用法
原文链接:angular中常见的管道及用法–每天进步一点点(longkui.site)上一篇文章中,简单介绍了angular中自定义管道的使用:angular中如何自定义一个管道这篇文章介绍一下,angular中自带的一些好用管道。1.日期管道{{dateTime|date:'yyyy-MM-ddHH:mm:ss'}}//2022-12-1211
- 2024-10-15Only one structural directive can be applied
原文链接:Onlyonestructuraldirectivecanbeapplied–每天进步一点点(longkui.site)某天调试angular的时候,开始报这个错:Onlyonestructuraldirectivecanbeapplied或者Can’thavemultipletemplatebindingsononeelement.Useonlyoneattributeprefixedw
- 2024-10-10Angular : ERROR [karma-server]: UncaughtException: Error: spawn UNKNOWN
angular在单元测试时执行ngtest--no-watch--code-coverage报异常如下:ERROR[karma-server]:UncaughtException:Error:spawnUNKNOWNatChildProcess.spawn(node:internal/child_process:414:11)atspawn(node:child_process:761:9)atspawnWithoutOutput
- 2024-10-06陀螺仪LSM6DSV16X与AI集成(14)----上报匿名上位机
陀螺仪LSM6DSV16X与AI集成.14--上报匿名上位机概述视频教学样品申请源码下载硬件准备上位机通讯陀螺仪工作方式欧拉角数据的转换数据帧填充校验和计算数据发送演示开启INT中断中断读取传感器数据主程序演示概述本文介绍了如何将LSM6DSV16X传感器的姿态数据通过匿名
- 2024-10-05构建-Angular-离线应用-全-
构建Angular离线应用(全)原文:BuildingOfflineApplicationswithAngular协议:CCBY-NC-SA4.0一、构建现代Web应用欢迎光临!恭喜你选择了这本书来学习如何用Angular构建离线应用。这一介绍性的章节为这本书设定了期望和框架。它简要介绍了传统的web应用开发,以及为什么
- 2024-09-29主流前端框架的详细对比和选择建议
前端框架的选择对于现代Web开发至关重要,影响到开发效率、代码可维护性以及用户体验。以下是对几种主流前端框架的详细对比和选择建议。一、前端框架概述前端框架是为了简化Web开发而设计的一组工具和库,帮助开发者构建用户界面、管理状态以及处理与服务器的交互。常见的前端框
- 2024-09-27前端框架对比及选择:React、Vue、Angular的深度剖析
前端框架对比及选择:React、Vue、Angular的深度剖析在前端开发领域,框架的选择一直是开发者和团队面临的重要决策之一。随着技术的不断演进,市场上涌现了众多前端框架,但其中React、Vue和Angular无疑是最为流行和备受关注的三大框架。本文将对这三个框架进行详细对比,帮助开发者