2021-11-7周总结

总览

这周主要还是商城项目的继续进行，在写项目时比较强烈的感受就是：有些东西别人写好的直接拿来用确实方便，然而真正轮到自己写的时候是一种截然不同的感受。

1、输入框回车事件

html部分
<input class="searchInput" type="search" οnkeypress="inputEnterFun()" placeholder="请输入用户姓名">
js部分
function inputEnterFun(){
    console.log("a");
    if(event.keyCode == 13){
        searchByUsername()
    }
}

• 原理：onkeypress 事件绑定于input上，函数内部即inputSearchFun() 通过对回车键即event.ketCode=13 的监听然后判断是否触发搜索函数，可以直接调用搜索的函数，也可以通过让搜索按钮被触发继而发起请求

• 值得顺手一提的是input的type属性，可能是最开始学的时候没咋注意，就用了个text和password 属性，然后发现input属性包含很多东西，search属性就是其中之一，搜索框内部输入数据自动出现清除内部输入的消息（一个x号），当然这个相当于原生的，效果单一，在开发过程中是远远不够的，在这里将其作为项目后期的优化项，相当于预留个位置，与之类似的比如复选框的样式、混动条的样式、包括输入框的样式等等，各种各样花里胡哨得到样式还有待探索。

2、些项目过程中的感悟

• 知识储备不足

  • 对于前后端分离项目的开发模式了解不够透彻：

    • 环境配置：配置还是参照之前项目的配置，通过删改使项目运行起来，这其实牵扯的一些工具类的储备，还是积累不够到位

    • 对路由异常处理不够熟练： 主要体现在对报错信息的解读，从问题的出现到问题的解决耗费时间较长，正在不多的探索，以及对浏览器的充分利用（体现在看接口的调用信息以及参数的传递等等）

  • 工具函数积累不到位：

    由于积累的不够，导致在遇到后都得重新设计或找样式，耗费了不少时间

    • css样式: 按钮样式、输入框样式、表单样式、表格样式登

    • js 工具类：左侧的下拉菜单、分页处理 、批量删除处理、筛选处理、输入框内容判断、选择出生年月日、对时间的处理、弹窗的处理使其达到复用的效果等