关于多行文本的溢出显示省略号 以及 解决跨域问题

　　　　　　　　　　　　　　display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp:3;
                        overflow: hidden;

其中   -webkit-line-clamp:3; 里面的参数是需要的行数

第一个是通过jsonp解决跨域          ps:默认的后台都是用nodejs中的express框架

前台代码

function handle(data){
        console.log(data)
    }    
// jsonp 的基本跨域处理
          let script = document.createElement("script")
        let url = "http://localhost:3000/test"
        script.src =  url
        script.setAttribute("class","jsonp")
        document.body.appendChild(script)
        document.body.removeChild(document.querySelector(`script[class='jsonp']`))

后台代码

app.get("/test",(req,res)=>{
    let data = {
        message:"用户名已经存在",
        code:404
    }
    let str = JSON.stringify(data)
    res.end(`handle(${str})`)
})

jsonp的缺点是需要前台和后台一起进行改动，并且只支持get请求

 

第二个是通过fetch解决跨域 

 

第三个通过在后端进行cors响应头进行跨域 （这个是最简单的）

// 应用级中间件    (跟前端路由里面的导航守卫差不多的)

app.use((req, res, next) => {
    res.setHeader("Access-Control-Allow-Origin","*")
    next()
})