- 博客(4)
- 收藏
- 关注
RSS订阅原创 组件化的可编辑数据表格
Table组件包含一个存储商品数据的数组goods，并提供了获取商品数据和加载数据表格的方法。首先，我们可以通过全选框实现全选和取消全选的功能，该功能会自动更新选中商品的总价。当用户点击某个单元格时，单元格的内容会变成可编辑状态，用户可以直接修改数量，并在失去焦点时保存修改，并更新对应的商品对象和总价。同时，通过模块化的设计思想，将功能划分为不同的组件，提高了代码的可维护性和可扩展性。Good组件表示商品数据，包含商品的ID、名称、价格和数量等信息，并提供了删除和更新商品的方法。
2023-05-11 22:12:12
188
1
原创 可编辑表格详解
此外，该 JavaScript 文件还可以执行其他一些任务，例如验证用户在表格中输入的成绩是否合法，以及弹出错误消息。例如，该 JavaScript 文件可能会将表格中每个学生的成绩相加，计算出他们的总分，并将总分显示在总分列中。元素的初始值为之前的单元格内容，当用户离开该单元格时，如果输入的值不为数字或者超出范围，则弹出错误动画，并保留原来的值不做修改。在该方法中，首先判断是否已经有处于编辑状态的单元格，如果没有，则保存原来的内容，并通过 DOM API 创建一个。的元素的数组（就是可修改的区域获取）。
2023-04-11 23:42:47
242
1
原创 关于原生XMLHttpRequest的原理及使用细节
其中，readyState表示XMLHttpRequest对象的状态，status表示服务器响应的状态。当XMLHttpRequest对象在调用open方法和send方法之前准备发送请求时，readyState状态值为1（已调用open方法），2（已调用send方法并已接收响应头），3（正在接收响应体），4（已完成并接收到响应）。，在现在前端有很多对原生的ajax进行了再次封装，在日常项目开发中一般都会首选被封装的ajax，简化了操作，让开发人员更多的关注于业务逻辑而非机械化的代码规则结构。
2023-03-21 19:23:33
980
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人