首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
走进Angular的世界
DevUI团队
创建于2021-05-10
订阅专栏
一步一步,带你走进Angular的世界。
等 45 人订阅
共14篇文章
创建于2021-05-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Ng DevUI 14 released!🎉
6月份刚发布 Angular 14 版本,8月份我们就升级上啦! Angular 14 版本带来了很多令人惊喜的特性: 支持独立组件,创建组件无需依赖 NgModule 支持类型化的表单,确保表单控件
Angular依赖注入模式的应用和玩法案例
本文介绍了控制反转的依赖注入模式及其好处,介绍了Angular中依赖注入是如何查找依赖,如何配置提供商,如何用限定和过滤作用的装饰器拿到想要的实例,进一步通过N个案例分析如何结合依赖注入的知识点来解决
如何使用 Monaco Editor 做一个在线的网页代码编辑器
monaco editor 是一个由微软开发的代码编辑器,我们熟知的 vscode 就是基于其来实现的。也就是说,我们在 vscode 里面能够做到的功能理论上你也是可以通过 monaco edito
Angular PWA 渐进式 Web 应用
PWA 有如下一些优点: 无连接(offline)状态下的可用性 加载速度快 屏幕快捷方式 如果情况允许,还是推荐大家将其用于项目中的,提升性能,也提升用户的体验。 更加详细的说明,可以查看 MDN
TypeScript AST (抽象语法树) 结合 Angular Schematics 的应用
AST 简单来说就是将 typescript 语法解析为一个一个的节点,在节点信息中包括了该节点的 position, text, kind 等信息,更详细的介绍大家可以查看 AST,在这里也给大家推
Angular CLI下的自定义Webpack配置方法和自定义loader处理案例实践
本文介绍了如何在AngularCLI生成的工程里使用自定义的webpack设置,并且举了几个实际情况下为了解决问题修改的webpack配置,覆盖css的修改、js的修改以及拦截内容自动扫描生成。
Angular Schematics在DevUI Admin中的实践
DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产
Monorepo初体验:将现有的NG CLI工程改造成Monorepo方式
DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产
Angular路由:懒加载、守卫、动态参数
DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产
现在开始为你的Angular应用编写测试(二)
在上一篇文章中,我们以Angular官方自带的测试用例为引,介绍了如何在20分钟内将单元测试集成到已有项目中;并提出从公共方法、管道等逻辑相对简单又比较稳定的代码块入手,开启书写单元测试之路。这一篇文章,主要来回答以下两个问题: 当我们在code-coverage 的报告中查看…
现在开始为你的Angular应用编写测试(一)
业务需求变化快、涉及大量的UI 和交互、大部分业务场景是在与后端交换并处理数据。以上几点事实让测试成为前端领域让人非常头疼的问题,也成为前端不写单元测试的借口。 当我们面临一个不太熟悉的领域或场景时,简单可快速实施的内容更容易让我们迈出第一步。本文的目的正在于此,让你二十分钟之…
手把手教你搭建自己的Angular组件库
作为前端开发者,随着公司业务的不断发展和增长,业务对组件功能、交互的诉求会越来越多,不同产品或者团队之间公用的组件也会越来越多,这时候就需要有一套用于支撑内部使用的组件库,也可以是基于已有组件扩展或者封装一些原生三方库。本文会手把手教你搭建自己的Angular组件库。 whit…
Angular HttpClient拦截器在开发中的实践
Angular自带的http拦截器,官方介绍:拦截请求和响应,其实描述的已经非常明确,在我们团队实际的业务开发中,主要的实践也是通过自行封装拦截器,来实现对http请求和响应的处理、监视,这两个链路可做的处理场景有很多,比如request header的字段修改,请求的安全鉴权…
【译】Angular最佳实践
Angular 框架作为前端三大框架之一,有着其独到优点,可用于创建高效、复杂、精致的单页面应用。 本文介绍了Angular开发过程中推荐的十八个最佳实践及示例,用于开发过程中参考运用。 1. trackBy 一般情况下,当数组内有变更时,Angular将会对整个DOM树加以重…