Skip to content

Commit 3c3184d

Browse files
asnowwolfasnowwolf
committed
052ed0347a fix: 内联独立组件视频
1 parent f61b16f commit 3c3184d

28 files changed

+2034
-2114
lines changed

‎assets/videos/4 Runtime Performance Optimizations-f8sA-i6gkGQ.cn.vtt

Lines changed: 298 additions & 309 deletions
Large diffs are not rendered by default.

‎assets/videos/4 Runtime Performance Optimizations-f8sA-i6gkGQ.tw.vtt

Lines changed: 299 additions & 310 deletions
Large diffs are not rendered by default.

‎assets/videos/Getting Started with Standalone Components in Angular-x5PZwb4XurU.cn.vtt

Lines changed: 206 additions & 209 deletions
Large diffs are not rendered by default.

‎assets/videos/Getting Started with Standalone Components in Angular-x5PZwb4XurU.mp4

92.9 MB
Binary file not shown.

‎assets/videos/Getting Started with Standalone Components in Angular-x5PZwb4XurU.tw.vtt

Lines changed: 207 additions & 210 deletions
Large diffs are not rendered by default.

‎assets/videos/Introducing Angular DevTools-bavWOHZM6zE.cn.vtt

Lines changed: 39 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -3,111 +3,110 @@ Kind: subtitles
33
Language: zh-CN
44
55
00:00:00.000 --> 00:00:01.570
6-
MINKO GECHEV： 大家好。
6+
MINKO GECHEV： 大家好
77

88
00:00:01.570 --> 00:00:02.820
9-
我的名字是 Minko Gechev。
9+
我的名字是 Minko Gechev
1010

1111
00:00:02.820 --> 00:00:05.440
12-
我在谷歌从事 Angular 方面的工作。
12+
我在谷歌从事 Angular 方面的工作
1313

1414
00:00:05.440 --> 00:00:07.410
15-
今天，在这段视频中，
15+
今天，在这段视频中
1616

1717
00:00:07.410 --> 00:00:15.290
1818
我想向你展示如何使用 Angular DevTools
19-
来预览应用程序的结构并分析其性能。
19+
来预览应用程序的结构并分析其性能
2020

2121
00:00:15.180 --> 00:00:18.648
2222
Angular DevTools 是一个 Chrome DevTools
23-
扩展，
23+
扩展
2424

2525
00:00:18.648 --> 00:00:21.136
26-
你可以从 Chrome 网上应用店下载它。
26+
你可以从 Chrome 网上应用店下载它
2727

2828
00:00:21.060 --> 00:00:24.090
29-
你可以在下面的描述中找到一个链接。
29+
你可以在下面的描述中找到一个链接
3030

3131
00:00:24.090 --> 00:00:26.670
32-
当你安装 Angular DevTools 时，
32+
当你安装 Angular DevTools 时
3333

3434
00:00:26.670 --> 00:00:29.250
35-
你可以去 Extensions 并固定它。
35+
你可以去 Extensions 并固定它
3636

3737
00:00:29.250 --> 00:00:33.952
38-
下一步是打开一个以开发模式运行的应用程
39-
序。
38+
下一步是打开一个以开发模式运行的应用程序
4039

4140
00:00:33.840 --> 00:00:37.205
42-
查看图标颜色如何变为红色，
41+
注意图标颜色变成了红色
4342

4443
00:00:37.205 --> 00:00:40.570
45-
表示我们可以调试应用程序。
44+
表示我们可以调试应用程序
4645

4746
00:00:40.570 --> 00:00:45.206
4847
现在让我们打开 Chrome DevTools 并找到 Angular
49-
选项卡。
48+
选项卡
5049

5150
00:00:45.120 --> 00:00:48.990
52-
在这里我们可以预览应用程序的组件树。
51+
在这里我们可以预览应用程序的组件树
5352

5453
00:00:48.990 --> 00:00:50.395
55-
选择组件后，
54+
选择组件后
5655

5756
00:00:50.395 --> 00:00:57.038
58-
我们可以在右侧面板中找到它的元数据、属
59-
性、输入和输出。
57+
我们可以在右侧面板中找到它的元数据、
58+
属性、输入和输出
6059

6160
00:00:56.910 --> 00:01:01.140
62-
我们可以直接从 UI 修改它们。
61+
我们可以直接从 UI 修改它们
6362

6463
00:01:01.140 --> 00:01:06.547
6564
现在让我们导航到 Profiler 选项卡并开始
66-
记录更改检测事件。
65+
记录变更检测事件
6766

6867
00:01:06.450 --> 00:01:10.800
69-
我们可以实时预览变化检测周期。
68+
我们可以实时预览变更检测周期
7069

7170
00:01:10.800 --> 00:01:16.581
72-
时间线中的每个条对应一个单独的变化检测
73-
周期。
71+
时间线中的每个柱子对应一个单独的
72+
变更检测周期
7473

7574
00:01:16.450 --> 00:01:20.517
76-
我们可以找到我们在变化检测上花费了多少
77-
时间，
75+
我们可以找到我们在变更检测上花费了多少
76+
时间
7877

7978
00:01:20.517 --> 00:01:23.382
80-
以及当前周期是否导致任何帧丢失。
79+
以及当前周期是否导致任何帧丢失
8180

8281
00:01:23.290 --> 00:01:29.586
83-
我们还可以预览估计的帧速率以及触发变化
84-
检测的内容。
82+
我们还可以预览估计的帧率以及触发
83+
变更检测的内容
8584

8685
00:01:29.460 --> 00:01:30.235
87-
在底部，
86+
在底部
8887

8988
00:01:30.235 --> 00:01:34.110
90-
我们可以预览我们花费最多时间的组件。
89+
我们可以预览我们花费最多时间的组件
9190

9291
00:01:34.110 --> 00:01:35.901
93-
当我们选择栏时，
92+
当我们选择一个柱子时
9493

9594
00:01:35.901 --> 00:01:40.080
96-
我们可以看到特定组件的更多详细信息。
95+
我们可以看到特定组件的更多详细信息
9796

9897
00:01:40.080 --> 00:01:44.072
99-
为了更好地了解应用程序的执行情况，
98+
为了更好地了解应用程序的执行情况
10099

101100
00:01:44.072 --> 00:01:51.571
102-
我们可以在默认条形图视图或两种备选视图（
103-
火焰图和树图）之间切换。
101+
我们可以在默认柱状图视图或两种备选视图
102+
（火焰图和树图）之间切换
104103

105104
00:01:51.450 --> 00:01:53.310
106-
这就是我今天要给你的全部内容。
105+
这就是我今天要给你的全部内容
107106

108107
00:01:53.310 --> 00:01:59.603
109-
前往 angular.io/devtools 查找更高级的 Angular DevTools
110-
功能。
108+
前往 angular.io/devtools 查找
109+
更高级的 Angular DevTools 功能
111110

112111
00:01:59.500 --> 00:02:02.720
113-
非常感谢你的观看和愉快的编码。
112+
非常感谢你的观看，编码愉快

‎assets/videos/Introducing Angular DevTools-bavWOHZM6zE.tw.vtt

Lines changed: 39 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -3,111 +3,110 @@ Kind: subtitles
33
Language: zh-CN
44
55
00:00:00.000 --> 00:00:01.570
6-
MINKO GECHEV： 大家好。
6+
MINKO GECHEV： 大家好
77

88
00:00:01.570 --> 00:00:02.820
9-
我的名字是 Minko Gechev。
9+
我的名字是 Minko Gechev
1010

1111
00:00:02.820 --> 00:00:05.440
12-
我在谷歌从事 Angular 方面的工作。
12+
我在谷歌从事 Angular 方面的工作
1313

1414
00:00:05.440 --> 00:00:07.410
15-
今天，在这段视频中，
15+
今天，在这段视频中
1616

1717
00:00:07.410 --> 00:00:15.290
1818
我想向你展示如何使用 Angular DevTools
19-
来预览应用程序的结构并分析其性能。
19+
来预览应用程序的结构并分析其性能
2020

2121
00:00:15.180 --> 00:00:18.648
2222
Angular DevTools 是一个 Chrome DevTools
23-
扩展，
23+
扩展
2424

2525
00:00:18.648 --> 00:00:21.136
26-
你可以从 Chrome 网上应用店下载它。
26+
你可以从 Chrome 网上应用店下载它
2727

2828
00:00:21.060 --> 00:00:24.090
29-
你可以在下面的描述中找到一个链接。
29+
你可以在下面的描述中找到一个链接
3030

3131
00:00:24.090 --> 00:00:26.670
32-
当你安装 Angular DevTools 时，
32+
当你安装 Angular DevTools 时
3333

3434
00:00:26.670 --> 00:00:29.250
35-
你可以去 Extensions 并固定它。
35+
你可以去 Extensions 并固定它
3636

3737
00:00:29.250 --> 00:00:33.952
38-
下一步是打开一个以开发模式运行的应用程
39-
序。
38+
下一步是打开一个以开发模式运行的应用程序
4039

4140
00:00:33.840 --> 00:00:37.205
42-
查看图标颜色如何变为红色，
41+
注意图标颜色变成了红色
4342

4443
00:00:37.205 --> 00:00:40.570
45-
表示我们可以调试应用程序。
44+
表示我们可以调试应用程序
4645

4746
00:00:40.570 --> 00:00:45.206
4847
现在让我们打开 Chrome DevTools 并找到 Angular
49-
选项卡。
48+
选项卡
5049

5150
00:00:45.120 --> 00:00:48.990
52-
在这里我们可以预览应用程序的组件树。
51+
在这里我们可以预览应用程序的组件树
5352

5453
00:00:48.990 --> 00:00:50.395
55-
选择组件后，
54+
选择组件后
5655

5756
00:00:50.395 --> 00:00:57.038
58-
我们可以在右侧面板中找到它的元数据、属
59-
性、输入和输出。
57+
我们可以在右侧面板中找到它的元数据、
58+
属性、输入和输出
6059

6160
00:00:56.910 --> 00:01:01.140
62-
我们可以直接从 UI 修改它们。
61+
我们可以直接从 UI 修改它们
6362

6463
00:01:01.140 --> 00:01:06.547
6564
现在让我们导航到 Profiler 选项卡并开始
66-
记录更改检测事件。
65+
记录变更检测事件
6766

6867
00:01:06.450 --> 00:01:10.800
69-
我们可以实时预览变化检测周期。
68+
我们可以实时预览变更检测周期
7069

7170
00:01:10.800 --> 00:01:16.581
72-
时间线中的每个条对应一个单独的变化检测
73-
周期。
71+
时间线中的每个柱子对应一个单独的
72+
变更检测周期
7473

7574
00:01:16.450 --> 00:01:20.517
76-
我们可以找到我们在变化检测上花费了多少
77-
时间，
75+
我们可以找到我们在变更检测上花费了多少
76+
时间
7877

7978
00:01:20.517 --> 00:01:23.382
80-
以及当前周期是否导致任何帧丢失。
79+
以及当前周期是否导致任何帧丢失
8180

8281
00:01:23.290 --> 00:01:29.586
83-
我们还可以预览估计的帧速率以及触发变化
84-
检测的内容。
82+
我们还可以预览估计的帧率以及触发
83+
变更检测的内容
8584

8685
00:01:29.460 --> 00:01:30.235
87-
在底部，
86+
在底部
8887

8988
00:01:30.235 --> 00:01:34.110
90-
我们可以预览我们花费最多时间的组件。
89+
我们可以预览我们花费最多时间的组件
9190

9291
00:01:34.110 --> 00:01:35.901
93-
当我们选择栏时，
92+
当我们选择一个柱子时
9493

9594
00:01:35.901 --> 00:01:40.080
96-
我们可以看到特定组件的更多详细信息。
95+
我们可以看到特定组件的更多详细信息
9796

9897
00:01:40.080 --> 00:01:44.072
99-
为了更好地了解应用程序的执行情况，
98+
为了更好地了解应用程序的执行情况
10099

101100
00:01:44.072 --> 00:01:51.571
102-
我们可以在默认条形图视图或两种备选视图（
103-
火焰图和树图）之间切换。
101+
我们可以在默认柱状图视图或两种备选视图
102+
（火焰图和树图）之间切换
104103

105104
00:01:51.450 --> 00:01:53.310
106-
这就是我今天要给你的全部内容。
105+
这就是我今天要给你的全部内容
107106

108107
00:01:53.310 --> 00:01:59.603
109-
前往 angular.io/devtools 查找更高级的 Angular DevTools
110-
功能。
108+
前往 angular.io/devtools 查找
109+
更高级的 Angular DevTools 功能
111110

112111
00:01:59.500 --> 00:02:02.720
113-
非常感谢你的观看和愉快的编码。
112+
非常感谢你的观看，编码愉快

0 commit comments

Comments
 (0)