Morning Star's blog

  • Home

  • Tags

  • Categories

  • Search

  • Archives

  • About

用ng-content使Angular中的自定义组件更灵活(二)

Posted on 2019-06-03 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 1.3k | Reading time ≈ 2 mins.

在用ng-content使Angular中的自定义组件更灵活(一)中,给大家介绍了ng-content的基本用法,但那种方法只能在组件中保留一个ng-content, 组件只有一个可插入的占位符。那如果我们需要在组件中保留多个占位符该怎么做呢?

Read more »

升级Angular CLI

Posted on 2019-06-02 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 1.8k | Reading time ≈ 3 mins.

Angular CLI是我们在构建Angular应用时使用的主要工具。因为这套工具和Angular框架本身是独立发展的,所以他们拥有不同的网站,也有不同的版本。Angular的当前最新版本是8.x,而Angular CLI的当前最新版本是8.x。

Read more »

用ng-content使Angular中的自定义组件更灵活(一)

Posted on 2019-06-01 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 1.9k | Reading time ≈ 3 mins.

在Angular中,ng-content指令就像是一个组件中的占位符,使我们可以灵活的插入内容到组件的指定位置,内容可以是简单的字符串,也可以是原生HTML。在其它框架中也有类似的指令,只不过名字不同,在VUE中,它叫Slot。

Read more »

ConstraintLayout的主要特性说明

Posted on 2019-06-01 | Edited on 2021-04-16 | In App开发 , Android
Symbols count in article: 590 | Reading time ≈ 1 mins.

ConstraintLayout是现在Android应用开发中默认的布局方式。该布局主要是为了解决布局嵌套,提升界面性能,在功能上,它完全超越了传统了LeanerLayout, GridLayout, RelativeLayout等。而且ConstraintLayout非常适合通过在屏幕上拖拽来布局。

Read more »

用@Output装饰器为Angular中的组件定义事件

Posted on 2019-05-31 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 3.2k | Reading time ≈ 5 mins.

在用@Input装饰器为Angular中的组件传值中,给大家介绍了如何通过@Input装饰器向组件(Component)传递参数,在本文中将会给大家介绍如何自定义组件的事件,如何响应事件,又如何通过事件来接收数据。

Read more »

用@Input装饰器为Angular中的组件传值

Posted on 2019-05-31 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 2.3k | Reading time ≈ 4 mins.

使用Angular框架开发应用时,组件(Component)是组建应用的基本模块之一。一个组件可以是一屏完整的界面(初学Angualr的人往往是这样认识组件的),也可以是界面中的一部分,小到一个按钮(Button),一个输入框(Input);大到一个列表或是一个复杂的业务输入表单(Form)。那如何提高组件的复用度呢?当然是采用传参的方式,将变化的部分通过参数抽取,隔离出来,就像我们在定义函数的时候做的那样。

Read more »

如何理解Angular框架依赖注入

Posted on 2019-05-30 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 2k | Reading time ≈ 3 mins.

依赖注入(DI)是现在软件开发中常用的一个设计模式,它能显著的增强软件系统的灵活性,可靠性和可测试性。非常多的软件框架使用了DI设计模式,包括大家熟知的Spring (Java平台)等。Angular也使用了DI。

Read more »

如何设置Yarn作为Ionic CLI的包管理工具

Posted on 2019-05-27 | Edited on 2022-01-14 | In App Development , Ionic
Symbols count in article: 516 | Reading time ≈ 1 mins.

Yarn是一个非常棒的包管理工具,相比npm来说,Yarn避免了重复包的下载,极大的减少了包下载的时间,加快了项目的构建。但Ionic CLI中默认的包管理工具是npm, 那如何在Ionic CLI中使用Yarn呢?

Read more »

如何在Hexo的博文中引用自己的文章

Posted on 2019-05-27 | Edited on 2021-04-16 | In 博客维护
Symbols count in article: 631 | Reading time ≈ 1 mins.

在用Hexo来写博文时,有时需要应用自己写的另一篇文章。如果用标准的Markdown的引用语法来写,就必须知道Hexo将博文转换以后的命令规则,比如默认的规则是”/年/月/日/文章名”, 但这样做显然缺乏灵活性和可维护性。

Read more »

如何设置Yarn作为Angualr CLI的包管理工具

Posted on 2019-05-22 | Edited on 2021-04-16 | In 前端开发 , Angular框架
Symbols count in article: 575 | Reading time ≈ 1 mins.

Yarn是一个非常棒的包管理工具,相比npm来说,Yarn避免了重复包的下载,极大的减少了包下载的时间,加快了项目的构建。但Angualr CLI中默认的包管理工具是npm, 那如何在Angular CLI中使用Yarn呢?

Read more »

1…575859
Morning Star

Morning Star

586 posts
42 categories
43 tags
RSS

© 2022 Morning Star | 1.2m | 31:58
Powered by Hexo v3.9.0
|
Theme – NexT.Gemini v7.1.1
|