- 博客(9)
- 收藏
- 关注
RSS订阅原创 angular项目中哪些乱七八糟的配置
angular项目中如何配置webpack配置一个基础应用设置package.jsonNgModuleindex.htmlTypescript配置如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入angular cli的强大功能使得我们可以轻松的创建、部署一个应用，所有事情
2021-11-14 23:28:31
711
原创 简单实现虚拟dom
虚拟dom是将dom结构表示成一个对象，当组件的状态发生更改时，新的虚拟dom会与dom进行比较，只将修改的部分替换掉，而不需要重新渲染整个dom。下面我们将分为四步逐步实现我们的虚拟dom：1、创建hyperscriptfunction来实现dom渲染2、创建一个简单的应用程序，使用hyperscript来渲染3、使用虚拟dom实现动态渲染4、实现diffing算法hyperscript在这一步中，先看一下如何用它构建简单的 DOM，在进一步的步骤中，我们将开发它来制作虚拟 DOM。fun
2021-08-20 17:11:52
1141
1
原创 异步管道 AsyncPipe
在本篇文章中，我将主要从四个方面来介绍异步管道1、什么是异步管道2、如何使用异步管道3、如何将AsyncPipe与Observable 、Promise结合在一起4、如何将它与插值数据绑定和不同的指令（如 *ngIf 和 *ngFor）一起使用。首先，什么是AsyncPipe？来自angular官方文档：AsyncPipe会订阅一个Observable或者Promise并返回它发出的最近的一个值，当新值到来时，AsyncPipe会将该组件标记为需要进行变更检测，当组件被销毁时，AsyncPipe
2021-08-17 17:12:14
831
2
原创 路由守卫--防止未经授权的访问(angular11)
re使用路由守卫防止用户未经授权就导航到应用的某些部分angular提供了路由守卫CanActivateCanActivateChildCanDeactivateResolveCanLoad简单示例：创建一个路由守卫在终端中执行ng g g my-guardangularcli会给我们自动生成一个路由守卫文件，打开该文件import { Injectable } from '@angular/core';import { CanActivate, ActivatedRouteS
2021-07-16 16:38:34
718
2
原创 Angular 11 app with ngx-translate
第一步 创建一个angular演示项目安装angular clinpm install -g @angular/cli创建一个演示项目ng new my-app启动项目,访问localhost:4200出现下图就成功启动了ng server第二步 将ng-translate引入到my-app项目中参见https://github.com/ngx-translate/corenpm install @ngx-translate/core @ngx-translate/http-loa
2021-07-09 14:18:40
481
1
原创 Rxjs学习笔记
Rxjs–ObservableCreating ObservablesObservable 构造函数中携带了一个参数： 函数subscribe下面的例子中 观察对象为订阅者每秒钟发送一个’hi‘import {Observable} form 'rxjs'const observable = new Observable(function subscribe(subscriber) { const id = setInterval() => { subscriber.
2021-07-09 09:55:29
128
原创 数字整数部分添加千位分隔符“，”（typescript）
function insertStr(source:string,startIndex:number,newStr):string{ return source.slice(0,startIndex)+newStr+source.slice(startIndex);}function cul(num:number):string{ var result:string; //number类型转换为string类型 var temp:string=num.toString()
2020-09-23 02:11:48
1161
原创 vue v-show 和v-if
v-show浏览器中，改变的是style=“display：none;”属性v-if若显示为false会直接在浏览器运行的代码中删除这一行
2020-06-03 00:12:45
145
原创 transition属性
1.transition 属性是一个简写属性，用于设置四个过渡属性：property：规定设置过渡效果的 CSS 属性的名称duration：完成过渡效果需要多少秒timing-function ：过渡效果速度的速度曲线delay：定义什么时候开始过渡效果2.兼容-moz-transition; /* Firefox 4 /-webkit-transition; / Safari ...
2020-04-06 21:03:42
660
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人