。Idea-优快云博客

uniapp中vue封装组件（顶部导航、底部tabbar），按照vue的相关语法使用。在page.json文件中修改配置：自定义导航组件：给自定义导航设置top属性可以解决，设备兼容出现问题（刘海屏，挖孔屏）官方给的解决方案：uniapp官方内置api解决自定义导航：uni-app提供了异步()和同步()的2个API获取系统信息。通过该api了解系统相关参数：详见官网系统信息的概念 | uni-app官网 (dcloud.net.cn)

2023-04-26 17:36:48 1347

原创 vue3项目中使用pinia

pinia简单入门用法

2023-04-25 20:44:41 1038

原创 CSS3动画优化首屏加载白屏

在跟组件挂载完成钩子中删除loader元素即可。

2023-04-24 16:24:23 217

原创 React中使用Redux Toolkit

在我们日常react项目中使用Redux状态管理的时候应该已经发现，redux的编写逻辑过于的繁琐和麻烦。并且代码通常分拆在多个文件中(虽然也可以放到一个文件管理，但是代码量过多，不利于管理);Redux Toolkit包旨在成为编写Redux逻辑的标准方式，从而解决上面提到的问题;在很多地方为了称呼方便，也将之称为“RTK”

2023-04-21 12:10:29 285

原创 axios的二次封装，项目中通用

axios是一个基于promise的Http库，在浏览器环境使用XHR，在node环境中使用http模块发送请求。在项目中常用的axios封装文件如下。

2023-03-16 19:31:57 224

原创 element-ui组件的使用，导航菜单（NavMenu）组件、分页组件的使用

基于vue2项目中elementUI组件的简单使用方法

2023-02-01 20:02:10 6887

原创 webpack前端应用之基础打包

前端使用构建工具webpack进行基础打包的配置

2023-02-01 18:15:30 1240

原创虚拟DOM与render函数

vue底层的实现方法与vue在浏览器中的渲染机制

2023-01-31 20:16:16 1202

原创 vuex中的模块化(modules)和命名空间(namespaced)，以及四个辅助函数

本文为上一篇vuex文章的补充,vuex的核心API：modules，以及对于vuex的四个辅助函数使用方法

2023-01-31 19:50:01 2464 3

原创 Vuex状态管理器

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

2023-01-30 19:32:03 1258

原创 vue组件中插槽slot的使用

vue组件中插槽的使用

2023-01-13 17:05:03 1011

原创 vue2中使用axios，以及axios拦截器的配置

vue2中使用axios,三种使用方法

2023-01-13 16:45:31 4109

原创 vue2 中组件的生命周期

vue2 中组件的生命周期

2023-01-13 16:17:48 1358

原创 vue2组件之间的数据传递(组件之间使用mitt第三方模块创建事件中心进行触发与监听)，

vue2组件之间的数据传递(跨级组件之间使用mitt第三方模块创建事件中心进行触发与监听)，跨级组件之间的通信：provide / inject 类似于消息的订阅和发布。provide 提供或发送数据， inject 接收数据。

2023-01-13 15:55:26 1928

原创 Vue2前端路由(vue-router的使用)、动态路由与导航守卫、路由和视图的命名以及声明式和编程式导航、

Vue2前端路由(vue-router的使用)、动态路由、路由和视图的命名1、路由：页面地址与组件之间的对应关系2、路由方式：服务器端路由、前端路由3、前端路由：在前端维护一组路由规则（地址和组件之间的对应关系），模式有两种：4、SPA：Vue适合开发单页面应用（Single Page Application）5、前端路由的工作方式：$route和$router的区别：

2023-01-10 20:51:45 4364