- 博客(56)
- 收藏
- 关注
RSS订阅原创 react 自定义鼠标右键点击事件
鼠标右键点击节点时，出现“复制”功能，点击其他部位，隐藏“复制”；鼠标右键事件的文案，始终在鼠标点击位置的右下方；点击复制，提示复制成功。
2024-06-18 17:24:14
478
原创 Ant Design+react 表单只读
表单禁用，样式不好看，不符合甲方标准，看了一下文档，select、radio等都不支持只读状态。在查看弹窗时，传入一个变量，当变量为true时，设置className样式，否则不作操作。point-events可以阻止点击事件的效果，以及鼠标指针显示。鼠标点击不会有任何操作，也不会切换radio和select下拉。利用css3的point-events属性，设置为none。
2024-06-07 15:27:50
434
原创 多个p标签一行展示，溢出隐藏
一开始，我是让div包裹多个p标签，并让div“flex”布局，且单行溢出隐藏，可是发现当父元素或当前元素有flex时，text-overflow: ellipsis;由于我现在写的功能，p标签是v-html解析出来的，无法得知具体有多少个p标签，因此都不适用。大多数解决办法都是，不要flex，或者给div下的每个p标签单独设置样式。我想实现的功能是多个p标签一行展示，溢出div宽度时，隐藏余下内容…
2024-06-05 14:18:48
508
原创 Ant Design 动态增减form表单，第二三项根据第一项选中内容动态展示内容
根据选中的第一项，动态展示第二项第三项，以及第三项的类型是下拉框还是input，和单位unitName。点击添加条件，第二条仍然只展示第一项select框。提交数据部分就不写了，提交跟接口相对应的数据就行。// 编辑时数据回显，后端返回的数据。选中第一项下拉框，第二第三项展示。
2024-05-29 12:15:14
440
原创 antd form表单赋值Switch不生效
Form.Item 默认绑定值属性到 value 上，而 Switch 的值属性为 checked。你可以通过 valuePropName 来修改绑定的值属性。在开发过程中，使用ant design组件的form表单时，有用到Switch，编辑时发现赋值不起作用，看了文档，发现在Switch。
2024-05-29 10:22:27
290
原创 js获取浏览器窗口url
3.获取当前窗口域名+端口（没有端口时，跟2获取的一致）1.获取当前窗口完整的url地址。4.获取当前窗口协议+域名+端口。5.获取当前窗口路径地址。2.获取当前窗口域名。6.获取当前窗口协议。
2024-05-20 14:50:24
165
原创 若依不分离+Thymeleaf select选中多个回显
编辑回显重点是th:selected=“${selectChannels.contains(channel.id)}”selectChannels是后端返回的已绑定的通道列表，channels是通道列表。表单添加时，select选中多个，编辑表单时，select多选回显
2023-09-28 14:40:01
1341
原创 vue 浏览器记住密码后，自动填充账号密码错位
原本账号应该在第一位，却出现在第三位，以Chrome为例，浏览器遇到input为type='password’时，如果上面的input刚好是type=‘text’,就会自动填充。浏览器记住密码后，登录时自动填充账号密码，解决方法：type='paddword’的input，设置为只读，聚焦或者点击时，取消只读状态即可。
2023-09-05 16:06:31
793
原创 css引入背景图，子页面接收父页面背景图
方法一：使用background属性。方法二：使用img标签。方法三：行内标签 子页面接收父页面背景图。
2023-08-04 10:03:05
257
原创 ios与安卓兼容问题（持续更新-查看大图、底边距、短信验证码复制粘贴填充问题）
安卓正常，ios算是苹果系统的一个bug，ios自动填充验证码时，会多次调用UITextFieldTextDidChangeNotification，由于我是在验证码输入完成后调用检验验证码接口的，导致连续多次检验，第一次是正确，后续都是错误（验证码正确后后端那边会自动删除）出现的bug，微信小程序image图片为空或者图片报错（例如404,500等）时，点击查看大图，在手机端打开，ios会如下图，一直卡死在该页面，除非手动强制关闭微信，安卓正常。解决方案：给image标签加。
2023-04-28 10:21:35
410
原创 微信小程序+wx.connectSocket客服问答
需求：1、要求websocket实时返回会话结果。2、会话自动回滚到底部。3、会话缓存微信小程序+wx.connectSocket客服会话
2023-04-23 15:30:25
796
原创 v3+ts h5使用插件html5-qrcode扫描二维码
html5-qrcode扫描二维码识别内容。支持环境：Android支持：Firefox 、Chrome、Opera、Edge（安卓（小米13）自带浏览器不支持，微信浏览器支持，实验得知）注意：PC/Mac支持：Firefox 、Chrome、Safari、Opera、Edge。iOS支持：Safari、Firefox 、Chrome。
2023-04-14 11:29:52
962
4
原创 vscode安装扩展Volar失败
第二步：将下载好的Vue.volar-1.2.1.vsix后缀改为.zip，解压后打开extension文件下的package.json文件，找到vscode的版本信息，修改为自己vscode当前的版本（默认下载的是1.67.0版本）如果跟自己当前vscode版本不同的话，直接引用安装，会报错。第三步：保存修改信息，将解压后的Vue.volar-1.2.1文件压缩成.zip压缩包，修改后缀为.vsix。
2023-03-08 11:01:34
5473
4
原创 使用flex的垂直居中对齐时，溢出滚动条，内容显示不全
使用flex垂直居中对齐，div内的三个盒子长度未知，由内容撑开，超出父盒子宽度后滚动条显示，最左侧盒子内容会显示不全。用inline-flex替代flex，在flex父级再添加一个div盒子，设置最小宽度。正常box1盒子应该是红色宽度，用了flex的缘故，只显示了黄色部分，超出部分隐藏了。宽度不超过父盒子宽度时也是居中展示，超过后也能正常显示最初左侧数据。inline-flex：将对象作为内联块级弹性伸缩盒显示。flex： 将对象作为弹性伸缩盒显示。
2023-02-07 14:25:50
2315
原创 vue复制粘贴数据
场景：复制表格单行数据，到新页面粘贴。点击操作栏的“复制”，复制单行数据。进入另一个页面时，判断是否有缓存，有缓存则显示该弹窗，没有缓存不显示；点击“取消”或“确定”时，清空缓存。
2023-02-06 17:02:53
1550
原创 git使用工具sourcetree创建分支合并主支
平时项目开发中，需要从主支上拉取代码，创建自己的分支，将需要发布的部分代码提交到分支上，再合并到主支，点击“分支”，创建属于自己的分支（可以用自己名字简称，比较有辨识度），点击“创建分支”，会发现左侧工作栏中有了刚刚自己添加的新分支。
2023-01-13 15:22:08
6275
3
原创 css-上下布局，上面高度任意值，下面盒子自适应填满剩余部分
已知整个盒子的高度为500px，上下布局，上盒子任意高度，下面盒子都可以自适应填满剩余部分，上下盒子都不知道高度。
2022-12-15 14:33:01
3514
原创 van-swipe-cell滑动单元格，设置多个按钮
项目实际开发中用到滑动单元格，设置两个按钮，官方案例没有写，记录一下。组件直接引用，按钮样式不对，所以要自己写。
2022-09-30 16:53:27
2086
2
原创 iviewUI选择下拉框，输入搜索词调用接口远程搜索
实际上用到的是on-query-change事件。输入关键字，调用接口返回数据，选择想要的数据。
2022-09-06 14:51:10
1368
6
原创 vue+iviewUI树形结构tree多选，编辑时重新勾选选中的数据，不渲染页面
vue+iviewUI树形结构tree多选，编辑时重新勾选选中的数据，不渲染页面
2022-08-19 15:55:09
1897
原创 vue+iviewUI表头添加图标
vue+iviewUI表头添加图标renderHeader函数就是对列表的表头区域渲染使用的function，可以通过renderHeader自定义表头icon是直接在iviewUI里的图标，size是设置的图标大小
2022-06-02 09:45:29
669
原创 微信开发工具更新后,跳转页面报错
今天更新了一下微信开发工具，然后点击别的需要跳转页面的地方，就报错了百度了一下，有说是基础库版本太高导致的，尝试调低了，但是不顶用最后解决办法：卸载了最新的微信开发工具，又重新下载了稍微低的版本个人下载的是稳定版的1.05.2111300链接地址往下滑会有不同的版本，点击更新说明下载相应的地址，安装，重新运行项目就可以了...
2022-05-09 17:11:17
1211
2
原创 微信小程序自定义picker，选项内容两行展示
小程序开发过程中，有遇到picker选项内容两行展示，组件用的是vant，但是扒了官方文档，并不支持多行展示，就用微信开发文档中自带的表单组件：picker-view picker-view-column文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/picker-view.html效果图：wxml代码：<picker-view indicator-style="height: 60px;" bindc
2022-05-09 16:25:06
4427
原创 decodeURIComponent解码
在小程序开发中，遇到扫描二维码进入某个指定页面的时候，获取到的链接是加密的，比如//获取到的加密url地址https%3A%2F%2Fto.xx.com%3A3333%2Fintegral%3ForgId%3D1 而我想要的数据是orgId所携带的参数的值，这时候就用到了decodeURIComponent解码可以将加密的链接转换成常见的https://to.xx.com:3333/integral?orgId=1 // 举例，想要的url地址用法：onLoad: functio
2022-05-06 17:02:36
5362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人