HTML CSS JavaScript Angular Hello Mobile 📲

登录

Angular

SPA单页Web应用

通过HTML、CSS及JavaScript学习及实践应用，为了进一步提高工作效率、数据信息渲染、用户体验等等诸多“借口”，进而衍生出web前端框架，Angular就是其中之一，这里就不对angular1.x（angularJs）做说明了，我们就从Angular2 开始，目前已经Angular17.x，升级的目的也是与时俱进，为其表现得更为友好而已；这也就说所谓的单页Web应用（SPA）,市面上的前端框架很多，不论学习哪一个，HTML、CSS与JavaScript依然是基础，基础扎实了，能够进一步学好每一个前端框架。

Angular自定义预加载策略 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular自定义预加载策略

3年前 by 发布于 angular

预加载是介于直接加载与懒加载的一种方式。懒加载是为了降低初始化所需时间，预加载是为了提升即将进入路由模块时间。

Angular CDK 工具包 Clipboard 剪贴板 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular CDK 工具包 Clipboard 剪贴板

3年前 by 发布于 angular

Web页面中偶尔会使用到快捷复制功能操作，更常见的可能是后台数据管理项目中。如用户姓名、电话与地址，因布局结构设计，不便...

Angular 组件交互 ngOnChanges 监听某一属性值变更 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular 组件交互 ngOnChanges 监听某一属性值变更

3年前 by 发布于 angular

我们在实际项目中会拆分各个功能模块，以便页面复用，避免重复工作。那么，这里就涉及到组件之间的交互问题。例如常使用的，输入...

初略Angular应用安装@angular/pwa - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

初略Angular应用安装@angular/pwa

4年前 by 发布于 angular

PWA（Progressive web apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强...

Angular路由预加载 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular路由预加载

4年前 by 发布于 angular

我们知道Angular路由能让用户从一个视图导航到另一个视图，随着项目的发展会生产N多个模块，我们通过惰性加载（懒加载）...

Angular 装饰器 HostListener 监听DOM事件 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular 装饰器 HostListener 监听DOM事件

4年前 by 发布于 angular

Angular 装饰器 HostListener 监听DOM事件，本例监听回车键（Enter）与换行按键（Ctrl En...

Angular 管道之异步数据读取转换 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular 管道之异步数据读取转换

4年前 by 发布于 angular

async 管道会订阅一个 Observable 或 Promise，并返回它发出的最近一个值。当新值到来时，asyn...

Angular日期在TypeScript中格式化转换应用 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular日期在TypeScript中格式化转换应用

5年前 by 发布于 angular

组件模板中我们常常使用Angular内置管道DatePipe将其日期格式化，如同{{ startTime | date:...

Angular 父组件与子组件通讯之共享服务 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular 父组件与子组件通讯之共享服务

5年前 by 发布于 angular

父组件和它的子组件共享同一个服务，利用该服务在组件家族内部实现双向通讯。该服务实例的作用域被限制在父组件和其子组件内。这...

通过 angular CDK 实现页面元素拖放 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

通过 angular CDK 实现页面元素拖放

5年前 by 发布于 angular

通过导入@angular/cdk/drag-drop模块我们可以轻松实现元素在页面中得拖放功能，如元素在页面中随意拖动、...

angular操作DOM中的滚动条自动滚动到底部示例 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

angular操作DOM中的滚动条自动滚动到底部示例

5年前 by 发布于 angular

实例应用中根据需求对DOM进行操作，这篇文章主要介绍angular如何操作DOM中元素的方法。本篇文章以发送消息为例，让...

Angular前端应用中HttpParams以json格式进行http多参数传递示例 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular前端应用中HttpParams以json格式进行http多参数传递示例

5年前 by 发布于 angular

大多数前端应用都需要通过 HTTP 协议与后端服务器通讯。现代浏览器支持使用两种不同的 API 发起 HTTP 请求：X...

Angular应用中通过socket.io-client搭建实时通信前端实例安装配置方法 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular应用中通过socket.io-client搭建实时通信前端实例安装配置方法

5年前 by 发布于 angular

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议，通过它，我们可以双向会话；本篇文...

Angular6.x安装配置本地加载汉化版TinyMCE Angular集成配置HTML富文本编辑器方法 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular6.x安装配置本地加载汉化版TinyMCE Angular集成配置HTML富文本编辑器方法

5年前 by 发布于 angular

项目中时常会应用到HTML富文本编辑器，例如：后台项目中文章内容管理、产品详情信息管理、评论回复等功能版块都会多多少少应...

Angular路由惰性加载实例运用懒加载路由配置提升加载速度优化用户体验 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular路由惰性加载实例运用懒加载路由配置提升加载速度优化用户体验

5年前 by 发布于 angular

在angular实际项目应用中，随着业务需求的不断增加，难免整个项目模块变的比较庞大，致使在首次加载过程中比较耗时，等待...

Angular 路由快照使用RouteReuseStrategy路由复用策略暂存路由状态 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Angular 路由快照使用RouteReuseStrategy路由复用策略暂存路由状态

6年前 by 发布于 angular

Angular(angular2 ) RouteReuseStrategy使用情景，后台数据信息管理类系统往往会用到页面...