gao_ke_ji的博客

原创 vue篇-方法命名规范

根据具体的业务领域命名方法，可以直接反映业务含义。这类方法通常用于从服务器或本地存储中获取数据。这类方法用于将数据提交到服务器或存储。用于格式化数据或进行类型转换。这类方法用于更新或修改数据。用于校验输入或数据的合法性。用于处理用户交互或系统事件。用于初始化页面或组件状态。一些通用的工具方法。

原创 Vue篇-vue实例常用属性及如何获取实例

Vue 提供了丰富的实例属性和方法，可以帮助我们快速操作数据、监听事件、与 DOM 交互等。通过ref$parent$root或事件传递等方式，可以轻松获取组件的实例，以便调用其公开的方法或属性。在实际开发中，合理使用这些工具能提升开发效率和代码质量。

原创 商城项目-表设计

通过合理设计数据库表结构和接口，可以确保商城系统的高效性和可扩展性。在实际开发过程中，需特别关注订单的多对多关系、商品规格的库存管理、支付与订单状态同步等难点。通过合适的设计模式和技术手段（如消息队列、分布式锁等），可以有效解决这些问题，保障商城系统的稳定运行。

原创 Javascript篇-Vue 项目如何配置 Proxy解决跨域

通过配置代理，前端开发过程中就可以轻松避免跨域问题。代理服务器会接收前端请求，并将请求转发到目标后端 API。代理的配置方法因工具而异，Vue CLI 和 Vite 都提供了简单的方式来进行配置。在 Vue 3 使用 Vite 时，可以通过配置代理规则，而在 Vue 2 项目中则需要使用来设置代理。Vue 2: 通过中的来设置代理。: 通过中的来设置代理。通过代理，前端请求就能够被顺利地转发到后端，避免了跨域问题，并简化了接口路径的管理。

原创 Javascript篇-关于XMLHttpRequest 和 Fetch API 的简单使用

是现代浏览器提供的两种常用的请求 API，它们使得前端应用能够与服务器进行数据交换。欢迎加入我们的技术讨论微信群，大家可以在这里交流心得、分享经验，互相帮助，共同进步。是传统的、功能强大的请求 API，适合用于老旧的浏览器或需要广泛兼容的项目，但使用起来较为繁琐，且回调处理较复杂。（XHR）是最早由浏览器提供的 HTTP 请求 API，用于与服务器交换数据。在前端开发中，发送 HTTP 请求与处理响应基本是必备的需求。提供了一个现代的、更简洁的接口，基于 Promise，支持。更易于理解和使用，尤其与。

原创 Javascript篇-DOM树浅析

DOM完整英文名是（Document Object Model）文档对象模型 是一种表示 HTML 或 XML 文档的编程接口。它将文档内容组织为一个树状结构，使开发者能够以编程方式访问和操作网页内容。DOM 的具体实现由各浏览器厂商或其他运行环境来完成。浏览器实现DOM，所以通过解析 HTML，能生成对应的 DOM 树，并通过 JavaScript 提供操作 DOM 树的能力。

原创 Javascript篇-常用事件及如何绑定

通过熟练使用 JavaScript 提供的事件方法，可以轻松应对各种用户交互需求，无论是简单的点击操作还是复杂的动态响应，都可以通过这些方法实现高效的事件处理。

原创 Techio探源

原创 Javascript篇-e事件对象参数

这些属性为事件处理提供了丰富的信息，结合使用可以满足大多数场景的需求。参数是事件对象，包含了事件相关的所有信息。用于处理在父元素上绑定事件时的逻辑，确保只针对父元素操作。始终是监听器绑定的元素，即使事件是从它的子元素触发的。用户直接与之交互的元素，例如被点击的按钮、输入框等。阻止事件的默认行为，例如阻止表单提交、链接跳转。常用于子元素事件处理时，避免影响父元素的事件。，用于检查事件的默认行为是否被阻止。如果是用户触发的事件，值为。始终是事件源，不会改变。用于判断触发的是什么事件。表示触发事件的实际元素。