自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 Angular 父子组件之间的通讯,自定义组件实现星星评分功能

Angular组件父子间通讯方法:OnInit(), Input() 通过输入属性和输出属性,通过EventEmitter 向父组件发射改变值示例一个星星打分的组件:组件描述:1.根据分数值显示星星个数 2.可点击星星进行打分1.star.component.ts代码示例import { Component, OnInit, Input, Output,EventEmitte...

2018-12-21 18:20:23 483

原创 Angular自定义管道(过滤器)方法

1.命令行新建一个管道:放在项目里pipe文件夹里ng g pipe pipe/multiple新建管道之后就声明在app.module.ts文件里了 2.multiple.pipe.ts示例import { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'multiple'})expo...

2018-12-21 17:44:21 1122

原创 在Angular中添加第三方库jQuery、bootstrap

1.在当前项目目录下执行以下命令添加jQuery和bootstrap:npm install jquery --savenpm install bootstrap --save 2.在项目根目录下找到angular-cli.json文件,将安装的路径加入进去:"styles": [ "styles.css", "../node_modules/bootstrap/di...

2018-12-21 17:31:15 192

原创 CSS 自定义input placeholder 的颜色,修改placeholder颜色

::-webkit-input-placeholder { /* WebKit browsers */ color: #FFFFFF;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFFFFF;}::-moz-placeholder { /* Mozilla Firefox 19+ */...

2018-12-17 11:54:32 986

原创 Angualr 输入文本框监听enter回车键和esc键方法使用(附常用的键盘事件对应的键码)

示例代码:HTML<input class="form-control form-control-sm" id="projectName" type=text [(ngModel)]="newProjectName" placeholder="请输入长度小于30的项目名称" (keyup)="projectNameChanged($event)"&am

2018-12-14 16:09:43 2834

原创 JavaScript 按对象的属性排序方法(升序和降序)

1、一般我们给一维数组排序,直接用arr.sort()方法就可以了:// 升序arr.sort(function (a, b) { return a - b;}); // 降序arr.sort(function (a, b) { return b - a;});示例:let arr = [2,23,1,6,4,78]let b = a.sort(f...

2018-12-14 15:09:31 3370 1

原创 jquery.rotate.js 转盘抽奖示例

使用jquery.rotate.js 插件简单的转盘抽奖示例:1.引入jQuery和jquery.rotate.js插件<script src="static/js/jquery.min.js"></script><script src="static/js/jquery.rotate.min.js"></script>2.HTML...

2018-12-14 14:19:37 848

原创 mpvue 初始化微信小程序

第一次接触小程序,为了减少学习成本,选择了基于vue的框架 mpvue官网地址:http://mpvue.com// 全局安装 vue-cli$ npm install --global vue-cli// 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project// 安装依赖$ c...

2018-12-07 17:25:02 345

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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