前端开发中遇到的问题

1、用了V-show 刷新的一瞬间可以看到隐藏的那个字怎么办?

<style>
    [v-cloak] {
        display: none;  }
</style>
<div id="app" v-cloak></div>

v-cloak这个指令让元素直到关联实例结束才开始编译。和 CSS 里面 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕

2、 修改input、textarea标签placeholder属性默认文字颜色

  input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #fff;
  }
  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
  }
  input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #fff;
 }
 input:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #fff;
 }

3、input img等不支持 ::after ::befor 等

4、chrome浏览器选择记住密码后，如何避免对所有input标签进行自动填充，chrome表单自动填充后，input文本框的背景会变成偏黄色的，想必大家都会碰到这种情况吧，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的，解决方法如下

在样式中加入：

input:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0px 1000px #bddaf0 inset !important;  
}  

自动填充内容解决方法：
    在不想对其自动填充的input元素之上再添加一个display为none的input元素
   <input type="password" style="display:none">

 然后为input加一个autocomplete="off"的属性，此属性是 HTML5 的新属性，自动完成允许浏览器预测对字段的输入，但是只只用于text, search, url, telephone, email, password, datepickers, range 以及 color类型的<input>和<form>，所以如果我们需要一个密码框，需要给input设置一个onfocus="this.type='password'" 

1 <input type="text" class="demo" id="demo" style="display: none";>  
2 <input type="text" class="demo" id="demo" placeholder="请输入密码" autocomplete="off" onfocus="this.type='password'">  

5、input框 placehold 提示语 在mac 电脑上 不居中问题：

如果给input 设置了高度，记住，一定要设置一个lin-hight：如果 不设置在windows系统的电脑是居中的，但是在mac上就不居中了（偏上）