cxzlp0521的博客

个人前端开发经历

angular4学习笔记(第九章 服务器通信篇)

1.使用nodejs安装本地服务器(使用的是vscode编辑器) 创建一个空的项目(什么都没有) 创建package.json npm init -y 引入 node 的运行定义文件 npm i @types/node -–save 创建tsconfig.j...

2019-02-26 11:20:03

阅读数 22

评论数 0

angular4学习笔记(第八章 响应式编程篇)

1.Rxjs基础知识 基本概念 Observable (可观察对象): 表示一个概念,这个概念是一个可调用的未来值或事件的集合。 Observer (观察者): 一个回调函数的集合,它知道如何去监听由 Observable 提供的值。 Subscription (订阅): 表示 Obs...

2019-02-22 10:25:05

阅读数 34

评论数 0

angular4学习笔记(第七章 表单篇)

1.模板式表单 模板式表单使用ngForm、ngModel、ngModelGroup来完成,它们是FormsModule里的内容,所以在使用模板式表单时需要在app.module.ts中引入FormsModule。 ngForm会自动拦截标准的表单处理事件,angular用ngSubmit代替...

2019-02-19 16:27:46

阅读数 38

评论数 0

angular4学习笔记(第六章 组件通信篇)

1.Input和Output 用于父组件与子组件之间(数据)通信 input的用法 创建父组件与子组件(ng g c parent , ng g c child) 子组件界面(父组件与子组件的通信) 子组件使用输入属性Input,从父组件传入两个变量(学生姓名与学生学号) 父组件...

2019-02-15 11:48:06

阅读数 28

评论数 0

angular4学习笔记(第五章 管道篇)

1.大小写管道 <h2>大小写管道(只对字母有用)</h2> <p>{{ 'angular的大写管道' | uppercase }}</...

2019-01-24 15:39:55

阅读数 29

评论数 0

angular4学习笔记(第四章 数据绑定篇)

1.插值表达式 2.HTML、DOM属性绑定(待补充)   3.事件绑定 4.样式、类绑定   5.双向绑定 使用双向绑定[(ngModel)]需要在app.module.ts中引入FormsModule import{FormsModule} from ...

2019-01-24 14:15:21

阅读数 28

评论数 0

angular4学习笔记(第三章 依赖注入篇)

1.依赖注入 依赖注入是什么? 依赖注入是“控制反转”(将实例化这个类的控制权交给外部,从而实现类与组件的解耦)的一体两面。控制反转是目的,依赖注入是手段。是不是不太明白,说得直白一点就是在程序运行过程中,如果需要调用另一个对象协助时,无须在代码中创建被调用者,而是依赖于外部的注入。 依...

2019-01-19 14:49:34

阅读数 27

评论数 0

angular4学习笔记(第二章 路由篇)

1.路由导航 2.创建带有路由的项目 ng new routerdemo --routing 3.Routes、RouterLInk、RouterOutlet组合的用法 配置app-routing.module.ts 在需要用到路由的组件中插入RouterLink导航指令(此处...

2019-01-14 16:39:09

阅读数 39

评论数 0

angular4学习笔记(第一章 基础篇)

1.环境搭配 安装nodejs   使用npm -v  来查看版本 安装angular cli    使用命令(npm install -g @angular/cli)  使用 ng v 来查看版本 安装开发工具,使用的是 visual studio code 创建项目  ng n...

2019-01-04 17:34:58

阅读数 63

评论数 4

不会ps,又不想花钱的证件照换底色方法

打开网站https://www.bgconverter.com/ 上传自己的证件照 选择想要转换的底色 转换好底色之后,单击右键转换好的图片,选择“图片另存为”,将图片保存到本地。 打开在线ps工具网站https://www.uupoop.com/ 打开刚刚保存的图片 使用印章工具 ...

2019-03-19 13:05:13

阅读数 107

评论数 0

flex 布局

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

2019-03-06 09:56:58

阅读数 7

评论数 0

伪元素妙用

1.content [String] - 使用引号包括一段字符串,将会向元素内容中添加字符串。 [attr()] – 调用当前元素的属性,可以方便的比如将图片的 Alt 提示文字或者链接的 Href 地址显示出来。 [url()]– 用于引用媒体文件。 2.清除浮动 清除浮动的原因(子元素...

2019-01-25 16:45:45

阅读数 41

评论数 0

输入框自定义清除按钮

1.结果展示(需要用到bootstrap,jquery) 2.HTML代码 <div class="container"> <form class=&q...

2019-01-19 11:38:01

阅读数 30

评论数 0

CSS3动画,开关门

无聊练习的css动画效果 1.效果展示 2.html代码 <div class="wrap"> <div class="door-l&qu...

2018-12-12 20:21:54

阅读数 78

评论数 0

CSS+jQuery实现轮播图

1.效果展示 2.html代码 <div class="wrap"> <div class="carousel"> ...

2018-12-04 16:54:53

阅读数 57

评论数 0

使用angular-cli创建angular2项目与引入ng-zorro

tips:使用的工具为visual studio  code;下载地址为https://code.visualstudio.com/ 1.检查是否安装了node.js npm -v 2.安装angular-cli npm install -g @angular/cli 3.检查安装a...

2018-11-22 17:15:19

阅读数 160

评论数 0

修改input中placeholder的字体样式

1.代码 /* 谷歌、苹果浏览器 */ ::-webkit-input-placeholder { color: #fff; font-size: 14px; } /*火狐浏览器 */ ::-moz-input-placeholder { color: #fff; font-...

2018-11-21 17:28:02

阅读数 18

评论数 0

隐藏与修改滚动条样式

1.隐藏滚动条(只是隐藏滚动条,页面仍可移动) /* 谷歌、苹果浏览器 */ ::-webkit-scrollbar { display: none; } /* IE浏览器 */ ::-ms-scrollbar { display: none; } /* 火狐浏览器 */ ...

2018-11-21 17:21:37

阅读数 25

评论数 0

bootstrap多选下拉列表

1.简单功能展示 只包含了,多选与搜索功能 效果如图(蓝色为我自己设的背景颜色,不是插件颜色)                                                  2.html代码 data-live-search="true&q...

2018-11-20 10:06:15

阅读数 101

评论数 0

导航栏下划线跟随效果

1.效果展示(颜色仅为了看出效果,可根据情况自行修改) 2.html代码 <ul> <li class="active"> ...

2018-11-19 16:56:51

阅读数 323

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭