- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 angular2+中组件通信（组件交互）的几种方式
组件通信及两个或者多个组件之间共享信息的方法；组件之间通信分为以下几种情况： 1、父组件向子组件传递数据； 2、 子组件向父组件传递数据； 3、非嵌套组件之间的通信；下面将详细说明如何实现这几种通信父组件向子组件传递数据：属性绑定方式（[属性名]） 子组件中通过@Input 装饰器自定义属性，父组件绑定这个属性。 子组件实现：import { Component, OnInit,...
2018-05-11 15:39:23
5106
1
原创 Echart多图表联动之三，在同一个容器中显示多个图表
实现效果：option = { "tooltip": { "show": true, "trigger": "axis", "axisPointer": { "type": "cross", "axis": "x" } }, "color": ["#...
2020-03-30 15:07:13
2855
原创 Promise简介
一、概述：Promise对象用于表示一个异步操作得完成（或失败），以及其结果。二、语法：创建Promise实例：let a = new Promise((resolve,reject)=>{//执行函数 })或 let a = new Promise( function(resolve, reject) {...} /* executor */ );通过then ca...
2019-09-12 17:41:15
351
原创 如何计算俩日期相隔多少年，多少月，多少天或者两时间相差XX年XX月XX日
假设时开始时间为2015年4月2日，结束时间为2019年4月4月;需要先熟悉一下时间对象得一些方法，可参考教程http://www.w3school.com.cn/jsref/jsref_obj_date.asp；需要将上述时间转换为时间对象，通过new Date()实现； let startDate = new Date(2015,3,2); 2015/4/...
2019-04-04 11:39:25
9955
原创 angular组件之生命周期钩子以及子父组件之间生命周期钩子执行顺序
angular每个组件都有被一个Angular管理得生命周期；当Angular使用构造函数新建一个指令后，按照下面额顺序执行生命周期钩子；画线的为主要用到的生命周期钩子。2、关于子父组件生命周期钩子的调用顺序问题；下面根据结论，实践结果...
2019-03-21 11:10:45
3421
原创 时间切换，切换到上一月下一月、N月。
在当前时间得基础上切换N月；方法：一年有12个月，设当年时间为YYYYMMDD; 则当前时间总共有X个月：12 * YYYYY + MM个月； 切换N个月后总月份为M ： X + N ; 通过上面得月分前可求出当前时间为：year = M / 12;//除以12向下取整数 ...
2019-03-11 11:30:48
1780
原创 时间切换，根据当前时间切换到上一天、下一天、N天。
1、当前时间切换N天 一天有24*60*60 * 1000ms，这N天与当前时间差为N * 24* 60 * 60 * 1000ms； 得出当前时间到1970年得ms数： 设为ms 则切换后得： X + N* 24 * 60 * 60 * 1000ms，将ms转换为时间。 JS/TS实现方式为： let currentDate = ne...
2019-03-11 11:04:34
719
原创 ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked，angular
ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'dateObj: undefined'. Current value: 'dateObj: [object Object]'.大概意思：在内容改变的时候视...
2018-08-20 19:14:37
3111
原创 echarts多图表级联之一，图表之间联动
1、示例2、初始化图表，每个图表对应一个实例对象并加载初始化数据// 基于准备好的dom，初始化echarts实例var myChart1 = echarts.init(document.getElementById('main'));var myChart2 = echarts.init(document.getElementById('main2'));// 为e...
2018-07-31 16:32:43
12820
9
原创 echarts显示多个图表之二（图表之间不联动，只需初始化echarts实例一次）
一、示例如下，表格之间不存在联动二、options配置 1、配置grid ,height,top需根据具体需要进行配置 grid: [{ left: '3%', right: '4%', bottom: '3%', height:'100px', containLabel: true, }...
2018-07-31 16:18:10
4364
原创 echarts 柱状图对个别柱条的颜色自定义。
1、示例如上图所示，对stat这条数据进行特别标识；2、option具体配置如下，请注意看特别标识部分。option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { ...
2018-07-31 11:56:27
13052
原创 vue2.5+中如何使用jquery，未使用webpack打包工具
vue版本：“vue”:"^2.5.16"1、执行命令 npm install --save jquery 将jquery添加到packages.json文件下的 dependencies字段下面； dependencies: { “jquery”:"^3.3.1",} 2、在main.js中加下如下代码 import $ from "jquery" window....
2018-06-22 15:20:16
1119
原创 webstorm配置SVN
1、安装visualsvn，记住安装目录 https://www.visualsvn.com/2、打开webstorm,我的版本2018.1.4 file->SettingsVersion Control ->Subversion ->配置SVN执行命令
2018-06-18 14:47:31
12404
原创 label中嵌套input时，在label上绑定click()事件执行两次（angular2+，javascript）
//html<label class="radio-inline" (click)="onLabel()"> <input type="radio" name="optionsRadiosinline"/> radio</label>onLabel(){ console.log('label1')}//结果label1label1
2018-06-11 15:43:35
1459
原创 小程序页面跳转---导航，路由
小程序中所有页面的跳转都是通过路由的方式进行页面切换，又框架进行管理。页面栈框架以栈的形式维护当前所有页面，当需要路由切换时，页面栈表现如下 1、初始化页面 新页面入栈 小程序打开时会自动创建 2、打开新页面 新页面入栈 3、页面重定向 当前页面出栈，新页面入栈 4、页面返面 页面不断出栈，直到返回Tab页面 5、Tab切换 页面全部出栈，只留下新的Tab页面 6、重加载...
2018-06-02 20:57:25
5928
原创 jquery触发window resize事件以及自定义事件。
通过jquery触发window resize事件$(window).trigger("resize"); 自定义事件$(window).on('customEvent', (function () { // to do}));触发自定义事件$(window).trigger("customEvent"); //上述例子也可自定义dom事件例如<div id ='myDiv'>...
2018-05-31 11:06:52
7641
原创 TS 判断字符串是否为手机号码
/** * 字符串的相关操作 */import {isNull, isUndefined} from "util";export class StringUtils{ public static isEmpty(str: string){ if(isUndefined(str)){ return true; } if...
2018-05-30 11:22:33
6098
原创 微信小程序中使用MD5加密
1、下载MD5源文件(JS);2、在小程序模块中使用require引入外部模块；也可以在index.html中直接全局引入md5.js文件。因为源md5.js中没有队模块因为输出，如果使用require需要export，所以在md5.js中需要加入以下代码：module.exports = { hexMD5: hex_md5, //需要输出的加密算法，我这边只写了我需要得两种 b64Md5:...
2018-05-27 16:58:28
34554
原创 webpack4.0+react16.0+es6简单环境搭建与配置
webpack参考文档：https://www.valentinog.com/blog/webpack-4-tutorial/react:参考文档：https://reactjs.org/docs/add-react-to-a-new-app.htmles6参考文档：http://www.ruanyifeng.com/blog/2017/09/es6_primer_3rd_edition.html...
2018-03-31 12:45:36
4358
1
原创 关于对象，对象数组，数组，数组对象直接拷贝、浅拷贝、深拷贝问题的总结
1、对象、对象的数组或者对象的对象（两者同理） 直接拷贝：将一个对象直接复制（拷贝）给另外一个对象，当一个对象改变时，则另一个对象则也会被改变，因为两个对象总的变量指向的是内存中同一位置。 举例说明： let obj1 = {id: 1,value: 1,steps:[]}; let obj2 = obj1; obj2.id = 2; console.log(...
2018-03-16 14:49:08
3530
原创 javaScript判断数据类型以及typeof和intanceof的差别
一、JS有6种数据类型：5种简单数据类型（ Undefined,Null.Boolean,Number,String）、1种复杂数据类型 Object; 二、JS提供两种方式判断数据的类型： typeof和intanceof; 三、typeof返回结果包括：undefined,boolean,string,number,object,function 1、返回undefined，表示这
2017-10-20 16:04:25
752
原创 RxJS核心概念之Subjet在angular2+上的应用
Subject，在RxJS中是一类特殊的Observable（可观察对象）,它可像多个Observer（观察者）推送值。 每一个Subject也可以作为Observer（观察者） Subject同样也是一个由next(v)，error(e)，和complete()这些方法组成的对象。调用next(theValue)方法后，Subject会向所有已经在其上注册的Observer
2017-09-22 15:31:34
855
原创 angular 使用html5 canvas绘制圆组建
1、定义数据接口export interface KtCircleCanvas{ x?: number; y?: number; radius?: number; title?: string; content?: string; fillColor?: string; f2、组件import { A
2017-09-21 11:43:31
5161
原创 typesctipt javascript 删除数组元素的方法
1、将原数组copy到另外一个数组 let newArry = []; let oldArray = [1,2,3,4,5,6,7]//删除数组元素种的4for(let i = 0; i if(oldArray[i] != 4) { newArray.push(oldArray[i]); }}oldAr
2017-09-01 19:56:09
3623
原创 angular时间json导出为excel，使用xsls
1、在angular应用程序中按照 xlsx file-saver npm install xlsx --save //当前使用的版本 0.13.3//编写angular - service代码import {Injectable} from '@angular/core';import * as XLSX from 'xlsx';@Injectable()export cl...
2017-08-22 11:12:20
1747
2
原创 angular4实现发布、订阅功能（基于observable）
import {Injectable} from "@angular/core";import {Subject} from "rxjs/Subject";import {Observable} from "rxjs/Observable";@Injectable()export class HisCurveAddService { private _selectedPoint:
2017-08-22 11:01:43
8341
3
原创 angular2解决Input记忆功能
方法1 ：1、html代码片段class="form-control" id="dutyUserPwd" name="dutyUserPwd" #dutyPwd type="text" (focus)="setInputType($event)" (blur)="setInputType($event)" (click)="setInputType($e
2017-07-24 14:17:56
2125
原创 angular2中自定义window对象
1、自定义window对象 在一组件类中写入如下函数 export class myobject { constructor(){window['myobject'] = this; test(){console.log('hi'); } } 在另一个组件中可使用 function name() { let myobjec
2017-02-15 20:47:39
4255
原创 angular2中onresize 多次调用 问题
1、监听window resizse事件时，使用下列方法存在resize多次调用问题： $(window).resize(function(){ //todo code})在函数中触发resize事件 function name() { $(window).resize();}2、解决办法 用如下方法调用：
2017-02-15 20:24:52
1511
原创 angular2限制键盘响应，如：只接收数字键盘输入
一、type值为number<input type="number" />二、通过ng2双向绑定与事件方式实现1、html代码：<input type="text" #inputVars (keyup)="onKeyPress(inputVars.value)" (keydown)="onKeyDown($event)" [(...
2016-12-21 18:27:30
4245
6
原创 从当前日期加减N天后，得到新日期；上一周和下一周切换。
1、函数逻辑function changeToNextDay(startDate:any,dayIn:number){ var date=startDate.split('-'); 分割出年月日 var d=new Date(); d.setFullYear(date[0],date[1]-1,date[2]); var myDate=new Date(d.g
2016-12-08 12:35:53
1171
原创 input 日期选择器中设置初始值
1、html标签中定义dom元素 type="date" id="startDate">2、编写JS代码 document.getElementById('startDate').valueAsDate=new Date();
2016-12-05 12:21:28
12951
原创 如何用JS计算某年某月天数（如2015年2月共有28天）
var year=2015; //表示需要查找的年份var month=2;//表示需要查找的月份-1var curMonthDays=new Date(year,(month),0).getDate(); //0表示3月的第0天，上月的最后一天console.log('查找的月份共有'+curMonthDays+"天");
2016-11-30 10:37:36
4370
转载 KMF算法（串的模式匹配算法）
#include#includevoid makeNext(const char P[],int next[]){ int q,k;//q:模版字符串下标；k:最大前后缀长度 int m = strlen(P);//模版字符串长度 next[0] = 0;//模版字符串的第一个字符的最大前后缀长度为0 for (q = 1,k = 0;
2016-10-19 14:08:25
1268
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人