javascript技术 - 随笔分类 - chen8840

rxjs的几点使用心得

摘要：1.对错误的处理日常使用中，点击按钮需要往后台发消息，为了不重复发消息，经常需要把点击事件做成subject，然后把发消息的过程做成switchMap，类似下面的写法 const subject = new rxjs.Subject(); subject.pipe( rxjs.operators. 阅读全文

posted @ 2023-04-10 16:02 chen8840 阅读(380) 评论(0) 推荐(0)

typescript中的--strictFunctionTypes选项

摘要：什么是协变和逆变原来，在泛型参数上添加了in关键字作为泛型修饰符的话，那么那个泛型参数就只能用作方法的输入参数，或者只写属性的参数，不能作为方法返回值等，总之就是只能是“入”，不能出。out关键字反之。上面标红的文字中，in表示逆变，out表示协变。用例子看下什么是协变和逆变。逆变（contr 阅读全文

posted @ 2021-09-26 17:11 chen8840 阅读(587) 评论(0) 推荐(0)

typescript中的esModuleInterop选项

摘要：当没有加esModuleInterop时库的代码：生成代码使用库的代码：生成代码生成代码生成代码 fs是没有default属性的，所以这种使用fs的方法是不对的。所以，不加esModuleInterop时，正确引用fs的方法是下面这样：加上esModuleInterop，代码编译为阅读全文

posted @ 2020-01-03 11:50 chen8840 阅读(5429) 评论(0) 推荐(0)

Using XMLHttpRequest

摘要：https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest 阅读全文

posted @ 2019-05-06 10:05 chen8840 阅读(74) 评论(0) 推荐(0)

angular中ngOnChanges与组件变化检测的关系

摘要：1.ngOnChanges只有在输入值改变的时候才会触发，如果输入值(@Input)是一个对象，改变对象内的属性的话是不会触发ngOnChanges的。 2.组件的变化检测： 2a.changeDetection如果是ChangeDetectionStrategy.Default的话，无论输入值(@ 阅读全文

posted @ 2019-03-21 15:32 chen8840 阅读(5576) 评论(0) 推荐(0)

NPM cache相关

摘要：今天下午把package.lock.json用别人的替换了，然后编译一堆报错，这个问题弄了一下午。总结一下经验： 1.关于npm cache NPM会把所有下载的包保存，放在用户文件夹下面，在我的windows10机器上是保存在C:\Users\zcche\AppData\Roaming\npm- 阅读全文

posted @ 2018-11-22 18:10 chen8840 阅读(9141) 评论(0) 推荐(1)

Promise里捕捉错误的最佳实践

摘要：Promise里的同步部分不需要try catch 异步部分需要try catch 阅读全文

posted @ 2018-11-07 09:27 chen8840 阅读(1541) 评论(0) 推荐(0)

为网页元素增加resize事件

摘要：默认只有window支持resize事件，但有时我们需要为div等元素添加resize事件方法1：代码见下面，原理是在元素内添加一个内嵌html，然后监听这个内嵌html的resize事件 import { Injectable } from '@angular/core'; @Injectab 阅读全文

posted @ 2018-11-05 10:11 chen8840 阅读(2237) 评论(0) 推荐(0)

angular2 里父子组件传值的坑

摘要：1.如果传的是基本类型的值，子组件里改变该值，父组件无变化 2.如果传的是对象，子组件里改变对象里的变量，父组件会变化 3.如果传的是函数，this不会继续指向父组件对象了，如果需要this指向父组件，需要使用bind绑定阅读全文

posted @ 2018-05-25 10:00 chen8840 阅读(323) 评论(0) 推荐(0)

appendChild与Transition动画

摘要：在createElement之后，直接把这个div append到body中，是不会触发css3 transition动画的必须要让浏览器计算div的css属性后，然后再设置div的style，才会触发transition动画代码如下阅读全文

posted @ 2018-03-08 15:47 chen8840 阅读(630) 评论(0) 推荐(0)

escape，unescape与encodeURIComponent，decodeURIComponent

摘要：escape：将string转成unicode字符串 unescape：使用类似String.fromCharCode的机制将unicode字符串转成string encodeURIComponent：将string转成utf-8字符串 decodeURIComponent：将utf-8字符串转成s 阅读全文

posted @ 2018-03-02 10:24 chen8840 阅读(339) 评论(0) 推荐(0)

requirejs和r.js的心得

摘要：requirejs的GitHub：requirejs r.js的GitHub：r.js grunt-contrib-requirejs的GitHub：grunt-contrib-requirejs 关于config.shim.exports这里有很好的解释：shim.exports 这样用的话con 阅读全文

posted @ 2016-04-08 10:33 chen8840 阅读(2060) 评论(0) 推荐(0)

ui-router中使用$stateChangeStart来实现WEB用户登录跳转

摘要：http://stackoverflow.com/questions/25872219/confusing-locationchangesuccess-and-statechangestart 阅读全文

posted @ 2016-02-22 13:43 chen8840 阅读(384) 评论(0) 推荐(0)

Angular.js中的$injector服务

摘要：一、angular中的依赖注入 angular的一个很重要的特性就是依赖注入，可以分开理解这4个字。 1.依赖： angular里面的依赖，有angular默认提供的，也有我们自己添加的。默认提供的比如$rootScope，$http，$injector等，我们也可以自己写factory函数来添加阅读全文

posted @ 2016-01-19 10:28 chen8840 阅读(1187) 评论(0) 推荐(0)

随笔分类 - javascript技术