zoukankan      html  css  js  c++  java
  • 商品编辑续

    商品编辑

    描述:主要是根据选中事件选中或取消,编辑DOM元素错做,增加,删除,修改。

    功能:用户选择某一个商品时,标记选中的商品,在商品栏中添加选中的商品并计算商品的总价钱。
    当用户取消选中商品或点击商品栏中的删除按钮时,删除对应的商品,取消商品的标记并重新计算价钱。
    在商品列表中ul(id:accradio)中,每一个li属性上记录商品的ID,price,name等等基本信息。
    在商品栏中ul(id:chooselist)中,记录li属性上的商品的ID,price,name等等基本信息。


    备注:在计算价钱时,由于javascript本身的bug,会显示有偏差。
    javscript中计算浮点数时有精度误差bug。
    例如:
    0.8 + 0.9 = 1.7000000000000002
    并非是1.7


    处理浮点数精度的bug:

    function fixedNumber(t){
        if(-1==t.toFixed(2).toString().indexOf(".")){
            return (t.toFixed(2).toString());
        }else{
            return (t.toFixed(2).toString().replace(/(.+?)(0{1,})$/,"$1").replace(/(.+).$/,"$1"));
        }
    }



    效果如下图:





    商品编辑续例子:

  • 相关阅读:
    Django Rest framework 之 版本
    Django Rest framework 之 节流
    Django Rest framework 之 权限
    Django Rest framework 之 认证
    Python 多线程、多进程 (三)之 线程进程对比、多进程
    Python 多线程、多进程 (一)之 源码执行流程、GIL
    Python 多线程、多进程 (二)之 多线程、同步、通信
    css3 盒模型记
    css3 颜色记
    css3 文本记
  • 原文地址:https://www.cnblogs.com/kuikui/p/3266174.html
Copyright © 2011-2022 走看看