小迷糊桃-CSDN博客

原创 angular.json 配置项

下面是整理的angular.json 的一些配置项，希望能给需要的人提供帮助。粘贴过来格式可能有点乱，复制粘贴到自己的编辑器总格式化一下就很清晰了。{"$schema": "./node_modules/@angular/cli/lib/config/schema.json","cli": { // cli属性定义Angular CLI的配置"analytics": "03d60a89-c556-45ac-890b-46df7c77fbe0"},"version": 1,"n

2021-12-06 15:36:41 1751

原创 react chrome 扩展程序之 React Developer && Tools Redux DevTools

一、React Developer Toolsgithub 链接：https://github.com/facebook/react-devtools1. git clone https://github.com/facebook/react-devtools.git2. cd react-devtools3. git checkout v34. yarn install5...

2019-09-19 17:25:41 520

原创 React Router 使用教程

一、基本用法React Router 安装命令如下。$ npm install -S react-router使用时，路由器Router就是React的一个组件。import { Router } from 'react-router';render(<Router/>, document.getElementById('app'));Rout...

2019-08-15 11:36:02 336

原创 JS AMD 和 CMD 规范

AMD/CMD/CommonJs是JS模块化开发的标准，目前对应的实现是RequireJs/SeaJs/nodeJs.CommonJs主要针对服务端，AMD/CMD主要针对浏览器端，所以最容易混淆的是AMD/CMDAMD和CMD最大的区别是对依赖模块的执行时机处理不同,注意不是加载的时机或者方式不同CMD 推崇依赖就近;AMD 推崇依赖前置 CMD 是延迟执行;AMD 是提前执...

2019-07-19 18:27:08 358

原创数组And对象拼接AndES6零碎知识

数组拼接方式一：contact方法const array = arr1.contact(arr2);方法二：… (es6 扩展运算符）const array = […arr1, …arr2];对象拼接const obj = Object.assgin({},obj1, obj2);扩展运算符另一个妙用let arr1=[‘www’,‘jspang’,‘com’];// let a...

2019-07-17 18:58:28 320

转载 ES6/ES7/ES8常用特性和新特性

ES6ES6在ES5的基础上新增了一系列特性，这里仅列出常用特性变量的改变，添加了块级作用域的概念 let声明变量（块级作用域），let是更完美的var，它声明的全局变量不是全局属性widow的变量，这便解决了for循环中变量覆盖的问题 const声明常量(会计作用域) // varvar a = [];for (var index = 0; index &...

2019-07-15 16:24:23 162

原创格式化时间通用方法

public formatDate(date: Date, fmt: string) { const o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': date.getHours(), // 小时 'm+': date.getMinutes(), /...

2019-03-12 18:22:18 136

原创 array 各种遍历

整理了一些 array 的容易用混的方法，方便以后查找Array.indexOf 返回第一次出现给定元素的索引如果我们稍后要在代码中使用这个返回的索引，那么使用 Array.indexOf 找到索引就对了。 Array.includes 返回数组是否包含某个值（true, false）Array.fi...

2019-03-11 18:23:47 1091

原创【Es6】 for of

for of是ES6新增的循环方法, 今天来记录一下 for of 月 for in 的区别：1.for of 用于遍历数组， for in 用于遍历对象2. for of循环遍历的是数组的值，而for in循环遍历的是数组的键值(索引)例一：const arr = [ { name: 'a', age: 1 }, { name: 'b', age: ...

2019-03-07 18:19:42 206

原创 Js Math 属性常用方法以及生产随机数

这篇文章整理了 Math 的常用属性以及生产随机数的方法，后面遇到会继续更新1.基本知识parseInt() --返回整数parseFloat() --返回浮点数% --取余Math.min() --返回最小值Math.max() --返回最大值Math.ceil() 向上取整，丢弃小数Math.floor() 向下取整，丢弃小数Math.round...

2019-03-06 11:41:19 549

原创 @ngModule 结构分析

declarations: 模块内部Components/Directives/Pipes的列表; 声明当前module所控制的 component ，创建的指令、管道也要添加到其中。imports: 当前 module 所依赖的项，导入其他的 module , 常见的有 HttpModule，路由等。providers: 引入服务(serv...

2019-01-09 10:52:27 535

原创 git 创建分支的两种方式并设置默认分支

1. 在本地的当前分支上创建分支 git checkout -b <branchName>2. 从远程拉取分支并创建本地分支 git checkout -b <branchName> origin/<远程分支名字>3. 设置新建的分支为默认的igt pull git push 分支 git branch --set-u...

2019-01-08 18:25:35 13508 1

原创 angular6 引入sass

这篇文章是基于已经有的项目引入sass方法一、全局安装ruby安装ruby（运行sass 需要ruby）https://rubyinstaller.org/downloads/ 下载页面注意：添加环境变量安装完成之后看版本 ruby -v二、全局安装sasshttps://www.sass.hk/install/ 安装方法注意：gem源注意切换到国内来，镜像地...

2019-01-03 16:22:44 709 1

原创 es6 set方法实现数组去重

最近新了解到es6的两个好用方法，set和Array.from。set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。可见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重。在这里大家可以看到，set返回的是一个对象，但是我们想要的是数组怎么办呢。这回，就该轮到...

2018-12-25 17:54:12 1387

原创 angular4升级到angular6详细过程

前言：公司angular框架升级，先拿自己项目练习一下趟趟坑...前提条件：确保node满足如下条件，否则去官网下载升级包； $ node -v node >= 8.9.0 $ npm -v npm >= 5.6.0 还要保证你的网络足够好，网络不好，会莫名其妙报很多错....1.升级全局Angular-Cli ...

2018-12-17 14:16:40 2466 1

原创启动angular项目时，样式有问题

angular6使用angular-cli构建的项目，启动时引用bootstrap样式无效。前言：昨天在公司升级把项目从angular4 升级到 angular6，很顺利，今天趁着双休日，升级下家里本本的项目，确保家里和公司环境一样，以便日后维护项目方便。（我有一篇博客是专门介绍升级angular-cli，这里不做介绍）问题来了：升级还算顺利，当我ng serve 时，出问题了。最直观...

2018-12-16 13:47:00 741

转载使用git stash命令保存和恢复进度

当有文件，想保存它但又不想增加一个脏的提交。这时就可以考虑git stash。具体用法参考下面文章：https://blog.csdn.net/daguanjia11/article/details/73810577

2018-10-15 10:55:38 155

原创 call 和 apply

面试中经常会问到call 和 apply，回答起来也是模模糊糊，今天有时间做了一下整理，希望可以自如的应付面试//相同点都会改变 this的指向//apply会将数组转换成一个参数接一个参数的传递给方法var array = [1, 2, 3, 4, 5, 7, 6];var maxValue = Math.max.apply(null, array);console.log(m...

2018-08-03 16:19:19 102

原创面向对象编程oop

一、什么是面向对象编程(OOP) 概念：面向对象编程引入了类和对象的概念。从类中拿到对象，由对象解决这个问题。面向对象，只需要告诉调用者，对象中具体方法的功能，而不需要调用者了解方法中的实现细节。面向对象的三大特征是继承、封装、多态。JS可以模拟实现继承和封装，但是无法模拟实现多态类：一类具有相同特征（属性）和行为（方法）的集合对象：从类中，拿出具有确定属性值和方...

2018-08-03 12:28:45 340

原创 Javascript之闭包学习

闭包（closure）是掌握Javascript从人门到深入一个非常重要的门槛，它是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面写下我的学习笔记~前言-JavaScript 变量作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。函数内部可以直接读取全局变量，这就是Javascri...

2018-08-02 16:43:28 228 1

转载 webstrom 快捷键大全

webstorm快捷键大全ctrl+/ 单行注释ctrl+shift+/ 块注释ctrl+shift+ +/- 展开/折叠ctrl+alt+L 格式化代码ctrl+shift+ up/down 上下移动句子Alt+回车导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get...

2018-07-03 18:39:55 317

转载 js对数据分组类似group by

前端处理后端的返回来的json, 对数据进行处理类似group by，看到大牛的写法，分享给大家自己也做一下记录。list = [ {"name": "John", "Average": 15, "High": 10, "DtmStamp": 1358226000000}, {"name": "Jane", "Average": 16, &q

2018-07-02 19:20:47 25452 3