javascript
szx的开发笔记
精通Java,JavaScript,Python,C,C++,C#,GO,Vue,React,CSS等单词的拼写
展开
-
封装一个websocket,支持断网重连、心跳检测,拿来开箱即用
首先使用node编写一个后端服务,用于 WebSocket 连接。,用于美化控制台打印的,这个文件在其他地方也通用。至此一个 WebSocket 就封装好了。然后我这里编写了一个简单的demo页面。关闭连接后,消息就无法发送了。原创 2024-05-31 10:12:49 · 564 阅读 · 0 评论 -
JS监听元素滚动
使用监听 scroll 可以实现监听页面滚动或者元素滚动是否到底案例代码运行效果原创 2022-12-05 16:24:37 · 5579 阅读 · 0 评论 -
JS 跨标签监听消息
当涉及到同时打开多个tab页,操作一个tab,希望其他的tab也会同时进行更新状态。就可以用下面的方法来处理新建 crossTagMsg.js,编写如下代码如何使用在新标签中点击确认新增或者编辑时,调用 sendMsg 方法,传递两个参数,一个是消息类型,一个是消息内容在原标签的 mounted 函数中监听消息,可以根据 type 值来处理不同操作实现效果在右侧新增标签中点击添加按钮,左侧标签页面实时更新页面数据原创 2022-12-05 14:39:44 · 158 阅读 · 0 评论 -
TypeScript快速上手
https://ts.xcatliu.com/ 阮一峰typescript入门教程typescript官网TypeScript是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub上。它的第一个版本发布于 2012 年 10 月,经历了多次更新后,现在已成为前端社区中不可忽视的力量,不仅在 Microsoft 内部得到广泛运用,而且 Google 开发的Angular。原创 2022-09-30 14:59:51 · 668 阅读 · 0 评论 -
将普通格式转成树形结构
如题:实现代码运行效果:原创 2022-07-13 14:50:58 · 233 阅读 · 0 评论 -
前端实现网站新手指引
新手指引原创 2022-06-27 14:10:40 · 552 阅读 · 0 评论 -
处理 element-ui Table组件使用fixed=“right“后显示错位问题
当给表格添加fixed="right" 后,切换页签重新获取数据时会出现下面的问题在获取数据后添加下面的代码即可解决// 重新布局表格this.$nextTick(() => { this.$refs.multipleTable.doLayout(); // el-table加ref="multipleTable"});...原创 2022-03-21 11:48:57 · 2616 阅读 · 0 评论 -
Base64,Blob,File 之间互转
Base64转Blobbase64ToBlob(base64Data) { let arr = base64Data.split(','), fileType = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), l = bstr.length, u8Arr = new Uint8Array(l) while (l--) { u8Arr[l] = bstr.ch原创 2022-02-16 15:54:28 · 501 阅读 · 0 评论 -
echarts添加地图散点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>地图下钻</title> <style> body { m.原创 2021-12-03 18:00:00 · 4737 阅读 · 2 评论 -
使用ehcarts实现地图下钻功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>地图下钻</title> <style> body{ ma.原创 2021-12-03 17:56:42 · 448 阅读 · 0 评论