前端工作总结

1、typeof操作符返回一个字符串，表示未经计算的操作数的类型。
关于Angular的双向绑定https://www.cnblogs.com/shitoupi/p/6622878.html/
2、在前端页面的逻辑判断中要善于使用*ngif、||、&&等 逻辑判断符，例如：{{user.avatarUrl || ‘./assets/imgs/head.png’}}
3、| |和&&运算符运算方法： 只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。总结：真前假后。
&&符号：运算方法：只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;总结：假前真后。
4、在js逻辑运算中，0、" “、null、false、undefined、NaN都会判为false，其他都为true。
5、js中string转number：Number.parseInt（）
6、angular中得数据绑定：http://www.jb51.net/article/111428.htm
7、ionic 在前端设置属性使用组件的值一定要用插值绑定！！min=”{{now}}"/8、异步取来的数据在ionic页面渲染之前，所以要先判断是否有值
8、js对对象数组的深拷贝：let receiverPerson = [].concat(JSON.parse(JSON.stringify(this.persons.persons)));
9、angular css样式类的绑定：[ngClass]="{‘p-data’ : globalData.status.accountChooseId==account.id&&money>account.balance}"
10、做这种效果可以定义isEdit = [false, false, false]（是否编辑），taskSel = [0, 0, 0]（选中的筛选条件），taskType = []（任务类型），点击项目isEdit就置为true 就可以出现下面的div，然后把项目数组的下标传给taskSel，默认是0表示第一个项目，显示的数据是taskType[taskSel[1]].name，
11、逻辑判断巧用短路原理：
let msg = this.checkRequest(this.addrCont);
if(msg){
this.componentsUtil.showAlert(msg);
return false;
}
checkRequest(request: AddrCont){
return !request.contactName && “请填写联系人姓名”
|| !request.phone && “请填写联系电话”
|| !request.address && “请填写联系地址”
|| !request.houseNumber && “请填写具体地址”;
}
12、js中可以用!!来将表达式进行强制转化为bool值的运算