一些平常会用到的前端小代码(VUE CLI环境下),持续更新......

  1. placeholder的国际化
    <input :placeholder="$t('file.search')">
  2. 查看对象的键和值
    1 Object.keys(this.showAddMember) // 查看this.showAddMember的键
    2 Object.values(this.showAddMember)// 查看this.showAddMember的值
    3 this.showAddMember = {
    4   contact:Object
    5   4339810:Object(......)
    6   4339811:Object(......)      
    7 }
  3. 数组包含的用法
    let site = ['runoob', 'google', 'taobao'];
    site.includes('runoob'); // true
    site.includes('baidu');// false
  4. 数组去重
    Array.from(new Set(serverList))
  5. 删除文件的工具(比如删除node_modules)
    npm install ramraf -g (安装)
    rimraf node_modules (指令)
    
    tip:node_modules是要删除的文件或文件夹,按tab有文件名称补全功能
  6. 超出部分显示.....
    overflow: hidden;  // 超出部分隐藏
    text-overflow: ellipsis; // 超出部分显示省略号
    white-space: nowrap; // 规定段落中的文本不进行换行
    width: 100px; //需要配合宽度来使用,否则无效
  7. 超出部分,多行,显示.....
    width: 500px;
    overflow: hidden;  
    text-overflow: ellipsis; 
    display:-webkit-box;
    -webkit-line-clamp:3-webkit-box-orient:vertical;
  8. 鼠标挪到下拉内容中,显示右侧滚轮
    overflow:overlay;
  9. 将数组内的对象进行排序
    var presonArr = [
         { name:'freddy', age:24, score:97 }, 
         { name:'nick', age:18, score:87 }, 
         { name:'mike', age:26, score:80 },
         { name:'james', age:34, score:90 }, 
         { name:'curry', age:30, score:83 } 
      ];
    presonArr.sort(function(a,b){
     return a.age - b.age; 
    }); 
    console.log(presonArr);
  10. Json转对象
    JSON.parse() 
    var jsonStr = '{"key":"value"}';  //只能转换jsonStr这种 
    var jsonStr1 = '{key:"value"}'; 
    console.log(JSON.parse(jsonStr));  // 结果:{key: "value"}  
    console.log(JSON.parse(jsonStr1));  // 结果:Unexpected token k in JSON at position 1 at JSON.parse (<anonymous>) 
    2.eval() 
    var jsonStr = '{"key":"value"}'; 
    var jsonStr1 = '{key:"value"}';
    console.log(eval('(' + jsonStr + ')')); // 结果:{key: "value"}
    console.log(eval('(' + jsonStr1 + ')')); // 结果:{key: "value"}
  11. 时间戳转换
    console.log(new Date().getTime())
  12. 写一个杀进程的.bat文件(杀node为例)
    taskkill /im node.exe /f
  13. 计算文件大小
    computedFileSize(preSize) { // 计算文件大小 
        const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; 
        let index = 0; 
        const srcsize = parseFloat(preSize); 
        index = Math.floor(Math.log(srcsize) / Math.log(1024)); 
        let size = srcsize / 1024 ** index; 
        size = size.toFixed(1); return size + unitArr[index]; 
    },

 

  

猜你喜欢

转载自www.cnblogs.com/caocaiqi/p/12892346.html
今日推荐