2021/11/28总结

2021年11月27日总结

项目方面

• 记录：本周五对这次为期一个月的前后端分离的商城项目进行了考核，通过考核对项目的那些不足有了更明确的定位，以及一些之前没遇到的在考核中被指出来的一些问题。

• 感受：通过这次项目，算起来算是第三次写关于node的项目，但是对于使用却还不是很顺手，比较突出的是关于文件的上传（将图片通过node端传给后端），这次主要是图片（单张或多张），是难点没错，拖慢了项目的进度也没错，不过也确实了解了一种关于这个问题的解决方案，收获到了东西；然后是关于项目的整体任务划分问题，刚开始写项目的时候想的是把项目细化，但还是着急写页面了，以至于分工没有细化到某个功能或页面，导致略微有点乱，算是积累教训了；还有一个比较明显的问题是，写的顺序有些问题，以及和后端的商量不到位，有些页面需要前面的完成后才能测试，以至于测试有些许不方便。

• 问题： 一个完全没注意到的问题，就是在渲染关于价格的数据时，没有考虑其类型，了解到价格进行计算的时候需要转为浮点型，不然会出现意想不到的数据；然后是对如果没有查找到数据时，页面的反馈不够灵性，导致测试的默认数据给展示了出来，用户体验不是很好。

• 价格转为保留小数点后两位办法：

    // 处理价格：保留两位小数
    //渲染数据、前让数据走一下函数，进行一个类型转换
    function handlePrice(price){
        return parseFloat(price).toFixed(2);
    }

前端问题

• 记录： html和css基础部分虽然已经早早的学过了，但确实是太笼统其中包含的内容并未完全掌握，被问到关于前端的问题对自己也算是知识上的巩固和扩展，确实涨知识了。

• 选择器后面的not方法

  span{
      display:inline-block;
      width:40px;
      height:40px;    
  }
  span:hover:not(#active){
      color: red;
      cursor: pointer;
  }

  作用：相同类名统一设置效果时排除not后括号的元素

• p标签纯英文时不换行并且溢出的容器的问题

  • 问题代码：

    //css
    #wrap{
        width: 300px;
        height: auto;
        background-color: yellow;
    }
    //html
    <div id="wrap">
        <p>
            sasfasgbnssasfasgbnssasfasgbnssasfasgb
            nssasfasgbnssasfasgbns
        </p>
    </div>

  • 
  • 分析

    • 1.英文会将不包含空格、换行的连续文本认为是一个词，所以在默认情况下不换行;

    • 2.中文的话标点文字都是独立的，所以会自动换行;

  • 解决办法：

    • 手动添加空格或换行符

    • 给p标签添加属性： word-wrap:break-word;

    • word-wrap : [计算机]字词绕回;

    • break-word: 断言

  • 添加一个新的问题：书写代码注意单词的书写以及标点符号的书写：比如这个          <meta charset="UTF-8>，个人扎一看没毛病，但确实时因为少了一个引号导致将头部下方的css样式给解析为了文字。<meta charset="UTF-8">