整理每日知识点3

1.怎么修改input框的placeholder属性？

因为这个会改变所以input的placeholder属性的css，建议使用类名，id名进行单独设置。

 input::-webkit-input-placeholder {

（1）改变字体颜色

  color: #d1d1d1;

（2）改变字体大小

  font-size: 16px;

      }

2.怎么将背景颜色改为渐变透明?

 background: linear-gradient(to right, rgba(27, 175, 181,1),rgba(255, 255, 255,0));

3.解决vue问题WebSocketClient.js?5586:16 WebSocket connection to ‘ws://x.x.x.60:8081/ws‘ failed

原理：在运行vue前端代码的时候，服务器还会运行一个websocketClient,与服务器通信。如果检查到代码有修改，就会刷新页面。 如果websocket通信有问题是不会正常进行热重载的

解决方法：

（1）创建一个新项目，使用vue-cli创建

npm install -g @vue/cli

(2)直接修改vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {
      host: '0.0.0.0',
    // https:true,
      port: 6103,
      client: {
        webSocketURL: 'ws://0.0.0.0:6103/ws',
      },
      headers: {
        'Access-Control-Allow-Origin': '*',
      }
  },
  
  transpileDependencies: true
})

4.怎么实现input换行？

input不支持换行；

可以考虑使用textarea；由于该元素会允许拖拽对话框，使用时需带上resize: none;防止拖拽