Angular
段旭文
成功的大脑不在于它在想什么,而是在于它是如何想的。
展开
-
Angular Video 加载远程视频和本地视频
因为项目中要实现一段视频播放,最后由于其他原因被拿掉了,所以在此记录一下 Code , 以便不时之需;读取本地视频由 WINRT 来实现,读取远程视频由XMLHttpRequest 来实现,其中包含了获取视频第一帧和下载远程视频等。1.HTML<video id="video" class="video" name="media" controls [poster]="videoPoster" crossorigin="anonymous" > <source..原创 2021-08-30 14:43:25 · 3138 阅读 · 0 评论 -
Angular-scss (@include 与 @mixin) 样式封装! [同一标签不同样式]
① 创建一个ui-theme 的组件。 ui-theme.component.html<div class="testDemo" [ngClass] = "{'red-theme': isPlus, 'blue-theme': !isPlus}"> <div *ngIf = "isPlus" class="background"> <p class="font">plus 版</p> ...原创 2021-01-22 16:42:01 · 489 阅读 · 0 评论 -
Angular 自定义组件-圆环进度条
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||1.使用canvas绘制圆环进度条,实时更新进度。在Angular 中创建子组件...原创 2020-07-29 18:20:02 · 953 阅读 · 0 评论 -
ECharts 图形框架 (折线图,条形图,扇形图,地图等多种UI图形展现)
1.ECharts 使用方便,可以轻松搞定多种复杂可视化的UI界面,如果想要了解更多,再查查资料.不做更多解释.2.我这里放一个ECharts的官网地址:https://www.echartsjs.com/examples/zh/index.html3.可能有些同学做的过程中,想要实现自己的效果,但却不知道如何使用ECharts相关属性,我这里放一个教程地址,供学习:https://www...原创 2019-11-27 09:47:41 · 1318 阅读 · 0 评论 -
Angular 应用程序构建和运行
前言:目前 Angular JS 好多公司都在用【当下面试不可缺少的技能】,但是说到它,该如何玩,怎么去创建项目?官方文档:https://angular.io/cli官方说30分钟不到就可以创建完成入门。给我8分钟记录一下,呵呵。1.在本地创建存放项目的文件夹。2.双击进入文件夹,在文件管理器的上方点击文件,选择(打开Windows PowerShell)。3...原创 2019-04-23 15:19:21 · 1851 阅读 · 0 评论 -
Angular 1.1 创建组件,并进行数据绑定[单向,双向]
1.创建名为heroes的组件。运行命令:ng generate component heroes可以看到新的组件已经创建成功,heroes文件夹中,已有四个文件。heroes.component.css 样式文件heroes.component.html 页面文件heroes.component.spec.ts 单元测试文件heroes.component.ts...原创 2019-04-23 19:33:39 · 525 阅读 · 0 评论 -
Angular 1.2 数据集绑定与点击事件
组件: (1).数据集绑定。 1.我们先新建mock-heroes.ts 来模拟数据源,用来绑定页面显示。 2.然后我们回到heroes.component.ts 对模拟数据进行引用。 3.在heroes.component.html 绑定并显示数据。...原创 2019-04-24 17:25:39 · 759 阅读 · 0 评论 -
Angular 1.3 子组件的概述与引用
(1)概述。 随着应用程序的增长将所有功能保留在一个组件中将无法维护。您需要将大型组件拆分为较小的子组件,每个子组件都专注于特定的任务或工作流程。 子组件利于维护,它将整体模块代码拆分,使得代码清晰利于理解,并且它还减少了耦合减少了代码量,说白了就是将大的模块进行拆分然后进行分装。(2)引用。 我们还是基于前面的Angular 1.1 ...原创 2019-04-25 11:44:11 · 1408 阅读 · 0 评论