摘要：
前言 实际工作中可能会遇到需要封装WebSocket的场景，以下基于ts做了WebSocket的封装，包括心跳机制和重连 1、封装逻辑如下，新建ws文件： // websocket 封装 enum ConnectionState { // websocket 连接状态 'CONNECTING', ' 阅读全文
posted @ 2023-06-19 16:44
webHYT
阅读(1234)
评论(0)
推荐(0)
摘要：
前言： WebSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。 1、创建webSocket // Create WebSocket connection. 阅读全文
posted @ 2023-06-15 17:06
webHYT
阅读(5957)
评论(0)
推荐(0)
摘要：
1、多级路由 （1）配置路由规则，使用children配置项： // 编写配置项 const router = new VueRouter({ routes: [ { path: '/about', component:About, }, { path: '/home', component: Ho 阅读全文
posted @ 2023-06-12 14:05
webHYT
阅读(32)
评论(0)
推荐(0)
摘要：
1、相关理解 1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用（single page web application，SPA） 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 阅读全文
posted @ 2023-06-09 11:33
webHYT
阅读(61)
评论(0)
推荐(0)
摘要：
前言 前端在向后端请求资源时通常会遇到跨域问题，当我们是用vue脚手架构建项目时，可以通过配置代理解决跨域问题 参考文档：devServer.proxy 方法一： 在vue.config.js中添加如下配置： module.exports = { devServer: { proxy: 'http: 阅读全文
posted @ 2023-06-09 10:46
webHYT
阅读(70)
评论(0)
推荐(0)
摘要：
1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem 阅读全文
posted @ 2023-06-08 17:50
webHYT
阅读(25)
评论(0)
推荐(0)
摘要：
关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option 阅读全文
posted @ 2023-06-08 17:33
webHYT
阅读(65)
评论(0)
推荐(0)
摘要：
1、一种组件间通信的方式，适用于任意组件间通信，适用于任意前端框架 2、使用步骤： （1）、安装pubsub：npm i pubsub-js （2）、引入：import pubsub from ‘pubsub-js’ （3）、接收数据：A组件想要接收数据，则在A组中订阅消息，订阅的回调留在A组件自身 阅读全文
posted @ 2023-06-08 17:23
webHYT
阅读(105)
评论(0)
推荐(0)
摘要：
Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 阅读全文
posted @ 2023-06-08 17:15
webHYT
阅读(99)
评论(0)
推荐(0)
摘要：
前言 实际业务中经常需要使用到本地存储，本文的webStorage指的是localStorage和sessionStorage 阅读全文
posted @ 2023-06-08 17:03
webHYT
阅读(30)
评论(0)
推荐(0)
浙公网安备 33010602011771号