美文网首页
前端杂记

前端杂记

作者: 念念不忘的 | 来源:发表于2020-10-19 09:23 被阅读0次

ScrollView嵌套FlatList滚动处理

https://wwd0.github.io/2018/11/06/react-native/18.ScrollView%E5%B5%8C%E5%A5%97FlatList%E6%BB%9A%E5%8A%A8%E5%A4%84%E7%90%86/
数据元素拼接方法:array.join('');默认逗号(,)分割。

React Native 实现物流进度信息

https://blog.csdn.net/caihuajian235/article/details/54347388

react-native时间轴组件的使用

https://blog.csdn.net/wayne214/article/details/89337316

常用RN组件

https://www.jianshu.com/p/5840ea816464
https://blog.csdn.net/s15237411727/article/details/81086126

表格组件

https://www.jianshu.com/p/6ab2a96a9f1a
https://blog.csdn.net/wayne214/article/details/89337765
数组对象属性去重:  
//根据 name 和 age 去重
  var tmp = [{
      "id": 1,
      "name": "小明", //与id为2的重复
      "age": "12"
    },
    {
      "id": 2,
      "name": "小明",
      "age": "15", //与id为3的重复(但是因为name 已经和id为1的重复了 , 
            实际上已经排除不会再参与 age的去重)
    },
    {
      "id": 3,
      "name": "小红",
      "age": "15",
 
    },
    {
      "id": 4,
      "name": "小张",
      "age": "20",
    }
  ]
 
 
  var result = [];
  var hash = {};
  var hash_ = {}
  for (var i = 0; i < tmp.length; i++) {
    var elem = tmp[i].name;
    var elem_ = tmp[i].age;
    if (!hash[elem]) {
      if (!hash_[elem_]) {
        result.push(tmp[i]);
        hash_[elem_] = true;
      };
      hash[elem] = true;
    }
  }
 
  console.log(result)
 
  [{
    "id": 1,
    "name": "小明",
    "age": "12"
  }, {
    "id": 3,
    "name": "小红",
    "age": "15",
 
  }, {
    "id": 4,
    "name": "小张",
    "age": "20",
  }]

js取两位小数不四舍五入
取两位小数,直接用toFixed(2);保留两位小数点,但是会四舍五入。
如果不要四舍五入,并且一定要取2位小数,即使是12.1这种变成12.10可以保留3小数,然后采用截取字符串的方式,截取前面2位,那样既是保留了2位小数,又不四舍五入;

注:传参a是要截取的数值,可以是数字也可以是字符串,num是要截取的小数位数
function subStringNum(a,num) {
    var a_type = typeof(a);
    if(a_type == "number"){
        var aStr = a.toString();
        var aArr = aStr.split('.');
    }else if(a_type == "string"){
        var aArr = a.split('.');
    }
    
    if(aArr.length > 1) {
        a = aArr[0] + "." + aArr[1].substr(0, num);
    }
    return a
}

相关文章

  • 前端杂记

    gulp 入门 https://segmentfault.com/a/1190000000372547 np...

  • 前端杂记

    手机号段正则 var phoneNumber = /^(13[0-9]|15[012356789]|17[0123...

  • 前端杂记

    ScrollView嵌套FlatList滚动处理 React Native 实现物流进度信息 react-nati...

  • 前端杂记

    记录一下各种小代码 文件上传复位 一般上传文件时,判断触发下一步操作的事件是change事件,但是input上传完...

  • 前端问题杂记

    1.bootstrap响应式代码在移动端未生效原因 未在head中添加以下代码: 2.如何让title属性中内容进...

  • 从零开始摸爬滚打搭建自己的网站(一)

    这是一个只会前端的后台小白日常杂记,工作闲时的自学经历,如有错误欢迎指正:目标是3个Demo(Angular,Vu...

  • 随笔杂记---前端问题汇总

    主题 养成写代码标注的习惯 1.中“javascript:;”是为了取消a标签的默认事件; 2. 给搜索栏添加图标...

  • 杂记(前端知识点)

    bootstrap栅格尺寸: lg:大于1200px (桌面大屏) md:大于等于992px(一般显示屏) sm:...

  • 如果有只时光鸡 - 语义化的感悟

    本篇杂记主要是近期编写前端代码的一次小小的总结,对于语义化感悟最深莫过于本人,但恰恰以前没接触过这块,所以近期越来...

  • 2018-12-01

    练车杂记

网友评论

      本文标题:前端杂记

      本文链接:https://www.haomeiwen.com/subject/lkgdrktx.html