- 博客(13)
- 收藏
- 关注
RSS订阅原创 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
原创 【uni-app】 笔记
通过属性值custom去掉默认导航栏{"navigationBarTitleText" : "乐居-首页" , "enablePullDownRefresh" : false , "navigationStyle" : "custom" } }通过方法，属性获取不同设备的状态栏的高度// success 成功回调 success(res) {// 把状态栏的高度给 h 赋值 _that . h = res . statusBarHeight } })
2022-10-27 21:59:49
863
原创 什么是 【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关注的人