Angular 开发笔记 - 滚动条下拉 scroll 事件用法
前端开发

Angular 开发笔记 - 滚动条下拉 scroll 事件用法

在许多页面,不管是用户注册或是购买东西时,都会有很长的用户协议 授权页,相信大部分的人都不会认真看,但是有些网站和系统却要求用户必须看完用户协议,才能进行下一步操作。这次我们就来谈谈如何通过scroll的触发下拉事件来做用户协议授权。 HTML代码 <div class="modal-dialog modal-dialog-scrollable privacy-box-2"> <div class=...

逍遥乐

Angular 12 有哪些新特性?
前端开发

Angular 12 有哪些新特性?

Angular 12的未来是什么? Angular是Google基于TypeScript的框架,用于构建桌面和移动web应用程序。它在GitHub上拥有超过68000颗星。Angular 11于2020年11月11日发布。 每年,Angular都会进行一次开发人员调查,反馈将近3万,以使Angular变得更好。有了Angular社区的反馈,请求和建议,他们计划了一些节省时间、更快、非常酷的改进。 在Angula...

逍遥乐

如何在 Angular 10 中使用鼠标滑动拖拽控件 HammerJS
前端开发

如何在 Angular 10 中使用鼠标滑动拖拽控件 HammerJS

Angular是一个优秀的前端框架。伴随着不断更新,在它的发行版中不断添加新特性和修改,这是一件好事。但有时我们在前一个版本中使用的内容在最新版本中会停止工作。HammerJS也是如此。 Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。您可以在这里阅读有关HammerJS及其文档的更多信息。 ...

逍遥乐

Angular路由: 如何在路由导航之间页面加载时显示loading加载动画效果
前端开发

Angular路由: 如何在路由导航之间页面加载时显示loading加载动画效果

当使用angular 路由守卫,或者使用解析器读取数据时,我们可以利用导航到路由以及显示组件的这段时间,显示一段loading加载动画效果。让用户知道,后台正在进行一些事情,而不是点击之后毫无反应,这将大大的改善用户体验。 本文的目的是向您展示如何在从一个路由导航到另一个路由时显示loading加载动画效果。 Demo应用 我们将从一个demo应用开始...

逍遥乐

angular 对象属性变化,如何对象触发对象change事件
前端开发

angular 对象属性变化,如何对象触发对象change事件

Angular的核心是组件化,组件的嵌套会使得最终形成一棵组件树。Angular的变化检测可以分组件进行,每一个Component都对应有一个changeDetector,我们可以在Component中通过依赖注入来获取到changeDetector。而我们的多个Component是一个树状结构的组织,由于一个Component对应一个changeDetector,那么changeDetector之间同样是一个树状结构的组织. ...

逍遥乐

什么是 JWT -- JSON WEB TOKEN
前端开发

什么是 JWT -- JSON WEB TOKEN

什么是JWT Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录(SSO)场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息,以便于从资源服务器获取资源,也可以增加一些额外的其它业务逻辑所必须的声明信息,...

逍遥乐

在ts文件中使用Angular模板引用变量(#var)的方法
前端开发

在ts文件中使用Angular模板引用变量(#var)的方法

  模板引用变量使用井号(#)来声明引用变量。 模板引用变量通常用来引用模板中的某个DOM元素,它可以引用Angular组件或指令或 Web Component。 我们可以在当前模板的任何地方使用模板引用变量。 示例: <p-menu #menu [popup]="true" [model]="items"></p-menu> <button type="button" pButton icon="fa fa-fw fa...

逍遥乐