- 博客(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关注的人