前端接口二进制流文件保存文件
xxx.subscribe( (res) => { let file = new Blob([result.body], { type: result.body.type}); let link = this.renderer2.createElement('a'); let...
void操作符
今天在看ts转换JS的代码时 看到了一串代码 a === void 0 ? x : m 顿时心生困惑，按照逻辑 void 0 应该等价于undefined ，可是我并没有遇到过void 0 这种情况，于是查阅了一下相关资料 > void运算符可以执行右侧的表达式，返回值始终为undefined。 >...
小试牛刀之使用指令完成clickOutSide功能
前面提到了Angular的Directive指令。现在用指令完成一个小功能。 新建指令 ng genrate directive directiveName @Directive({ selector: '[appClickOutSide]' }) export clas...
Angular中指令(directive)的初试
指令的概要 在Angular中有三种类型的指令： 1. 组件--拥有模板的指令 2. 结构型指令-- 通过添加和移除DOM元素改变DOM布局的指令（NgFor、NgIf） 3. 属性型指令 -- 改变元素、组件或其他指令的外观和行为的指令（NgStyle） ...
angular2+中使用renderer2代替原生js方法创建以及操控DOM对象
[scode type="green"]今天遇到一个需要类似右击然后创建一个菜单的时候，陷入了误区，为什么要自己操控dom呢？angular明明优势就是数据操控视图，直接在页面的定义好对应的组件（不显示），直接通过数据控制不就行了吗？[/scode] window.document.createEl...
CSS控制页面的文字换行 && 文本内容过多导致超出显示范围而使用省略号替代
在一开始的学习过程中，我们遇到换行这种情况，大多都是采用强制换行就行。 但是在实际的生产环境中，难免需要考虑单词是否被换行所切割、单词间距、空格等因素。 现在来理一下那些控制文字的CSS3样式 文字种类“常识” C...
Angular4+中使用jsonp获取API数据
导入AngularModule 在 app.module.ts 中引入 HttpClientModule、HttpClientJsonpModule 并注入 import {HttpClientModule,HttpCl...
在Angular8中引入lodash
npm安装 npm install lodash --save types定义 TypeScript 的解決方案是另外使用 .d.ts 。 一般来说，若是知名的 JavaScript library，都已经有人维护 type 定义包，其 package 的规则是 @types/package 。 n...
Angular项目中引入Swiper轮播插件
在网上找了很多资料，有的正确有的错误，当然最简单就是在index.html引入cdn 然后在ts文件中declare 一下，不过这种方法看上去就有点不是很正确，于是找一下相对正确的办法 npm 安装 swiper npm install swiper --save 或者 ya...
在Angular中使用RxJS完成接口数据的缓存
在实际项目中，很多共用的接口返回的数据是一样的，这样许多页面多次调用会造成性能浪费，可以使用RxJS的ReplaySubject(size)发送之前的旧值给新的订阅者。 用ReplaySubject(size)可以发送之前的旧值给新的订阅者，size是定义发送具体多少个旧值给...