摘要: 1.Rxjs介绍 是一种库,针对于异步数据流的一种编程工具,也叫响应式编程 2.基本概念 首先说明,这些基本概念单词,跟代码上重复的单词关系不大,只是rxjs中的一些基本概念 Observable(可观察对象): 字如其名表示可观察对象,类似于一个事件中心, 比如下面的例子,给一个dom元素绑定了一 阅读全文
posted @ 2021-03-27 16:02 小脂肪 阅读(91) 评论(0) 推荐(0) 编辑
摘要: angular组件传值存在三种情况,分别是父传子 ,子传父,以及非父子之间进行传值 1.父传子 通过在子组件上绑定属性或者方法,在子组件xxx.componet.ts中 导入Input类, 进行接收,可以获取父组件传过来的内容 父组件.html <app-home [msg] = 'msg' [ru 阅读全文
posted @ 2021-01-28 10:07 小脂肪 阅读(2773) 评论(0) 推荐(0) 编辑
摘要: 1.angular中service的创建 通过命令 ng g service 服务名称 或者 ng g service services/服务名称 可以创建 服务名称.service.ts 的文件 2.service的使用 2.1 首先需要在根模块中设置, 首先需要导入服务 inport { sto 阅读全文
posted @ 2021-01-27 16:58 小脂肪 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 1.项目文件目录分步 主要是在src目录下进行工作 app: 一般是存放组件以及根模块的地方 assets: 存放静态资源 environment: 目标环境准备文件 index.html 主页面 main.ts 应用的入口文件 style.css 全局样式 2.组件目录分析 app目录下除去app 阅读全文
posted @ 2021-01-27 15:27 小脂肪 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 一.angular cli的安装以及创建项目 1.angular cli的安装 安装node.js 安装angular cli npm install -g @angular/cli 2.项目创建 1.打开命令行工具,找到项目要创建的目录 2.直接安装(包也直接安装了) ng new 项目名称 如果 阅读全文
posted @ 2021-01-27 10:52 小脂肪 阅读(95) 评论(0) 推荐(0) 编辑
摘要: angular指令 一.指令 1.ng-app : 这个指令定义了一个Angular.js的应用程序,类似vue中的id="app",可以在绑定了ng-app的这个div标签内进行数据渲染的其他操作 ​ <div ng-app=""> <p>名字 : <input type="text" ng-mo 阅读全文
posted @ 2021-01-25 13:01 小脂肪 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 额外补充 移动元素的三种方法: 1.通过内外边距 2.通过定位 3.通过translate进行移动 过渡是:transiton 强制一行显示: white-space:nowarp; 1.translate的使用 transform:tranlate(x,y); transform:tranlate 阅读全文
posted @ 2020-04-25 16:51 小脂肪 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 1.$符号 $符号是jQuery的简称 $符号是jQuery中的顶级对象 相当于原生js中的window 通过$可以将元素封装成对象从而调用jQuery中的方法 jQuery对象是以伪数组的形式存储的 $("div").hide(); //将div包装成jQuery对象 调用hide方法 2.Dom 阅读全文
posted @ 2020-04-20 07:53 小脂肪 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 效果: 在输入框输入内容之后 点击添加可以向正在进行的任务下面添加上内容.还需要将新添加的内容存到本地. 2.点击一下前面的选中框的时候 可以让这一行向 已经完成的任务进行跳转.需要修改一下 在本地存储的数据中的 isOk:true 代表完成了 2.代码: <!DOCTYPE html> <html 阅读全文
posted @ 2020-04-17 00:52 小脂肪 阅读(264) 评论(2) 推荐(1) 编辑
摘要: 1.基础版缓动动画 function slowAnimation(elm, target) { clearInterval(elm.timeID); let position = elm.offsetLeft; elm.timeID = setInterval(function () { let s 阅读全文
posted @ 2020-04-09 22:35 小脂肪 阅读(207) 评论(1) 推荐(1) 编辑