- 博客(9)
- 收藏
- 关注
RSS订阅原创 JS进阶-深浅拷贝
摘要： 浅拷贝与深拷贝的核心区别在于对引用类型数据的处理方式。浅拷贝（如Object.assign）仅复制对象的第一层属性，嵌套对象仍共享引用，修改嵌套属性会影响原对象；深拷贝（如JSON.parse(JSON.stringify())或递归实现）会完全复制对象及其嵌套结构，新旧对象互不影响。深拷贝可通过JSON转换、递归或第三方库（如Lodash的_.cloneDeep）实现。递归方法通过逐层判断属性类型（基本类型直接赋值，引用类型递归处理）确保完全独立复制。示例代码验证了深拷贝修改后原对象保持不变的特点
2025-09-26 09:45:00
628
原创 组件通信-props配置
Vue组件通信中，props是父组件向子组件传递数据的单向通道。具有类型校验功能，支持字符串、数字等数据类型传递。使用时需遵循单向数据流原则，子组件不能直接修改props数据，如需修改应复制到data中操作。演示了在School子组件中通过三种方式接收App父组件的数据，并通过data中转实现安全修改。props机制确保了组件间数据传递的可靠性和可维护性，是Vue父子组件通信的基础方案。
2025-09-25 20:43:04
310
原创 axios测试接口小练习
本文介绍了使用axios测试接口的完整流程：1）创建代码文件和模拟数据的JSON文件；2）通过JSON Server搭建本地接口服务；3）使用Postman测试接口；4）在HTML中引入axios进行前端调用。文章特别指出了在VSCode中同时使用LiveServer和JSON Server时可能出现的页面死循环问题（由文件变更触发自动刷新导致），建议通过直接打开HTML文件的方式运行页面来解决此冲突。整个教程涵盖了从后端模拟到前端调用的全链路接口测试方法。
2025-09-22 15:44:57
653
原创 Vue工程化-面经项目开发流程
一级路由和二级路由的配置routerroutes: [{path: '/',//重定向redirect，默认网页首页},// :id 根据唯一标识id获取对应的数据内容],//自定义设置高亮类名})
2023-11-03 03:13:33
177
原创 vue框架简单实现商品列表项目，代码+注解
3.根组件App.vue引用组件MyTable.vue，MyTag.vue，main.js文件实现封装获取焦点指令。此页面为基本的表格页面，包括头部，和元素主要内容呈现，主要实现的功能是在。表格整体组件MyTable.vue，包括头部，和元素主要内容呈现。一栏功能组件MyTag.vue,主要是input标签效果实现。项目需求：将如下图标签一栏点击效果处理。有问题欢迎一起讨论！
2023-11-02 01:08:37
1681
原创 css3学习个人笔记-边框属性
边框样式常用值有：无边框(none)， 实线（solid），虚线（dashed），点线（dotted），双实线（double），以上样式可选。用 CSS3，可以创建圆角边框，添加阴影框，下面介绍开发页面常用的边框属性：border，border-radius。设置椭圆边框，需要宽高大小保持一定比例，宽高等大，则为圆形，所以要想设置椭圆边框，注意宽高的比例。语法：border-radius：左上圆角 右上圆角 右下圆角 左下圆角;右下圆角border-bottom-right-radius。
2023-10-31 18:05:06
145
1
原创 computed与methods的区别
封装了一段对于数据的处理，求得一个结果。在computed配置项里面基于现有的数据对该变量进行动态处理。大括号使用即{{计算属性}}无需加括号,个人理解可以是封装了一个变量，计算属性有缓存：一旦计算出结果，立刻缓存，待下一次读取，直接读取缓存，通俗讲就是只会执行一次，元素复制调用，后台只会执行一次计算属性，：给实例提供一个方法，调用以处理业务逻辑。而methods调用会相应执行方法的次数。大括号使用，即{{方法名()}}要加括号。
2023-10-31 17:32:01
162
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人