自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 Vue Cli 迁移至 Vite

项目文件一多起来,cli 的话是先将所有文件编译完,再开启服务,启动慢,影响开发体验,而 vite 先开服务之后,再按需加载当前页面需要的文件,开发体验就好很多

2024-04-11 15:34:19 1143

原创 Element UI 和 Element Plus样式污染

文档 vite.config 省略了一段代码,导致更改后不生效,通过查看源码发现,需要配置按需导入的插件,样式才会生效 https://github.com/element-plus/element-plus-vite-starter。elementplus自定义命名。

2024-03-12 21:53:30 312 1

原创 Websoket 实时通讯

websoket 是一种协议,用于提供低延迟、全双工和长期运行的链接全双工通信的两个参与方可以同时发送和接受数据不需要等待对方的响应 | 传输完成通过建立全双工的持久连接,客户端和服务器之间实现实时通讯总结:解决实时通信的问题传统通信:存在延迟,需要用户主动请求来获取更新数据实时通信:消息传递、音视频通话、在线会议和实时数据传输等,可以实现即时的数据传输和交流,不需要用户主动请求或刷新来获取更新数据。

2023-07-28 23:13:33 66 1

原创 【Vue】 通用方法

/ 单独使用data(){return {timer:nullmethods:{// timer 有值的话就会清空定时器// 有值说明还在计时中,再次触发事件的话就会取消,然后重新计时,一直循环,直到执行完毕// 简写 有值说明还在计时中,再次触发事件的话就会取消,然后重新计时,一直循环})this.$message.success("更新成功")// 还原原来的值}, 500);// 封装使用/*** *****防抖***** 在连续的操作中,无论进行了多长时间,

2022-11-24 22:17:14 390

原创 【Redux】的封装以及使用(6)

市面上有redux- saga , redux-thunk,redux-thunk相比于redux-saga ,体积小,灵活,但需要自己手动抽取和封装。导入 applyMiddleware、compose 方法将仓库数据、reduxTools、reduxThunk 进行关联。执行回调中传递的参数,根据 tyep 标记去匹配需要执行的方法。让 redux 调式工具兼容异步。方法传递一个执行异步的回调。## 一、 基本配置。

2022-11-23 17:47:14 417

原创 【React】组件进阶(5)

组件的生命周期有利于理解组件的运行方式,完成复杂的组件功能、分析组件错误的原因等组件从创建到挂载到页面中运行,再到组件不用时卸载的过程生命周期的每个阶段都有对应的方法调用,这些方法就是生命周期的钩子函数让开发人员可以在不同阶段操作组件只有 类组件 才有生命周期当组件之间有共同的 state 时,但展示的 UI 不同时,可以使用该模式,为了实现状态逻辑复用并不是该模式叫 render props 就必须使用名为 render 的 prop,可以使用任意名称的 prop。

2022-11-16 18:23:54 1464

原创 【React】组件基础(4)

组件表示页面中的部分功能组合多个组件实现完整的页面功能特点复用:当多个页面都需要使用同一个功能的时候,可以抽出一个组件,进行复用独立:每个组件都是互相独立的,保证使用同一个组件的时候不会受到影响组合:有什么功能组合什么组件,就像堆积木一样,组成一个完整功能数据发生变化,视图也相应的更新,使用类组件(有状态)页面内容不需要发生变化和用户交互,使用函数组件(无状态)

2022-11-11 22:10:56 102

原创 【JSX】基础使用(3)

JSX 是 JavaScript XML 的简写,表示在 JavaScript 代码中写 XML (HTML) 格式的代码JSX 既不是字符串也不是 HTML,JavaScript 的语法扩展,但它具有 JavaScript 的全部功能。优势:声明式语法更加直观、与 HTML 结构相同,UI 结构清晰、降低学习成本,提升开发效率JSX 是 React 的核心内容JSX 表示在 JS 代码中写 HTML 结构,是 react 声明式的体现配合嵌入的 JS 表达式、条件渲染、列表渲染,可以描述任意 UI 结构。

2022-11-04 16:32:52 75

原创 【React】基础使用(2)

react 包是核心,提供创建元素、组件等功能,react-dom 包提供 DOM 相关功能等

2022-11-04 11:01:38 68

原创 【uni-app】 笔记

通过属性值custom去掉默认导航栏{"navigationBarTitleText" : "乐居-首页" , "enablePullDownRefresh" : false , "navigationStyle" : "custom" } }通过方法,属性获取不同设备的状态栏的高度// success 成功回调 success(res) {// 把状态栏的高度给 h 赋值 _that . h = res . statusBarHeight } })

2022-10-27 21:59:49 863

原创 【Vue3】笔记

toRefs 使解构后的数据重新获取响应式。reactive 引用数据类型。ref 简单数据类型。

2022-10-27 21:45:26 368

原创 什么是 【React】(1)

React 是一个用于构建用户页面的 JavaScript 库主要用来写 HTML 页面,构建 web 应用从 MVC 角度来看,react 只是视图层(V),只负责视图的渲染,没有提供完整的 M 和 C 的功能。

2022-10-27 20:27:38 383

原创 【TypeScript】 笔记

TypeScript 是微软推出的一门语言,强类型语言TypeScript 是 JavaScript 的父级,里面包含了 JavaScript 以及 ES567,它可以编译成 js在 JavaScript 之上新增了类型和完整的面向对象功能,使用 ts 编写的项目更加稳健,并且更容易扩展和维护。

2022-10-26 20:13:42 1270

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除