保持宽高比：
aspect-ratio:16/9 宽高比16:9
2.权限系统设置可组合的散列数值：二进制0000
3.chrom最小字号限制12px：
如果要更小，就设置缩放。
transform：scale(0.5);display:"inline-block";transform-orign:left center
4.css的小三角：复合属性。 包含所有的默认属性。
5.输入中文拼音触发input事件bug：
设置事件监听参数：addEventListener('compositionstart',function()), addEventListener('compositionend',function()).
6.磨砂玻璃：backdrop-filter:grayscale(1)
7.文字描边效果：
兼容性好，但是没有那么圆滑 不支持文字透明
text-shadow: 0 2px #fff 0 -2px #fff -2 2px #fff 2 2px #fff -2px 0 #fff 2px 0 #fff
另外一个：
-webkit-text-stroke:2px #fff color:transparent
8.优化代码分支：（if-else-if）封装成对象，进行判断
if（obj（objname））{ }else{ }
9.取整问题： parseInt、math.floor()
这里有问题，parseInt是向0的方向取整，math.floor（）是向下取整。
在＞0的时候，这两个一样。当＜0的时候，parseInt>math.floor()
10.flex弹性盒子保持容器均匀分布：剩余的空间均分
flex-grow：1
