花笙_-优快云博客

表单禁用，样式不好看，不符合甲方标准，看了一下文档，select、radio等都不支持只读状态。在查看弹窗时，传入一个变量，当变量为true时，设置className样式，否则不作操作。point-events可以阻止点击事件的效果，以及鼠标指针显示。鼠标点击不会有任何操作，也不会切换radio和select下拉。利用css3的point-events属性，设置为none。

2024-06-07 15:27:50 808

原创 react点击复制数据

主要是用浏览器原生剪贴板 navigator.clipboard.writeText API。

2024-06-07 12:04:02 367

一开始，我是让div包裹多个p标签，并让div“flex”布局，且单行溢出隐藏，可是发现当父元素或当前元素有flex时，text-overflow: ellipsis;由于我现在写的功能，p标签是v-html解析出来的，无法得知具体有多少个p标签，因此都不适用。大多数解决办法都是，不要flex，或者给div下的每个p标签单独设置样式。我想实现的功能是多个p标签一行展示，溢出div宽度时，隐藏余下内容…

2024-06-05 14:18:48 776

原创 Ant Design 动态增减form表单，第二三项根据第一项选中内容动态展示内容

根据选中的第一项，动态展示第二项第三项，以及第三项的类型是下拉框还是input，和单位unitName。点击添加条件，第二条仍然只展示第一项select框。提交数据部分就不写了，提交跟接口相对应的数据就行。// 编辑时数据回显，后端返回的数据。选中第一项下拉框，第二第三项展示。

2024-05-29 12:15:14 697

原创 antd form表单赋值Switch不生效

Form.Item 默认绑定值属性到 value 上，而 Switch 的值属性为 checked。你可以通过 valuePropName 来修改绑定的值属性。在开发过程中，使用ant design组件的form表单时，有用到Switch，编辑时发现赋值不起作用，看了文档，发现在Switch。

2024-05-29 10:22:27 684

原创 js获取浏览器窗口url

3.获取当前窗口域名+端口（没有端口时，跟2获取的一致）1.获取当前窗口完整的url地址。4.获取当前窗口协议+域名+端口。5.获取当前窗口路径地址。2.获取当前窗口域名。6.获取当前窗口协议。

2024-05-20 14:50:24 575

原创 wx.canvasToTempFilePath生成图片保存到相册

微信小程序保存当前画布指定区域的内容导出生成指定大小的图片

2023-11-15 16:49:03 2187

原创若依不分离+Thymeleaf select选中多个回显

编辑回显重点是th:selected=“${selectChannels.contains(channel.id)}”selectChannels是后端返回的已绑定的通道列表，channels是通道列表。表单添加时，select选中多个，编辑表单时，select多选回显

2023-09-28 14:40:01 1709

原创 vue 浏览器记住密码后，自动填充账号密码错位

原本账号应该在第一位，却出现在第三位，以Chrome为例，浏览器遇到input为type='password’时，如果上面的input刚好是type=‘text’,就会自动填充。浏览器记住密码后，登录时自动填充账号密码，解决方法：type='paddword’的input，设置为只读，聚焦或者点击时，取消只读状态即可。

2023-09-05 16:06:31 1087

原创 css引入背景图，子页面接收父页面背景图

方法一：使用background属性。方法二：使用img标签。方法三：行内标签子页面接收父页面背景图。

2023-08-04 10:03:05 374

原创 p元素使用伪元素::before实现小圆点，换行缩进

p元素使用伪元素实现小圆点，默认换行第二行会与小圆点平行，图2是想要的样式。

2023-08-04 09:45:00 353

原创 win10电脑设置图片密码

win10设置电脑图片密码

2023-07-13 09:53:28 427

原创若依不分离，弹层自定义按钮

若依前后端不分离，弹层底部自定义按钮

2023-07-03 18:11:48 1346

原创 v3+ts动态显示时分秒

v3+ts动态显示时分秒。

2023-04-28 11:49:17 345

原创 ios与安卓兼容问题（持续更新-查看大图、底边距、短信验证码复制粘贴填充问题）

安卓正常，ios算是苹果系统的一个bug，ios自动填充验证码时，会多次调用UITextFieldTextDidChangeNotification，由于我是在验证码输入完成后调用检验验证码接口的，导致连续多次检验，第一次是正确，后续都是错误（验证码正确后后端那边会自动删除）出现的bug，微信小程序image图片为空或者图片报错（例如404,500等）时，点击查看大图，在手机端打开，ios会如下图，一直卡死在该页面，除非手动强制关闭微信，安卓正常。解决方案：给image标签加。

2023-04-28 10:21:35 477

原创 js 把一个数组分割成若干个指定长度的二维数组

js 把一个数组分割成若干个指定长度的二维数组

2023-04-27 15:43:59 1671

原创微信小程序+wx.connectSocket客服问答

需求：1、要求websocket实时返回会话结果。2、会话自动回滚到底部。3、会话缓存微信小程序+wx.connectSocket客服会话

2023-04-23 15:30:25 1038

原创纯css三个点加载动画

【代码】纯css三个点加载动画。

2023-04-23 14:22:30 1443

原创 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 1224 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 6453 4

原创使用flex的垂直居中对齐时，溢出滚动条，内容显示不全

使用flex垂直居中对齐，div内的三个盒子长度未知，由内容撑开，超出父盒子宽度后滚动条显示，最左侧盒子内容会显示不全。用inline-flex替代flex，在flex父级再添加一个div盒子，设置最小宽度。正常box1盒子应该是红色宽度，用了flex的缘故，只显示了黄色部分，超出部分隐藏了。宽度不超过父盒子宽度时也是居中展示，超过后也能正常显示最初左侧数据。inline-flex：将对象作为内联块级弹性伸缩盒显示。flex：将对象作为弹性伸缩盒显示。

2023-02-07 14:25:50 2793