前端开发总结（五）

1.汉字排序
  arr.sort(function compareFunction(a,b) {
	return a.localeCompare(b,'zh')
  })   // 多个汉字排序不太准
2. iOS 部分机型  边框显示不全，
   异常：父容器宽度÷2的值为偶数或偶数.5的时候会出现该bug
   解决：将宽度设为奇数或奇数.5
3. 三角形
   border-right: 1.6rem solid transparent;    // 底边
4. iframe 打开的网页不跳转
   属性 sandbox="allow-forms allow-scripts allow-same-origin"
5. iframe 打开的网页 ，canvas宽度显示异常
   原本iframe外层div用v-show控制，异常几率较高，用v-if控制，暂时还未发现异常
6. input输入框 从右向左输入，聚焦末尾
   css样式  text-align:right;
7. 双重map循环  需要返回的值在外层
  let c = b.map(item=>{
             a.map(items=>{    	 
             })
             return item
   })
8. ！和 ！！
   “！”是逻辑与运算，并且可以与任何变量进行逻辑与将其转化为布尔值
    “!!”则是逻辑与的取反运算，有实际含义的变量才会执行，
    null,undefined和空 都不会执行判断
9. 简单设置rem
   var html = document.documentElement;
   var hWidth = html.getBoundingClientRect().width;
   html.style.fontSize = hWidth / 10 + 'px';
10. touch 事件  touchcancel
    系统停止跟踪触摸时候会触发，例如触摸过程中弹出alert框会触发该事件