Ionic3使用InAppBrowser进行数据交互

Ionic在使用过程中如果使用ThemeableBrowser或者InAppBrowser进行数据交互时,两个插件都存在一定的问题。
ThemeableBrowser fork自InAppBrowser,ThemeableBrowser提供了全新的主题匹配,但是由于插件长时间未更新,在数据交互时存在一定的问题,但是我们可以根据自己的实际情况选择使用哪个插件

JavaScript Event Loop

2021年11月更新

Ngxs使用总结

1.Ngxs

在介绍Ngxs之前我们先来了解一下另外一个在Angular项目中用于做状态管理的解决方案;Ngrx,Ngrx的设计灵感来源于Redux,并且使用Rxjs来实现.但是由于Ngrx过于臃肿,在本就庞大的Angular中引入这么一套方案,确实不是很合理,所以就有人在Ngrx的基础上做了减法,诞生了Ngxs.
这里就不过多解释为什么需要使用状态管理.只是针对我们在使用Ngxs的过程中异步的问题和解决方案.

Angular使用web3时出现Can't Resolve 'Crypto' 报错的解决方法

当我们在Angular中引入web3时,由于Angular-cli的限制,会出现Can’t Resolve ‘Crypto’这个报错信息.但是浏览器确实有加密支持的 https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto

ES6,ES7,ES8小结(持续更新)

ES6新特性(2015)

1. 数值的扩展

  • Number.isFinite() 用来检查一个数值是否为有限的(finite);如果参数类型不是数值,Number.isFinite一律返回false。
1
2
Number.isFinite(15); // true
Number.isFinite(NaN); // false
  • Number.isNaN()用来检查一个值是否为NaN。如果参数类型不是NaN,Number.isNaN一律返回false。
1
2
Number.isNaN(NaN) // true
Number.isNaN("NaN") // false
  • Number.parseInt()
  • Number.parseFloat()
  • Number.isInteger() 用来判断一个数值是否为整数。
1
2
3
Number.isInteger(25) // true
Number.isInteger(25.0) // true
Number.isInteger(25.1) // false
  • Math.trunc() 方法用于去除一个数的小数部分,返回整数部分。
1
2
3
4
5
Math.trunc(4.1) // 4
Math.trunc(4.9) // 4
Math.trunc(-4.1) // -4
Math.trunc(-4.9) // -4
Math.trunc(-0.1234) // -0
  • Math.sign() 方法用来判断一个数到底是正数、负数、还是零。对于非数值,会先将其转换为数值
  1. 参数为正数,返回+1;
  2. 参数为负数,返回-1;
  3. 参数为 0,返回0;
  4. 参数为-0,返回-0;
  5. 其他值,返回NaN。
1
2
3
4
5
Math.sign(-5) // -1
Math.sign(5) // +1
Math.sign(0) // +0
Math.sign(-0) // -0
Math.sign(NaN) // NaN
  • Math.cbrt() 方法用于计算一个数的立方根。
1
2
3
4
Math.cbrt(-1) // -1
Math.cbrt(0) // 0
Math.cbrt(1) // 1
Math.cbrt(2) // 1.2599210498948734

2. Symbol

原始数据类型Symbol,表示独一无二的值;它是 JavaScript 语言的第七种数据类型,

Angular6实现HMR(热模块替换)

热模块替换(HMR)是一种WebPack功能,用于更新正在运行的应用程序中的代码而无需重建它。这样可以加快更新速度并减少整页重新加载。

浏览器渲染原理

发送&接收信息

浏览器进程的UI线程捕获输入内容(网址),并启动网络线程进行DNS域名解析获取内容;网络线程准备好数据后通知UI线程进行下一步处理,之后UI线程会启动一个渲染进程并通过IPC管道将数据发送给它

Ionic3中懒加载的注意事项

在ionic3中,官方给出了使用懒加载来提升性能的解决方案,如果你的项目过于庞大,官方也给出了脚本用于你的懒加载.

Angular中操作DOM时的注意事项

Angular2实际在使用过程中,有时候需要直接引用DOM中的一个元素,习惯上我们经常通过ID来获取DOM元素,但是在模块化编程中,这样操作会很大程度上会污染我们的全局HTML代码,而且随着项目的变大而不受控制.
所以在angular中我们可以采取以下的方法来解决这个问题

RxJs中的的Subject

Subject的分类

Subject包含四种类型,BehaviorSubject,AsyncSubject,ReplaySubject,Subject