qq_50671621的博客

原创 门户无障碍版本或者关怀版

建议结合具体业务需求调整参数，并通过用户测试验证实际使用效果，特别是老年用户的真实操作体验。语音功能需 Chrome 50+ / Edge 79+：支持12px-24px动态调整。：自动朗读正文 + 实时字幕。// 防抖处理字体调整。：三种预设主题即时生效。

原创 Dva学习

dva（ 轻量级的应用框架 ）-CSDN博客

原创 对react的Hooks的理解

useState除了使用 React 提供的内置 Hook，React 还允许你创建自己的 Hook，从而将组件逻辑复用到其他组件中。// 自定义 Hook：用于获取 API 数据fetch(url)});}, [url]);// 使用自定义 Hook自定义 Hook 允许你将多个组件中的逻辑抽象成一个函数，使得它们更加简洁和可复用。Hook是一种能够让函数组件拥有状态和副作用等功能的机制，它简化了 React 组件的开发，使得函数组件更加强大和灵活。常见的 Hook 包括。

原创 学习React

原创 前端单点登录如何实现

前端单点登录（SSO）可以显著提升用户体验。通过结合 OAuth2 或 OpenID Connect 等协议，利用身份提供者来处理身份验证，你可以轻松实现 SSO。重要的是要注意安全性、用户体验以及与现有系统的兼容性。

原创 MVC和MVVM区别举例说明

MVC通过 Controller 进行交互，适合简单的 Web 应用程序。MVVM通过 ViewModel 进行交互，适合复杂的用户界面和实时数据更新的应用程序。选择哪种模式取决于项目的需求、复杂性和团队的技术栈。希望这个对比和示例能够帮助你更好地理解这两种架构模式！

原创 webpack流程梳理及常问的问题

理解 Webpack 的工作流程和核心概念，以及如何配置和优化它，将有助于你在面试中展示自己的技术能力。同时，掌握一些常见的面试问题及其回答，可以帮助你更自信地应对相关问题。希望这些内容能对你有所帮助！

原创 HTTP和webSocket的区别？

HTTP 和 WebSocket 各有优缺点，选择哪个协议取决于具体的应用需求。如果需要实时、双向的交互，WebSocket 是更好的选择；如果只是简单的数据请求，HTTP 可能更合适。

原创 在vue2和vue3中动态路由如何实现

在 Vue 2 和 Vue 3 中，动态路由的实现原理是相似的，都使用vue-router来进行路由管理。但是，由于 Vue 2 和 Vue 3 在 API 上有所不同，配置和实现的方式也有所不同。下面分别介绍 Vue 2 和 Vue 3 中动态路由的实现方法。

原创 已经登录，停留很长时间，token已经过期，发起一个axios请求，如何处理

Axios 拦截器：通过请求和响应拦截器可以处理 token 的自动注入以及过期 token 的情况。重定向或刷新 token：在检测到 token 过期时，可以选择重定向用户到登录页面，或者尝试使用 refresh token 刷新 token 并重试原始请求。保持代码整洁：将 Axios 的逻辑封装到单独的文件中，使得你的组件更为简洁。这样可以有效地管理 token 的生命周期，提供更好的用户体验。

原创 监听复杂引用类型和普通数据类型有什么区别？immided 和deep？vue3中的watcheffact

监听复杂引用类型和普通数据类型对于普通数据类型的监听，简单的watch足以满足需求。对于复杂引用类型，深度监听deep: true是必要的，以确保内部属性的变化能够被捕捉。watch和watch适用于精确控制和监听特定的响应式数据。更加自动化，适合简单的依赖追踪和逻辑处理。这两个 API 提供了灵活而强大的方式来处理响应式数据的变化，开发者可以根据具体的需求选择合适的方法。

原创 Vue.set() 的原理

在 Vue 2.x 中，Vue.set()（或）的作用是通过动态添加新属性，并为其绑定 getter 和 setter，从而使新属性成为响应式属性。它的工作原理在于，通过这种动态绑定，Vue 能够确保新增属性的值变化能够被检测到，并且触发视图的更新。

原创 WebSocket 生命周期

WebSocket 的生命周期涵盖了从建立连接到数据交换，再到连接关闭的全过程。在实际应用中，合理管理连接的生命周期对确保数据的有效传输和资源的合理利用至关重要。了解 WebSocket 的各个阶段可以帮助开发者在设计和实现实时应用时做出更好的决策。

原创 webpack工作原理

3、loader加载器，里面以对象形式存放我们要变异文件的配置，比如，我们css加载器，less加载器，img加载器，媒体加载器等，按照一定的规则，让以上这些文件也能编译。2、output输出，一般默认会生成一个dist，在nodejs中一般就是在当前文件下，输出一个如dist的文件夹，来存放我们输出的文件；webpack可以把浏览器不识别的语法打包成可以识别的，比如，es6中的import，1、entry，入口文件，一般情况下入口文件都是main.js,4、plugins，插件，扩展webpack功能，

原创 Vue3快速高效学习