01 2021 档案
摘要：基于p5.js绘制的页面 柏林噪声函数 用于程序模拟生成自然纹理。 柏林噪声是一个非常强大算法，经常用于程序生成随机内容，在游戏和其他像电影等多媒体领域广泛应用 柏林噪声绝大部分应用在2维，3维层面上，但某种意义上也能拓展到4维。柏林噪声在1维层面上可用于卷轴地形、模拟手绘线条等。 如果将柏林噪声拓
阅读全文
摘要：偏基础的日常学习记录合集 有趣的css属性一 圆锥渐变小技巧 conic-gradient javascript原生技巧篇 线性插值编写可视化代码 javascript原生技巧篇 canvas基础(二)教你编写贝塞尔曲线工具 canvas基础(一)探究出初中数学知识 dat.GUI 打造可视化工具(
阅读全文
摘要：源码探索模块 angular11源码探索二十六Router整体路由配置 angular11源码探索二十五Router路由事件 angular11源码探索二十四路由检测变更策略 angular11源码探索二十三路由forRoot angular11源码探索二十二路由Route下路由守卫 angular
阅读全文
摘要：typescript 差缺补漏 资料 交叉点类型 交集类型是将多个类型组合为一种的方法,就是多个类型的合并 type LeftType = { id: number left: string } type RightType = { id: number right: string } type I
阅读全文
摘要：selectRootElement 参数 传字符串 就是document.querySelector(selectorOrNode)查找,或者传dom true 就是全部移动 selectRootElement(selectorOrNode: string|any, preserveContent?
阅读全文
摘要：Router 配置信息 class Router { constructor(rootComponentType: Type<any>, urlSerializer: UrlSerializer, rootContexts: ChildrenOutletContexts, location: Loc
阅读全文
摘要：RouterEvent 触发事件的条件： routerLink ,navigateByUrl() , navigate() 路由器整个经历的事件经历，而不是与特定路由相关的事件。对任何给定的导航触发一次。 上官网给的小案例 class MyService { constructor(public r
阅读全文
摘要：NgZone 官网文档 https://angular.io/guide/zone Angular为我们提供了NgZone服务，对于一些频繁的操作，可以不去触发变更检测。工作时优化性能 变更检测 Events - 一些事件，例如 click、change、input、submit 等； XMLHtt
阅读全文
摘要：forRoot rotRoot: 静态方法是配置根路由模块为您的应用程序的方法。调用时RouterModule.forRoot(routes)，要求AngularRouter全局实例化该类的实例,Angular创建一个新的基础AppModule来导入所有功能模块一样，它也提供了AppRoutingM
阅读全文
摘要：路由守卫 如果类似于 //当前的导航并开始一个新的 //路由器将自动取消,因为重定向一个新路由,也不一定非要返回false this.router.navigateByUrl('/home/d') navigateByUrl激活守卫 providers:[ // 添加到路由上的守卫 { provid
阅读全文
摘要：整体界面的设置 有token的设置请求 官网文档 https://learning.postman.com/docs/getting-started/introduction/ 中文包 https://github.com/hlmd/Postman-cn/releases 新建一个标签 点击+号或者
阅读全文
摘要：使用 Mockoon 软件制造接口 文档教程 文献资料 api 您可以保留它并从此处构建，也可以创建一个新的。要创建新的模拟API，请打开左侧的可折叠环境菜单，然后按蓝色的“加号”按钮,比如之前的接口端口3001,然后新建一个为3002 重命名环境 创建一个接口 模拟请求延迟的时间 设置请求头 打开
阅读全文
摘要：总结前言 因为我是前端,所以我总结的点是站在前端的点去看问题的,为啥要记录,我认为能提取出对未来的自己,在方向上面等有一定的参考价值 首先我看了最近几年活跃在stack Overflow 社区的人群,主要是美国和印度占大头,其次是加拿大等一些欧洲国家 写代码的男生还是占主流,这个在全世界都是一样的
阅读全文
摘要：Route 定义单个路由的配置对象,一组routes 数组中,单条route 对象的配置,将给定URL与每一个路由进行匹配 interface Route { // 配合的路径,`**` 通配符能与任何URL匹配,`/*` 根路径,也称之为绝对路径 path?: string // 路径匹配策略,
阅读全文
摘要：ActivatedRoute 拿到路由的信息 interface ActivatedRoute { // 下面有介绍 snapshot: ActivatedRouteSnapshot url: Observable<UrlSegment[]> params: Observable<Params> /
阅读全文
摘要：routerLinkActive 链接路由当前是否处于活动状态，并允许您指定一个或多个CSS类 是否精准查找,例如 默认 /a/b 而当前是 /a 也是匹配的 @Input() routerLinkActiveOptions: {exact: boolean} = {exact: false}; 发
阅读全文
摘要：routerLink export type Params = { [key: string]: any; }; ?name=333 问号传参 @Input() queryParams?: Params|null; #sex @Input() fragment?: string; 合并参数 保留参数
阅读全文
摘要：ngModel ngModel不能用来把表单控件注册到父formGroup指令中。不然会报错 如果你想避免注册这个表单控件，请在ngModelOptions中指出它是独立的: <input [(ngModel)]="person.firstName" [ngModelOptions]="{stand
阅读全文
摘要：AbstractControl api 源码validator 由注册到此的所有同步验证器组成的同步验证器函数 get validator(): ValidatorFn|null { return this._composedValidatorFn || null; } export functio
阅读全文
摘要：setValue/patchValue setValue(value: any, options: { onlySelf?: boolean, emitEvent?: boolean, emitModelToViewChange?: boolean, emitViewToModelChange?:
阅读全文
摘要：自带的限制条件 Validators.required 报错 {'required': true} 验证字段值是否为true Validators.requiredTrue {required: true} 邮箱 Validators.email {email: true} 最小长度 Validat
阅读全文