- 博客(40)
- 收藏
- 关注
原创 WebSocket 的封装
然后为了方便在 项目中进行使用,我们自定义一些 Hooks。websocket 具体内容参考了。showNotify 的自定义。
2024-04-30 17:18:36
547
原创 面包屑-文件夹
【说明 3】enterDirectory 是用户点击文件夹 进入文件夹的操作【这里其实就是 “狗子” 建立map 的过程 pathTemplateDb 就是用户自己的 map】【其中 getFileList 是选择性加载 table 中的数据,比如判断是 根路径;http://localhost:8080/#/cloud/myf 【根路径】【说明 1 】pathArray 是记录 要显示的 面包屑的实时路径 数组。【说明 2】handleClick 是 点击面包屑 实现 路径的切换。
2024-04-30 16:36:33
367
原创 Tree-V2 实现 全选、反选
需要一个 tree 树形结构体,但是采用 普通的 tree ,在数据量大的时候 会造成 tree 渲染的压力,尤其是在勾选的时候。getCheckedNodes() 返回 获取所有勾选的 id。element ui plus 中 引入了 “setCheckedKeys() 设置勾选的id。
2024-04-24 14:58:31
466
原创 飞书-SSO单点登录
2.首次二维码的更新可能有异步问题,需要借助 nextTick[钩子]1.随时更新 currentTab[tab选中的值] 的值。核心代码-封装qrcode方法。在 .vue 中的使用注意点。部分核心代码(vue2.0)可以参考 飞书js-sdk。飞书 sso 单点登录。
2024-04-24 14:53:16
1260
原创 文件上传服务器、文件展示等异步问题
文件上传模块:当文件已经上传完成,文件进度已经走完了,但是服务器响应还没有返回结果,出现了,获取不到上传后的文件路径,需要等待服务器返回结果后,才能获取文件路径并点击跳转到指定的下载地址。2.前端阻塞:当没有服务器没有返回结果的时候,前端手动阻塞 进度条的进度 为 95%,当文件服务器返回结果后,然后手动将进度条置为 100%;【时机:文件进度已经100%了但是服务器返回结果还没有返回、获取不到跳转地址】1.区分有跳转链接和没有链接的text 文本的颜色。【下面为部分 核心代码】
2024-04-22 16:11:37
264
原创 文件链接下载
其中 downloadFile 方法中 在页面中 创建 a 标签,并开启 download 模式。1.文件返回地址转换为文件流并下载。
2024-04-22 15:41:44
495
原创 el-table中 el-popover 性能优化
场景:在 el-table 中使用 el-popover ,出现了 loading 加载卡顿的问题,接口返回的数据的时间大概是 140ms ,所以不是接口慢的原因;因为 el-popover 会渲染出真实的 dom 元素 所以在页面渲染的时候会出现el-table loading 卡顿的情况。最重要的一点是,采用这种方式,会出现 重复点击该列的目标对象的时候,会出现 visiblePopover 和 trigger 不同步的问题,表现为 el-popover 闪烁一次;抽离的 el-popover。
2024-03-11 10:59:03
1156
原创 Element ui plus 中 table scroll 自动触底
场景:添加客户等级的时候,新增的客户等级 input 框 被 scroll 遮挡、重叠,需要保证 scroll 保持在 最底部接可以解决 遮挡、重叠。scrollBehavior 方法就是将 scroll 滚动到底部,选择执行的时间即可;我这里是在添加客户等级的时候进行执行的。el-table 在设置了 height 后,会选择将 table 表头固定。获取table内部的 scroll dom 然后并重新赋值。
2024-02-29 14:18:12
996
原创 支付宝、微信 核心代码
2.微信支付需要进行轮询;支付宝配置支付成功后的重定向地址【注意地址是否跨域,token 是否失效】1.判断是微信支付还是支付宝支付。
2024-01-26 14:17:59
480
原创 华为云OBS-文件上传
【不要把host写在header里面,不然会出现。选择文件方法 【 isPay 是否上传完毕】【这里需要注意的点是 axios 的请求头】前端配合后端 采用临时上传 相关参考文档。【会和 w3c 中的规范有冲突——获取文件上传的路径 【后端接口】上传文件并获取文件地址。
2024-01-26 14:13:40
1293
原创 vue 构建 如何配置 CDN
在有些场景并不是直接将 vue 项目进行构建 上传到本地服务器的,而是需要采用 CDN 的方式。通常对于一个普通的项目来说,他的 vue.config.js 中的 publicPath 为以下三种如果需要配置为CDN地址的话也是使用 publicPath 这个属性。
2023-09-11 10:17:03
955
原创 H5在IOS中的问题
H5页面需求:在axios响应的数据当中,其中有一个 url 地址,需要在请求响应成功后,跳转到这个指定的 url 地址处理方式:使用 window.location.href = url遇到的问题:pc端、android可以正常跳转,但是ios端无法跳转。因为IOS有FastClick机制,原因简单来说就是为了等待用户触发双击事件,但是这会影响到单击事件,并且无法触发单机事件。然后可以在全局引入,并绑定到body,全局生效。但是依然存在一个问题就是“点击穿透”,有时候点击不灵敏,所以需要重写方法。
2023-06-02 10:45:37
389
原创 关于RN中图片访问的问题
1.遇到的问题:在使用 react native 中的组件 Image 并配合 react-native-camera-roll第三方库,实现获取手机(andorid)中的 “最近相册”的时候,使用**save()** 方法可以成功将手机内存中的图片存储到手机存储空间中,但是当在使用方法将从手机相册读取“最近相册” 的时候,图片并没有正常的展示出来……2.相关代码(这里是官方提供的方法)3.解决方案。
2023-06-02 10:37:26
212
原创 WebView Bridge
我所能做到的是React Native壳子中可以正常唤起相机硬件,但是对于一个 webview 组件来说,组件中貌似只能存在一个 webview 组件,那该如何进行操作硬件呢?可能是RN也是有相关的API,我以为他是像第三方库一样的存在,结果我就在RN的webview组件的配置项中找到了他。在进行web加壳后,想要内嵌的web页通过点击web页中的扫码按钮从而调取手机相机硬件。3.这里是一个简单的demo。
2023-06-02 10:33:52
202
原创 Android keyStore React Native
2.这条命令会要求你输入密钥库(keystore)和对应密钥的密码,然后设置一些发行相关的信息。全部填写后,会问你是否正确,按下y和回车即可。该密钥有效期为10000天。–alias参数后面的别名是你将来为应用签名时所需要用到的,所以记得记录这个别名。1.在项目根目录打开终端窗口(或者任何地方打开终端窗口)生成 keyStore 文件。【如果你想要查看你的 keyStore 或者 需要内部的 SHA256】【到这里生成 keyStore 的步骤就算结束了】随后你就会看到以下内容。【即可获得指纹证书】
2023-06-02 10:31:18
181
原创 IOS中H5跳转外部URL的问题
需求:在axios响应的数据当中,其中有一个 url 地址,需要在请求响应成功后,跳转到这个指定的 url 地址。处理方式:使用 window.location.href = url。遇到的问题:pc端、android可以正常跳转,但是ios端跳转不了。解决方法:在外面包裹一个计时器就可以了。
2022-09-29 16:01:33
1326
原创 vue打包后路径失效、找不到、404的问题
vue打包路径丢失的问题 在vue项目打包以后,本地打开项目会出现css、js路径404的问题,这是因为vue打包后的路径默认是根路径。 解决方法: 在vue.cofign.js文件中将(如果没有vue.cofign.js文件,需要自行创建一个)...
2022-07-05 10:59:44
4278
1
原创 权限控制-按钮
通常来说,相关的权限信息都是从接口数据中拿到的【权限管理】,这里进行简单的模拟,我们在 Vuex 中 定义 buttonPermission 这个对象,里面存放着 按钮 应该具有的权限(权限不同按钮显示的也不同)/store/index.js 中内容为2.定义按钮3.自定义指令我们新建文件夹 /directives/has.js 用来存储 自定义指令。【关于(el,binding,vnode)相关参数的说明 请参考 这里】【这里自定义传递的参数 可以在参数 bindin
2022-07-04 09:54:31
1255
原创 【全网最全】Vue 组件之间的传值
【在开始之前使用到的三个组件在这里做一个简单的展示】1.爷组件2.父组件3.孙组件4.公共样式库 comment.css运行效果如下:父组件向子组件传值主要使用到了 v-bind 【简写“:”】指令和 props 选项(option),比如现在我们将 msg:"儿砸" 传递给子组件,并在子组件中进行一个展示。1.父组件2.子组件效果:Ⅰ。利用【父组件向子组件传值,向子组件传递一个函数】假设我们传递的消息是 msg:"爸比",其中 sendFunction 就是父组件传递给
2022-07-01 17:40:46
1160
原创 谈谈 Vue.js 中的 v-cloak 指令
场景:1.当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。2.当向后台接口请求数据,数据还没有请求过来的时候,出现 “白屏” ,可以使用 v-cloak 进行优化,加上加载 动画/GIF我们可以使用 v-cloak 指令来解决这一问题。【这里主要来说一下 2,如果你想要了解关于 1 的更多 可以点击 这里】2.内部准备好两个结构两个结构分别是 “白屏” 时加载的样式、图片等 请求到数据后展示的数据内容3.设置
2022-06-19 11:44:23
609
原创 “Cannot read property ‘pickAlgorithm‘ of null“ 报错
当我在 npm install 一个项目的时候,突然出现了 "Cannot read property 'pickAlgorithm' of null" 需要进行清除缓存后,再进行初始化
2022-06-18 19:22:25
4826
原创 观察者模式[订阅发布模式]
废话不多说直接上代码【可以通过注释进行理解】定义 发布者 类,并设置一个空数组,用来存放 订阅者然后明确该 发布者类中的方法通过数组的 push 方法向 数组 中添加 订阅者通过数组的 indexOf 方法 找到 对应的 订阅者 对其采用 splice 方法进行删除操作通过 forEach 遍历出每一个 订阅者 并调用 实例对象上的 update 方法 来实现 发布更新定义 订阅者 类,并定义 update 更新操作其中比较核心的点就是 订阅者 发起 订阅 这个操作最后
2022-06-18 19:21:10
121
原创 WordPress “站点出现致命问题“ 解决方案
前些阶段在连接腾讯云COS的时候出现了“该站点出现了致命性错误”问题,说是有关错误性问题已经发送到管理员邮箱,但是我并没有收到。查了几个致命错误的关键词,发现通过邮箱调试这个功能是可以关闭的,在wp-config.php 文件里把define('WP_DEBUG',false);改成define('WP_DEBUG',true);再打开刚才出错的界面,就能看见报错了具体错误还需具体分析——问度娘🙃不过我以为是站点本身问题,就重新建了一个站点来测试,然而又遇见了同样.
2022-02-27 16:17:53
1168
原创 复刻-wordpress-留言板-一言API
关于留言板中间随机生成一段文字,且为留言者提供留言环境。实现方法在网站的根目录website_April/wp-content/themes/Sakurairo (仅对于本网站)新建一份文本文档,命名为page-hitokoto.php (注意:文件扩展名)将以下代码复制到其中<?php/** Template Name: hitokoto */get_header();?><?php while (have_posts()) : t.
2022-02-27 16:15:43
722
原创 大佬快来,救命!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
项目场景:IntelliJ IDE 2019 运行安卓项目的时候、运行有tomcat的时候问题描述:报错:Error:Internal error: (java.nio.file.InvalidPathException) Illegal char <?> at index 13: C:/Users/四月樱花??/.IntelliJIdea2019.3/config/optionsjava.nio.file.InvalidPathException: Illegal char <
2021-03-12 21:37:51
1153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人