一些小细节的记录

1. <a>标签: 有链接的时候预留好<a>标签,写好样式，因为<a>标签对 样式的影响还是很大的。特别注意点击区域的大小;

2. php不是自己写的时候需要注意哪些地方要填数据,样式什么的提前处理好,有点同理心，方便他人就是方便自己;

3. 发起ajax请求的时候千万记得要加loading,一旦并发一大用户多次点击就麻烦了，这个坑踩过别忘了！！！

4. 不管跟谁合作，前端的架构弄好了，不然顺着别人越写越不爽那也不行==;

5. 充分的沟通可以少走很多弯路，特别是运营和产品🐶;

6. 用别人的框架需要谨慎,不管是js的框架还是css的框架。有的时候贪图方便会采坑无数;

7. css样式能简写就简写,top:0; margin: 0;这种的不要写px;

8. retina屏需要双倍的切图,否则会糊掉的;之前用过

    background-image:url(example.png);/* 普通屏幕 */
    background-image: -webkit-image-set(
        url(example.png) 1x,
        url(example.png@2x) 2x
    );/* Retina */ 但是华为机子等对webkit-image-set并不支持。今天看到另外一种写法是
   
    .icon {
     			background-image: url(example.png); /* 普通尺寸图片 */
     			background-size: 200px 300px;
     			height: 300px;
     			width: 200px;
     }
   
    @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
        only screen and (-moz-min-device-pixel-ratio: 1.5),
        only screen and (-o-min-device-pixel-ratio: 3/2),
        only screen and (min-device-pixel-ratio: 1.5) {
     			.icon {
    			background-image: url(example@2x.png); /* 2倍尺寸图片 */
    			}
    }
   

9. 不同机型的微信内置浏览器会有很多坑，排查的时候注意引入的js库有没有问题。如若出现事件无法触发、表单无法输入的情况，可以试试对需要输入或者触发事件的元素设置样式：-webkit-transform: translate3d(0,0,0) 重新触发layout;

10. input:password的替代方案: 使用input:text类型的输入框并通过样式-webkit-text-security: disc; 隐藏输入密码;

11. 网站性能优化访问

12. 去掉点击时闪一下的现象:-webkit-tap-highlight-color: rgba(0,0,0,0);