2021-10-31总结

总述

从拿到这个商城的项目到现在已经接近一周了，虽然之前做过其他的，但相比之下这次明显感觉复杂不少，但做项目也是在不断积累经验以及学习的过程。

1、关于项目

拿到项目的第一步便是需求分析了，通过前后端的商量确定页面的基本结构、字段好之后，各自分工，开始进程，一边交互一边走进度，处于锻炼基础的目的，这次不允许使用一些ui框架，能用原生的尽量用原生，然后发现之前太依赖一些框架组件了，确实该练习了。

2、巩固一些css知识点

• css实现上下左右箭头

  .triangle{
      width: 0;
      height: 0;
      border: 8px solid transparent;
      border-bottom: 8px solid #fff;
  }
  /*
  通过边框的一些性质，控制上下左右的边框达到实现不同方向的三角形的效果
  */

• 关于表格

  1、合并边框线（最开始学习表格的时候确实是用到了，之后用的组件就把给丢了，现在重新捡起来）
     border-collapse: collapse;
  2、对行设置隔行背景色不同
  even代表奇书列，odd代表偶数列
  tr:nth-child(even){
      //这个是背景，可忽略
      background-image: linear-gradient(to top, #f9fafc 0%, #eef1f5 100%);
   }
  ​

3、关于js

• js在项目中占比不必多说，作为三剑客之一，其有着独特的话语权，通过之前的经验总结，js的书写要避免几个问题

• 1、命名以及作用域问题，保证全局作用域的干净无污染，非必要不占用

• 2、一直写好注释，之前是刚开始还好好写，写着写着就不写了，后头看的时候十分头疼，不仅是js这块，css同样如此

• 3、写好工具类，是代码复用性提高，看着方便用着也方便。

4、下周计划及目标

• 尽可能多的把静态页面先完成，并局部进行一些交互

• 把按钮以及一些公共的功能做好统计，把样式尽可能做美观统一