自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 资源 (3)
  • 收藏
  • 关注

原创 Js 终止递归

js 编写递归方法,当查找到指定节点后:1. 递归并不会停止,直到所有节点遍历结束之后,才会停止,会有性能损耗。2. 递归成功后,如何返回查找到的值?代码如下:

2021-02-24 14:00:43 5781 1

原创 vue 项目jest单元测试 并生成测试报告

1. 项目基于cli4 搭建2. 一开始没有按照脚手架指示安装单元测试,如何后添加呢?3. 最终结果如下图,可以看到覆盖率,并且生成html的测试报告4. 实现步骤(1)如果使用脚手架搭建新项目,搭建项目的时候选 Unit Testing --> jest就可以了然后在jest.config.js中添加如下代码module.exports={pre...

2019-12-24 16:40:16 4518

原创 reduce 数组求和 对象数组

1. 正常求和可以通过forEach或者for循环var list = [{num:1},{num:10},{num:2},{num:2}]function getCount(list) { let count = 0; list.forEach(i => { count += i.num; }); return count + 5...

2019-12-24 10:35:35 5356

原创 js 树结构筛选

问题描述,树型数据,现在要做查询,当子节点满足条件时,返回其父节点直到其跟节点,同时也要把当前,子节点的所有孩子节点返回,最终返回的结构还是一颗树。代码如下:var productList = [{ name: 1, c: [{ name: 11, c: [] }, { name: 12, c: [{ name: 121, c: [] }] }] }, { name: 2, c: [{ n...

2019-11-30 10:22:07 1955

原创 vue 标签组件

基于谀基于http://element-cn.eleme.io/#/zh-CN/component/tag ,做一 ,做一个标签封装,双击可以修改标签内容。支持动态添加1. 首先在项目中安装 element-ui;方法自行百度2.实现效果,双击可以修改标签,可以删除标签,可以动态添加标签3.3.代码    下载地址 https://download.csdn.net/downloa...

2018-09-14 17:36:40 1313

原创 Angular 5 整合容联云 即时通讯

1.首先要登录容联云官网,注册帐号。然后建立应用,获取appid2.下载容联云sdk,在项目中引用。    在index.html中引用 <script src="https://app.cloopen.com/im50/ytx-web-im-min-new-5.4.0.js"></script>    在typings.d.ts文件中,声明调用对象 declare var...

2018-07-05 15:45:15 1011 6

原创 Angular5 引入TinyMCE富文本编辑器

1.下载TinyMCE 富文本编辑器        npm install --save tinymce       默认安装稳定版2.引入js 把下载到node_modules\tinymce 下的源码复制到 assets文件夹下,再如下操作3. 在在项目中的typing.d.ts中声明tinymce全局变量,不然会提示找不到tinymce4.在component.ts中 加入如下代码 edit...

2018-02-28 16:16:07 3210 3

原创 Angular 5 子组件与父组件实现数据双向绑定

1. 实现父组件和子组件间 数据的双向绑定2. 描述:子组件和父组件间,各有一个<input>标签,在父组件input 内容,子组件的input 标签上同步 ,在子组件的input 上输入内容,父组件input 标签页同步3. 具体实现:    在父组件html中写如下代码子组件input标签<home-input #homeinput></home-input&gt...

2018-02-21 20:13:54 2285

原创 Angular 5 最新官方demo

1. 基于Angular cli 1.6.5 最新稳定版2. 项目代码可见附件http://download.csdn.net/download/wxf_angular/102163893. 解压后运行cmd 命令 npm install 下载依赖包4. 下载完成后 npm start 启动项目5. 打开浏览器 输入localhost:4200 即可

2018-01-21 11:41:06 4275 3

原创 Angular 装饰器 (适用于Angular2+)

1. Angular 装饰器一共有,如下图:2. 其中常用的有  ViewChild      引入子组件对象时使用 Component    组件 input              子组件接受注入参数标识 output 子组件返回信号函数标识 Pipe 管道 Injectable service NgModule 模块

2018-01-18 09:01:20 1354

原创 Angular 解决跨域 配置代理 (适用于Angular2+)

1. 新建proxy.conf.json 文件 内容如下:{    "/api": {        "target": "http://124.77.3.162:8888",        "secure": false,        "router" : {        "/v1/index": "http://125.78.3.162:8888",        "/v1/finance

2018-01-18 08:52:39 2996 1

原创 Angular primeng tree 组件数据解析(适用于Angular2+)

1.项目中引入 primeng tree组件import{TreeModule}from'primeng/tree';import{TreeNode}from'primeng/api';2.本文讲解把一个后台返回数据,转化成tree需要的类型后台返回json如下:  {   "count":1,   "errCode":0,   "message":"",

2018-01-17 17:41:45 2773 2

原创 Angular 实体定义(适用Angular2+)

1. 最简单的方式 let,let data = {"userID": "zdk","userName": "粥店楷"};2. 正规的实体定义,带有构造函数 ,方便new()的时候赋值,实体也可以写继承(extends),ts用法类似Java,面向对象语言export classChannel {        channelType:string;     channelID:string;  

2018-01-17 17:33:49 1970 1

原创 Angular 解除双向绑定(适用Angular2+)

1 . Angular的双向绑定,一直以来是Angular的一大特点,但凡是有利有弊。有时候需要绑定,有时候就需要解除2 . 解除方法很简单,就是把数据先转化成JSON,再从JSON解析回来,即可解锁绑定,代码如下:private DataA:string; //html界面用到的,已双向绑定的变量private DateB:string;//需要得到DataA值,但解除双向绑定的变量

2018-01-17 17:14:58 2249 2

vue项目后添加单元测试,所需文件test.zip

vue项目后添加单元测试,所需文件,基于脚手架搭建。 vue项目后添加单元测试,所需文件,基于脚手架搭建。 vue项目后添加单元测试,所需文件,基于脚手架搭建。 vue项目后添加单元测试,所需文件,基于脚手架搭建。 vue项目后添加单元测试,所需文件,基于脚手架搭建。

2019-12-24

基于vue 的标签组件

基于vue 封装的标签组件。可以实现标签的动态新增,双击可以修改,还可以删除

2018-09-14

Angular 5 最新官方 demo

1. 基于Angular cli 1.6.5 最新稳定版 2. 项目代码可见附件 3. 解压后运行cmd 命令 npm install 下载依赖包 4. 下载完成后 npm start 启动项目 5. 打开浏览器 输入localhost:4200 即可

2018-01-21

空空如也

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

TA关注的人

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