- 博客(26)
- 收藏
- 关注
RSS订阅原创 el-select，el-tree支持重复label选择
接之前的代码，之前封装了一个treeselect组件，但是不支持重复label的勾选，移除有问题，这里重新封装了一个，可以直接粘贴复制，根据自己的需要修改。
2024-05-27 15:34:06
190
原创 后端返回的数据拼接为字符串后使用markdown，highlight.js转换为html显示到页面
最近写了一个大模型请求的前端页面，后端返回的数据要使用markdown的格式显示出来，这里记录一下功能的实现。
2024-04-11 16:03:33
318
原创 关于在原生js中的几种发送请求的方式，XHR，Fetch ，Axios，EventSource，长连接
**POST 请求参数传递**：需要将参数作为 send 方法的参数传递，通常需要使用 FormData 对象来构造参数。这些是原生 JavaScript 中常用的几种请求方式以及它们的 GET 和 POST 请求参数传递的方法。- **GET 请求参数传递**：可以直接将参数附加在 URL 后面，形成查询字符串。EventSource不支持自定义配置，如果有可以参考这个。主要是讲fetch的方法。
2024-04-11 15:18:10
1056
原创 关于在vue中使用v-html存在的问题
2.XSS（跨站脚本攻击）是一种常见的网络安全漏洞，攻击者通过在网页中注入恶意脚本来获取用户的敏感信息或控制用户的浏览器。XSS攻击可以分为存储型XSS、反射型XSS和DOM型XSS。1.一般在编辑器有问题的时候再只读页面常用v-html，关于v-html有一些稍微要注意的点：xss攻击。
2024-04-01 15:11:19
319
原创 vue路由守卫的使用（路由前置守卫，路由后置守卫，判断token，白名单路由）
【代码】vue路由守卫的使用（路由前置守卫，路由后置守卫，判断token，白名单路由）
2024-04-01 12:12:37
257
原创 vue项目默认隐藏部分列数据，动态显示需要显示的列数据
5.代码中主要的一点要注意的是全选是固定写死的，并为其添加一个点击事件来处理选中与取消全部数据，上面的显示列如果有很多地方使用可以封装成组件，不封装的话上面代码可以直接复制粘贴把数据换为自己的所需要的就可以了，如有不足还望多多指教。1.由于项目需要做一个表格填写数据，数据项太多了，导致用户进来看到的数据太多，看不到重点，产品提出默认把一些不是太过重要的项隐藏起来不显示，通过上方的下拉框来控制勾选需要查看的数据,支持全选。3.demo用到的组件el-table，el-select。
2023-12-25 12:08:15
1069
3
原创 vue2封装el-select，el-tree，支持筛选，实现TreeSelect的效果
7.父组件引用 记录开发日常，如有不足还望指出，感谢！
2023-12-20 09:39:20
2545
4
原创 vue中定义一些方法或者组件在全局调用
1.我们可以在plugins中自定义一下公共方法，将这些方法挂载到vue的实例上面，以供我们全局调用。当某一个组件或者功能经常需要被使用到时, 我们就可以将这个组件或者功能定义成一个插件。7.如果想封装其他方法参照上述方法，新建一个js文件，在index.js里面引入，在main.js里面注册，然后就可以全局调用了（如对日期的封装等等）4.在index.js里面引用，vue提供install可供我们开发新的插件及全局注册组件等。我们在plugins文件中新建两个文件，index.js, modal.js,
2023-12-07 10:29:57
431
原创 微信小程序开发之wxs脚本
wxs 代码还可以编写在以 .wxs 为后缀名的文件内，就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。示例代码如下：tools.wxs。
2023-11-28 15:26:49
191
原创 微信小程序开发之上传文件，支持预览功能
3.微信小程序的文件下载也提供了对应的api，wx.downloadFile参数为文件的地址，返回一个临时的地址tempFilePath，在通过wx.openDocument的方法打开文档。6.js代码如下 上传文件代码。7.js文件预览文件。
2023-11-28 14:41:23
1062
2
原创 微信小程序开发之picker组件，多列可以选中任意一级
数组下标multiIndex来拿到真实数据时，不能直接听过下标来拿到数据，因为我们手动在数据头部塞了一条数据，所以，我们需要在拿到的multiIndex基础上减1来获取正确的下标，从而获取正确的数据，当我们需要数据回显的时候，同样的我们先通过遍历拿到我们要回显数据的下标，注意此时拿到的下标是相对于原始数据的下标，而我们需要的小标需要在原始数据上面+1。multiArray：[],默认显示的数据，点开选择器，默认能看到的数据，如果不需要回显，可以写死为默认每列的第一条数据，有几个数据表示有几列，
2023-11-16 15:22:24
1162
原创 记录微信小程序开发1.请求封装
3.如果是登录需要60秒倒计时可以使用tdesign插件进行开发，地址。，效果图（样式可以自行调整）代码：login.wxml。代码：login.json。代码：login.js。
2023-11-16 15:00:30
42
原创 vue2+ echarts地图
3.完整代码（可以直接复制使用以组件的形式引入页面）准备好dom容器并定义容器的大小。，获取到需要的数据后引入到页面。页面引入echarts。echarts官网地址。4.geoJson获取。
2023-10-31 10:01:05
630
1
原创 vue项目大屏开发之高德地图
1. 首先，，成为高德开放平台开发者2. 登录之后，在进入「应用管理」 页面「创建新应用」3. 为应用，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」，设置域名白名单，可选（建议设置域名白名单）。4. 添加成功后，可获取到和，在根页面下引用。
2023-10-25 17:01:43
542
1
原创 vue2 组件传参小结
当一个页面中，子组件的数据改变了，需要吧这个数据同步到父组件中使用，可以使用自定义事件与this.$emit来实现，例子：假设一个页面有两块组成，父组件和子组件，父组件为具体内容，可以修改，子组件为审批的流程组件，当我们修改了父组件中的数据，想通过审批页面的按钮来保存的时候，通常就会用到this.$emit,点击子组件中的审批按钮，在其方法里面调用this.$emit的方法来调用父组件的数据需改的方法。父组件<template><div>-- 这是父组件 --><h1>我是父组件</h1>
2023-10-17 14:26:20
183
原创 vue2大屏可视化之scale适配方案
缺点：严格按照要求的尺寸缩放，当不是定义的尺寸时会有留白，页面缩放过小字体会模糊。1、应公司要求：需要开发一组大屏页面，经过讨论选择了scale的适配方案。优点：等比缩放，可以严格按照设计稿的尺寸开发，不需要转换单位，便捷。留白情况就是类似于这种，后面可以加一个与大屏颜色相近的背景图。
2023-10-12 11:39:41
721
原创 vue中使用echarts记录属性3立体柱形图
先上一个效果图（有借鉴copy网上的内容，忘了哪个了）js部分，我是在父组件中拿到的数据，传递给子组件。环境：vue2 + element-ui。echarts版本：5.4.0。下一篇整理，3D饼状图。
2023-10-12 10:56:28
345
原创 vue中使用echarts记录属性2
点击右侧的条目，饼图中间的图标和数量发生改变，中间的圆环和数量是通过echarts设置，图标是通过定位属性设置。对于饼图，echarts案例已经能够满足需要了。环境：vue2 + element-ui。echarts版本：5.4.0。下一篇整理，3D柱状图。
2023-10-12 10:43:35
63
原创 vue中使用echarts记录属性
环境：vue2 + element-ui。下一篇整理饼状图与环形图，3D柱状图。echarts版本：5.4.0。
2023-10-12 10:06:25
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人