- 博客(34)
- 收藏
- 关注
RSS订阅原创 uniapp开通开屏广告后动态开启或关闭开屏广告
近期使用uniapp开发的APP有uniad的广告对接，并且要求会员用户不显示包含开屏广告在内的广告，除开屏广告外的广告都可以通过uniapp广告组件控制是否显示。最后联系uniad客服，经了解需uniad授权后以上代码才能生效，有需要动态显示开屏广告的可以联系uniad客服，授权过程中我们只需等待即可。因uniad的开屏广告无需代码开发，经过uniad客服指点可在App.vue中的onLaunch生命周期中执行。添加plus.ad.setSplashAd(enable)后打包。运行时还是会有开屏广告。
2025-03-07 15:55:57
487
原创 一个非常好用的css工具类库
如m-1：margin: 0.5rem、mr-1：margin-right: 0.5rem、ml-1：margin-left: 0.5rem等。tailwind还支持自定义数值如p-5px: padding: 5px，p-[1rem]：padding: 1rem，之前项目中一直用的是bootstrap的工具类库，基本是固定样式，也能够省去很多css代码的书写。pl-[10%]：padding-left: 10%等等，还支持自定义工具类简写。后来发现一个非常好用的工具类库Tailwind CSS。
2024-04-09 21:23:54
366
原创 js递归过滤树结构并带出层级数据
起因：项目中需要前端过滤树结构，element库的树结构过滤出来只有当前搜索的这一层节点数据。项目要求要带出过滤出来的节点及其父级和所有子级节点数据。
2024-03-02 16:14:23
641
原创 el-input等输入框自定义边框
写大屏总是有很多需要自定义的样式，使用element-plus中的输入框、日期选择框等组件的时候需要调整与大屏同系列颜色，遇到输入框调整边框颜色的时候有个边框怎么设置都去不掉。F12一次次调试，一层一层的修改border的值都没有用。最后终于走出border的狭隘视角。忽略了这么一个属性，最后才调整成功。
2023-11-20 19:38:38
1129
原创 js各种简写
indexOf判断返回值是否为-1：常用写法 arr.indexOf(item) > -1 or arr.indexOf(item) === -1。简写 ~arr.indexOf(item) or arr.includes(item)数组：const arr = [1, 2, null, undefine, '', '12', NaN, false]更简化 arr.filter(Boolean)filter过滤：常用简写 arr.filter(item => item)，愿我能持续发现持续更新。
2023-11-17 16:41:25
163
原创 大屏使用el-image组件全屏后图片预览时不显示
但大屏中我们全屏的一般都是指定的标签，全屏之后这个标签就会覆盖body标签，自然就导致图片预览的图片被我们全屏的标签覆盖，解决办法就是去掉这个属性即可。另外大屏中因为很多地方都有图片预览功能，但并不是每个地方都用的el-image组件，也有点击按钮预览图片的，所以我单独使用了el-image-viewer组件，并把它放到要全屏的标签中。vue3+element-plus写大屏时遇到的一个问题，el-image组件添加了图片预览功能，但是大屏全屏之后点击预览的时候看不到图片，退出全屏后能正常显示。
2023-11-16 10:38:22
1446
原创 行内样式background: (url: `${imgurl}`)不生效
大屏项目中按钮需要使用服务器中的图片做背景，并且图片是一个svg格式，因svg图片中preserveAspectRatio属性导致图片不能自由伸缩，不能用backgroundSize调整完全占满整个按钮，所以添加了preserveAspectRatio(none)不去固定图片的宽高比。浏览器f12审查标签样式，发现生效的样式中background的url中加了两个转义字符。如果代码中找不到原因，就在成功渲染出来的页面去审查一下成功与失败的区别，办法总比问题多。
2023-10-31 17:26:20
4264
原创 window.open开发环境可以正常跳转，生产环境跳转失败
最近项目开发发现一个问题，window.open开发过程中一切正常跳转，并且部署测试环境也是可以正常跳转，部署生产环境才发现window.open全都失效了。生产环境跳转时地址栏http://dev-api/gridFence/123456，没有域名，即只是简单的当成url地址跳转，而不是我们想要的路由跳转。以上成功解决生产环境不能跳转。
2023-10-17 21:44:15
451
2
原创 vue3项目最终使用高德地图多个地图样式会被覆盖问题
最近使用AMapLoader开发高德地图相关页面遇到的问题，项目中存在两个地图页面，第一次打开的地图页面的地图样式是高德默认地图样式，然后跳转到第二个地图样式为自定义样式，发现第二个地图的自定义样式并没有生效，而第二个地图使用官方的其他地图样式时是可以正常生效的。即请求代理，请求高德地图必然是要做代理的，我们用的是nginx代理，但只做了最下面的web服务API代理，自定义地图服务代理是不同的地址，而我们自定义样式没有生效的最重要的原因就是少了这个代理。高德地图自定义样式即可生效。
2023-10-17 21:26:35
399
原创 vue父组件绑定给子组件的自定义事件自执行
最近写vue3项目页面，发现页面加载完成后绑定给子组件需要点击确定按钮触发的方法直接执行了，没有任何操作直接就执行了。造成直接执行的罪魁祸首就是方法名称childSelect与子组件名称一样，<child-select />，如上，发现页面加载完成，父组件的方法也执行了，控制台打印了内容，虽然打印的内容不是子组件传过来的参数。如：const selectChild = () => {}解决方法就是将方法名改一下就可以了。
2023-07-29 20:30:37
209
原创 js给表格列头内容滚动
因列头是通过接口获取的，需要用js动态的判断字体长度是否超出外层盒子长度，另js使用keyframe较麻烦，所以选择transition而没有使用animation。首先调整样式，overflow: hidden隐藏的同时将多余的用省略号，需要加text-overflow: clip将省略号还原。最近写大屏项目，轮播表的列头有部分字段较长，要求循环滚动，没有被隐藏的不做滚动处理。
2023-06-01 21:41:55
225
原创 MutationObserver和ResizeObserver
近期大屏项目需要根据屏幕尺寸调整dom尺寸，开始我使用的MutationObserver，过程中发现当dom元素尺寸为准确的像素值（如100px）时，当使用事件调整dom尺寸时，MutationObserver对象可以监听到，但当dom尺寸为百分比时无论尺寸怎么变化都无法监听到。可以在构造函数的回调函数中执行对应的dom处理，每次监听到dom对象尺寸的改变都会执行该回调函数。当dom尺寸为百分比时 无论浏览器尺寸如何变化，css样式的属性值并没有变化。
2023-05-10 20:25:44
487
原创 DataV在浏览器放大缩小以及全屏前后不能自适应问题
大屏项目使用DataV组件库，浏览器放大缩小以及大屏进入全屏和退出全屏后，大屏的高度一直在累加，没有还原成原始状态，尝试使用组件的onResize事件以及initWH事件去重置，但是父元素已经被撑开了，onResize和initWH获取的都是撑开后的大小，所以无效。给组件添加key值才解决。
2023-04-13 16:38:51
3998
6
原创 vue文件上传下载
以上文件上传js部分，没有用button组件可以直接去掉button按钮，input本身也可以是按钮，可以忽略button事件触发input事件。文件下载任何事件触发函数就可以了。文件上传html部分。
2023-04-10 18:59:17
234
原创 eslint报错：‘xxxx is not in camel case‘的几种解决办法
ts注释：/* eslint-disable @typescript-eslint/camelcase */3、在不符合变量前加上一段注释，js注释：/* eslint-disable camelcase */2、修改eslint配置，在eslintrc.js文件中加入'camelcase': 'off'即可。1、修改变量名称，不能存在下划线等情况'state_name'
2023-04-06 22:20:02
2946
原创 js判断复杂类型数组或对象是否完全相等
复杂类型不能直接使用‘===’判断，所以写一个函数判断复杂类型是否相等，不能判断包含function、Date、正则类型的对象或数组。
2023-04-01 22:14:40
558
原创 递归匹配后端返回数据格式化日期
递归格式化后端返回数据中的日期，日期的可以以正则匹配，放在transformResponse可以统一处理，无需在每个页面单独处理。
2023-03-31 15:39:23
76
空空如也
vscode自动格式化在代码前添加分号
2023-02-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人