开发经验-小总结-CFANZ编程社区

开发经验-小总结

GG_lyf 2021-09-24 阅读 73

标签: 随笔

1.

input textarea 编辑提交的时候，要过滤html<>标签。，并且要把尖括号转义。防止提交<html></html>代码影响前端。例如：走马灯标签代码

2.yarn安装遇到的问题

yarn 安装成功了，但是yarn -v 没有成功，
解决：需要配置环境变量，安装成功之后会显示 yarn 安装的路径。路径到bin配置成环境变量即可。

3.node-sass安装失败

安装node-sass失败的原因，网络超时可能，需要使用cnpm install node-sass

4.ios兼容问题

ios给input绑定事件之后，唤起键盘，或者获取到焦点后，页面超出屏幕，解决方法，给html，添加width:100%;overflow:hidden

5. git clone 的时候总是提示找不到仓库地址，

当前用户名，权限都有。这个时候可以找下，凭据管理器，删除记录的远程地址库，即可。

6.input file 上传同一张图片的时候不能上传

解决方法：onchange事件，上传成功之后将value重置。

7.输入内容，随着输入的内容换行，内容撑高

input，textarea 没法根据内容高度自动折行，撑高高度，所以如下解决

<div id="leave-message-textarea" contenteditable="true" data-text="输入留言"></div>
<style type="text/css">
    #leave-message-textarea{
        width: 100%;
        min-height:20px;
        max-height:70px;
        outline: 0;
        border: 1px solid #000;
        font-size: 13px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-user-modify: read-write-plaintext-only;
    }
    [contentEditable=true]:empty:not(:focus):before{
        content:attr(data-text);
    }
</style>

8.echarts

//配置可以让鼠标经过的时候，颜色变为透明，更改颜色
 emphasis: {
              label: {
                show: false,
              },
              select:{
                label:false
              },
              itemStyle: {
                color: "transparent"
              }
            },

//鼠标经过不出现文字显示
tooltip:{
          show:false
        },

//正负交错柱状图，内容超出
 let option = {
   grid: {
         top: '5%',
         left: '30%',
        bottom: '30%',
        right: '5%'
       },
}

9.bootstrap 表格的坑

//当渲染多个表格的时候，每次渲染表格都要销毁一下。否则会记录上一个获取表格的id。
    $("#table").bootstrapTable('destroy');

0 条评论