2023年11月
websocket的消息丢失处理，以及前端监听心跳处理方案
摘要： 消息丢失处理方案： 1、后台通过websocket传输给前端消息，并且后台生成校验此消息的定时任务，设置每5秒重发 2、前端接收到消息后将消息通过websocket传输给后台 3、后台如接收到前端的消息则删除对应的发送消息定时任务，如未收到消息则继续发送，设置最多发送5次（超过5次默认认为此条消息记 阅读全文
posted @ 2023-11-09 10:06 enShine 阅读(2113) 评论(0) 推荐(0)
http和https的区别
摘要： http协议：超文本传输协议 客户端的浏览器首先要通过网络与服务器建立连接，该连接是通过TCP来完成的，一般TCP连接的端口号是80， HTTP协议是以明文方式发送信息的，如果黑客截取了Web浏览器和服务器之间的传输报文，就可以直接获得其中的信息，所以不安全 https协议： 是以安全为目标的HTT 阅读全文
posted @ 2023-11-08 11:32 enShine 阅读(31) 评论(0) 推荐(0)
2023年10月
vue的性能优化
摘要： 1、v-if和v-show却别场景使用 2、computed和watch区别场景使用 3、v-for循环需要添加key，并且v-for不能和v-if同时使用 4、文件懒加载 5、路由懒加载 6、第三方插件的按需加载 7、事件销毁，计时器销毁（如果有） 阅读全文
posted @ 2023-10-29 20:10 enShine 阅读(15) 评论(0) 推荐(0)
requestAnimationFrame比起setTimeout、setInterval的优势
摘要： 1. requestAnimationFrame会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率； setTimeout、setInterval它们的内在运行机制决定了 时间间隔参数 实际上只是指定了把动画代码添加到 浏览器UI线程队列 阅读全文
posted @ 2023-10-26 15:49 enShine 阅读(160) 评论(0) 推荐(0)
vue框架spa首屏优化
摘要： 一、减小入口文件体积 常用的手段是路由懒加载，把不同路由对应的组件切割成不同的代码块，待路由被请求的时候会单独打包路由，使得入口文件变小，加载速度大大增加。在vue-router 配置路由的时候，采用动态加载路由的形式，这样就可以把各自的路由文件分别打包，只有在解析给定的路由时，才会加载路由组件。 阅读全文
posted @ 2023-10-20 16:02 enShine 阅读(46) 评论(0) 推荐(0)
let 和 var声明变量的区别
摘要： 1、能否重复声明变量 使用var 可以重复声明一个变量，且不会报错，这样极有可能覆盖之前已经存在的变量，但是let重复声明变量时 ，编译时就会提示错误，避免因为变量重复声明而导致的错误，且无法定位到错误原因，这使得在后期代码调试和纠错上，大大的增加了工作难度 let a = 200; let a= 阅读全文
posted @ 2023-10-19 16:10 enShine 阅读(1969) 评论(0) 推荐(0)
ES6 module模块
摘要： 概述ES6中的module指的是JavaScript模块化规范中的一种。它通过export和import语法来导出和导入模块中的变量、函数、类等内容。 使用ES6模块化的好处包括：解决了模块化的问题。消除了全局变量。管理加载顺序。 使用在ES6模块中，一个文件代表一个模块当使用script标签加载模 阅读全文
posted @ 2023-10-17 15:27 enShine 阅读(148) 评论(0) 推荐(0)
2023年9月
el-tree-transfer 树形穿梭框
摘要： 简介 el-tree-fransfer 是一个基于 VUE 和 element-ui 的树形穿梭框组件，使用前请确认已经引入element-ui！ 此组件功能类似于element-ui的transfer组件，但是里面的数据是树形结构！ 实际上，el-tree-transfer 依赖的 element 阅读全文
posted @ 2023-09-22 10:26 enShine 阅读(6339) 评论(0) 推荐(0)
vue语言中的keep-alive的作用
摘要： 在前端Vue语言中，keep-alive是一个抽象组件，用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态，以避免在组件之间切换时重复渲染和销毁组件，从而提高性能。 使用keep-alive包裹动态组件后，当动态组件被切换时，它将会被缓存，而不是被销毁。这样，组件的状态、DOM以及所有的子 阅读全文
posted @ 2023-09-05 17:32 enShine 阅读(68) 评论(0) 推荐(0)
computed和watch的区别
摘要： 1、computed是计算属性；watch是监听，监听data中的数据变化。 2、computed支持缓存，当其依赖的属性的值发生变化时，计算属性会重新计算，反之，则使用缓存中的属性值；watch不支持缓存，当对应属性发生变化的时候，响应执行。 3、computed不支持异步，有异步操作时无法监听数 阅读全文
posted @ 2023-09-05 17:32 enShine 阅读(1636) 评论(0) 推荐(0)