- 博客(55)
- 收藏
- 关注
RSS订阅原创 Angular-05:管道
管道：pipe。在angular中处理组件模板的数据格式。管道操作符 | ，连接模板表达式中左边输入数据和右边的管道。指定字符串不能超过规定长度，文字的长度超过规定的长度会被裁剪，并且显示…（省略号）规定长度由管道参数决定substr() 语法: string.substr(start,length)。指定的是字符串的开始位置和长度在页面上使用指令限制最多显示5个字，多余的截断并显示省略号。定义管道：clipString@Pipe({})if (!组件模板中的应用。
2023-10-28 17:52:07
729
原创 Angular-04:指令
场景：为元素设置默认的背景颜色，鼠标移入时的背景颜色以及移出时的背景颜色。举例：元素默认为深蓝色，鼠标移入时变成粉色，移出变成黄色用户可以设置自定义颜色，未设置颜色使用默认色深蓝色，自定义颜色使用了浅蓝色。appBgColor指令// 接收参数的类型bgColor?: string;})// 接收参数，没有传入值，默认为：#00aaff//要操作的Dom节点private el: ElementRef //获取要操作的Dom节点) {// 组件模板初始化完成后设置元素的背景颜色。
2023-10-27 16:09:11
607
原创 ts学习（一）：基础篇1
枚举默认下标是0，可以手动修改枚举下标值枚举成员默认分配数字，可以修改为字符串枚举枚举：把值一一列举，取值的时候只有这几个可以使用（1）基础用法// 定义一个枚举类型 enum Sex {（2）手动修改枚举下标值enum Sex {
2023-07-15 14:50:36
264
原创 GLSL学习（一）：基本数据类型
类型关键字语法示例说明intint 变量名int a整型变量floatfloat 变量名float a浮点型变量boolbool 变量名bool a布尔型变量vecvec 变量名vec2 a向量(vec2/vec3/vec4)
2023-07-14 11:48:28
867
原创 angular环境安装 (含nodejs详细安装步骤)
a. 在安装nodejs的目录下新建两个文件夹【node_global】及【node_cache】安装完后之后可以使用 node-v 和 npm -v可以查询对应的node和npm的版本号。目前需要用到的版本是：10.15.2（项目1），18.15.0（项目2）nvm list : nvm 查看已安装的node。nvm use 版本号：切换到指定的node版本。b. cmd窗口执行命令（设置npm的路径）安装成功的话可以看到 nvm的版本号等信息。nvm -v: 查看nvm版本号。g. 设置nvm环境。
2023-06-03 15:01:44
1584
原创 ts super学习实例
{this${this${this当子类继承了父类，在子类中使用了构造函数时，必须要使用super关键字将继承的父类属性拿过来才行。形象一点，在子类中使用构造函数，与父类中的构造函数并不会合并到一块，我们只能再写一遍父类的属性，通过super拿过来。在dog类的 sayHello方法中，通过super.sayHello()来访问到了继承的父类的sayHello()方法，说明在类的方法中，super表示当前类的父类，可以通过super关键字来访问父类的方法。
2023-06-03 14:43:30
180
原创 css -- border-style & border-width
https://www.runoob.com/cssref/pr-border-style.htmlhttps://blog.csdn.net/qq_31164127/article/details/72528697https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius
2022-05-30 13:09:08
491
原创 html -- map标签
shape 形状1. 矩形 rectshape=“rect” coords=“x1,y1,x2,y2”第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标。“0,0”是图像左上角的坐标。<area shape="rect" coords="10,50,30,60" href="up" alt="上"> </area>coords="10,50,30,60"10,50：顶点（左上角）xy坐标30,60: 对角（右下角）xy坐标2. 圆形 circle
2021-12-23 23:05:15
2495
原创 angular -- 文件资源、组件、模板语法
碎碎念：都是一些自己在学习过程中的一点体会，如果有什么不对的感谢大家指正一起学习！angular知识点1.文件资源1.文件资源package.json：项目配置文件，定义项目的名称、版本、项目所需的各种依赖app：组件、根模块assets：静态资源文件（图片等资源）...
2021-04-07 13:07:11
396
1
原创 css --- background 四（多重背景、混合写法）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ 2.1 background-repeat2.2 background-size6. 混合写法7. 范例7.1 图片、线性渐变重叠的背景7.2 多重背景图片（background属性缩写）多重背景图，用逗号区别各个图片 background: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3041487934,2735112150&fm=26&.
2021-04-05 17:30:59
2482
原创 css --- background 三（background-repeat、background-position）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ 1. background-repeat1.1 repeat （默认值）1.2 repeat-x1.3 repeat-y1.4 no-repeat1.4 inherit1.5 space1.6 round1.7 space 与 round 对比图2. background-position2.12.2属性值混合使用1. background-repeat设置背景图片重复可设置水平轴、垂直轴、两个轴或者不重复语法backgro.
2021-04-05 17:30:48
641
原创 css --- background 二（background-clip、background-origin）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ 1. background-clip1.1 border-box （默认值）1.2 padding-box1.3 context-box1.4 三种情况对比1.5 background-clip:text2 . background-origin2.1 border-box2.2 padding-box（默认值）2.3 content-box2.4 三种情况对比3. background-clip与background-origin1..
2021-04-05 17:30:22
489
1
原创 css --- background 一（background-size、background-attachment）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ 1. background-size1. background-size设置背景图片大小（图片可以保其原有尺寸）第一个值为图片宽度，第二个值为高度（只写一个值另外一个默认为auto）语法：background-size: length|percentage|cover|contain;length： 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为 auto(自动)per.
2021-04-05 17:30:00
294
原创 css -- counter计数
一、计数器铁三角二、使用规则1.一、计数器铁三角css计数器只能跟content属性一起才有作用，content属性是在before/after伪元素上的。形成 “计数器 — 伪元素 — content属性” 铁三角关系。二、使用规则参考军训报数场景抽象出关键点：队伍名称 ：为队伍取一个名字报数规则 ：是1、2、3、4递增报数，还是1、2，1、2开始报数 ：不发口令，会乱了秩序1.相关链接：CSS counter计数器(content目录序号自动递增)详解...
2021-02-07 17:35:03
396
原创 RxJS -- (find、findIndex、filter、delay、first、last)
detinctUntilChanged:只有当当前值与之前最后一个值不同时才将其发出。比较当前值与前一个值是否相同，只会输出不同的值
2020-11-09 22:36:08
128
原创 RxJS -- (pluck、distinctUntilChanged、distinct)
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！版本为6pluck把上游数据中特定字段的值"拔"出来将每个源值(对象)映射成它指定的嵌套属性。选择属性来发出值例1：提取name属性的值例1：提取name属性的值。如果没有就返回undefineddistinctUntilChenged当当前值与前一个值不同时才发出返回 Observable，它发出源 Observable 发出的所有与前一项不相同的项(与前一值比较)这个操作符要保存上游产生的一个数据就足.
2020-11-08 21:34:52
145
原创 RxJS -- (concat、map、 pairwise、race)
concat创建一个输出 Observable，通过顺序地发出多个 Observables 的值将它们连接起来，一个接一个的首尾相连只有前一个Observable结束才会进行下一个Observable把多个Observable 的数据内容依次合并给输出 Observable静态&实例...
2020-11-03 22:26:28
155
原创 RxJS -- (combineLatest)
combineLatest组合多个Observable来创建一个Observable,该Observable的值根据每个输入的最新值计算得出（静态&实例操作符）实例好像已经被废弃了
2020-11-01 17:11:55
370
3
原创 RxJS -- (of、from、merge、interval、timer)
switchMap()将前一个流中的数据在切换时，将它的数据传给下一个流中去使用。接受一个函数，这个函数时上一个流遗留的数据，而它需要返回一个新的流，这个流中可以使用上一个流遗留下来的数据会在下一个流（Observable）被送出后直接退订前一个未处理完的流（Observable）pairwise()，成对4. 将前一个值和当前值作为一个数组放在一起，然后将其发出相关链接：5. rxjs中的switch6. rxjs学习...
2020-10-26 22:51:00
400
原创 angular知识点--生命周期钩子（ngAfterContentInit、ngAfterContentChecked、ngOnDestroy）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ngAfterContentInit在组件使用<ng-content>将外部内容嵌入到组件视图后就会调用ngAfterContentInit,它在第一次ngDoCheck执行后调用，且只执行一次ngAftercontentChecked在组件使用了<ng-content>自定义内容的情况下，angular在这些外部内容嵌入到组件视图后，或者每次变换监测的时候都会调用ngAfterContentChecke.
2020-10-21 21:58:18
3024
原创 angular知识点--组件内容嵌入
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！组件内容嵌入：通常用来创建可复用的组件，例：对话框、导航栏。可以同时使用多个嵌入内容类型：标签选择器、类选择器、属性选择器逻辑：定义一个test组件，指定多个内容嵌入，让里面的内容可动态变化代码：test 组件// html<div> <h4>ng-content 示例</h4> <div style="background-color:gray;margin.
2020-10-18 22:37:01
213
原创 angular知识点--组件生命周期钩子（view）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！AfterViewInit创建了组件的视图及子视图之后被调用一次，以后将不再调用。禁止在视图组装完毕后再去更新视图。angular会抛异常【在此钩子内赋值（使用setTimeout可解决）】AfterViewChecked每次做完组件视图和子视图的变更检测之后调用逻辑：父组件通过viewChild的两种方式来获取子组件的方法两个子组件视图组装好后父组件开始组装接着执行“视图变更检测”方法定时器每隔5秒调用子组件.
2020-10-18 21:34:51
167
原创 angular知识点--组件生命周期钩子（ngDoCheck & 变化监测）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ngDoCheck变化监测一、变化监测二、Angular的两种变化检测策略ngDoCheck变化监测在ngDoCheck钩子之前需要了解一下一、变化监测变更检测机制：将组件属性的改变反应到模板上异步事件会导致组件数据变化，NgZone会在适当的时机去检验对象的值是否被改动，然后驱动angular的变化监测机制执行每个组件都有一个变化监测类的实例，实例提供方法手动管理变化监测。可以给组件做标记，通知angular仅仅监测该组件.
2020-10-13 23:40:23
2833
原创 angular知识点--组件生命周期钩子（ngOnChanges）
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ngOnChanges父组件在初始化或修改子组件输入参数时被调用。简单的说就是在组件输入值发生变化时触发的事件该方法接收一个SimpleChanges对象，包含当前值和变化前的值该方法在ngOnInit之前，或者数据绑定输入属性的值变化触发下面举例需要理解一下js中可变对象和不可变对象（链接在文末）第一步：在父组件定义好“问候语”变量和“user”对象并传给子组件test在父组件中双向绑定变量// html<.
2020-10-11 21:55:50
1702
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人