web前端开发中遇到的问题整理记录——2020-08

目录

1.h5调用手机打电话功能

2.ES6 的Object.assign()方法

3.Expression has changed after it was checked. Previous value: '3'. Current value: '2'.

内容

1.h5调用手机打电话功能

head 里面加上：
<meta name="format-detection" content="telephone=yes"/>

需要拨打电话的地方：
<a href="tel:400-0000-688">400-0000-688</a>

发短信：
<a href="sms:18688888888">发短信</a>

点击 页面上的电话号码 ，页面会调用手机的电话接口。

2.ES6 的Object.assign()方法

Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。
例如：

const target = {a:1},
const source1 = {b:2}
const source2 = {c:3};
Object.assign(target, source1,source2);
 target   // {a:1,b:2,c:3}

Object.assign 方法的第一个参数是目标对象，后面的参数都是源对象。

注：如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性覆盖前面的属性。

const target = {a:1, b:1};
const source1 = {b:2,c:2}
const source2 = {c:3}
Object.assign(target, source1, source2);
target   // {a:1,b:2,c:3}

3.Expression has changed after it was checked. Previous value: '3'. Current value: '2'.

连续多次修改一个属性值，onchanges会检测到并且报如下的错，
Expression has changed after it was checked. Previous value: '3'. Current value: '2'.
解决方法如下：
在main.ts中加入如下：

import{enableProdMode}from'@angular/core';
if(process.env.ENV==='production') {
        enableProdMode();
}

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
首发于CSDN
链接：https://blog.csdn.net/samll_cat/article/details/108275540