前端开发问题总结

1、js用window.orientation监听手机横竖屏触发时文档未渲染完成，需要添加延时操作。可改用css解决

    /* 竖屏 */
    @media screen and (orientation: portrait) {
      html {
        font-size:calc(100vw * 100 / 750) !important;
      }
    }
    /* 横屏 */
    @media screen and (orientation:landscape) {
      html {
        font-size:37.5px !important;
      }
    }

2、placeholder样式修改

 input::-webkit-input-placeholder {
   /* WebKit browsers */
   font-size: 26px;
   color: rgba(153, 153, 153, 1);
 }
 input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   font-size: 26px;
   color: rgba(153, 153, 153, 1);
 }
 input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   font-size: 26px;
   color: rgba(153, 153, 153, 1);
 }
 input:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   font-size: 26px;
   color: rgba(153, 153, 153, 1);
 }

3、vant中van-collapse插槽使用失效

  
    
    内容
  

版本问题，将#title改为slot="title"

4、移动端滚动卡顿、慢、失效

{
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}