- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vite+vue3，img动态传递src
遇到问题的小伙伴可以试一下，分别打印import.meta.ur，和new URL的传参，相关链接我就不挂了，可以解决问题。当前vite版本5.2.6，希望下个版本可以解决模版变量的编译问题。
2024-07-23 09:30:27
457
原创 vue3封装一个获取字典值的方法，或者公共数据的hooks
场景就是，如果有公共的字典，男女，状态，进度等等，又不想每个页面都调用，或者存在local，那么就可以存在vuex里，项目每次加载，同一个字典只会请求一次。我这个场景是vue3的uniapp，和vuex4，基于ruoyi框架的useDict方法得来的。然后封装一下个store modules，并挂载在createStore的modules中。如果是vue2的话，可以适当修改。第一步先写个use方法。
2024-04-30 09:24:26
1023
2
原创 vue3 + ts，element-plus中el-table，使用自定义指令自适应表格高度
【代码】vue3 + ts，element-plus中el-table，使用自定义指令自适应表格高度。
2024-01-26 15:26:31
1027
原创 postcss-pxtorem指定文件跳过px转rem
查询多方资料，亲测有效。红色圈起来的是文件路径。用法是：exclude（String, Regexp, Function）要忽略并保留为px的文件路径。如果value是字符串，它将检查文件路径是否包含字符串。 'exclude'将匹配\project\postcss-pxtorem\exclude\path 如果value是regexp，它将检查文件路径是否与regexp相匹配。 /exclude/i将匹配\project\postcss-pxtorem\exclude...
2022-03-22 16:42:18
3345
4
原创 js按照长度分隔字符串
group(string,step) { let r = []; for(let i = 0, len = string.length; i < len; i+=step) { r.push(string.substr(i, i+step)) } return r; } groups("123", 1); // ["1", "2", "3"] group...
2021-08-31 15:42:44
1637
原创 uni-app。 app端设置全屏背景色。
写代码时候。 写 page{background ：#e8e8e8}，h5端可以正常显示，小程序与app全屏背景色不起作用。所以想了一个比较偏的办法，不影响性能的情况下。在template>view下， 加上同一级view空标签。 写上css： position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #efeff4; z-index: -1;完美解决，...
2021-07-08 16:57:55
2000
原创 阿里云 echarts地图json生成器 精确到区县。
http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
2021-03-29 12:02:52
3204
原创 仿微信聊天框箭头随笔
<div id="demo"></div><style>#demo { width: 100px; height: 100px; background-color: #ccc; position: relative; border: 4px solid #333;}#demo:after, #demo:before { border: solid transparent; content: ' '; height: 0;...
2021-03-02 15:28:27
122
原创 使用H5新增MutationObserver，监听iframe的Url变化。
MutationObserver接口提供了监视对DOM树所做更改的能力，通俗点来说就是用来监视 DOM 变动，比如增加删除， 浏览器窗口大小改变导致挤压DOM，属性的变动（width，height，src，style）、文本内容的变动等等。这里我只用来监听iframe的url变化，来进行操作代码： var target = document.getElementById("mainFrame"); // 目标节点iframe var MutationObserver = wind
2020-11-06 10:59:16
3462
原创 zTree禁用所有父节点checkbox复选框，注意是所有父级节点。
禁用所有父级节点。1.用到了两个方法 transformToArray 把所有的节点都转换为普通数组。2.isParent方法判断是否为父节点。3. 判断----获取所有父节点，设置复选框属性 setChkDisabled() //禁用所有父节点 var nodes = tree.transformToArray...
2020-08-18 10:37:54
3861
原创 html时间线、timeLine
先看效果。代码复制粘贴即可，注意换下图片路径。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-sc.
2020-08-18 10:32:05
1421
原创 jquery仿钉钉流程图制作。
最近项目用到使用钉钉制作流程图，在网上没有找到相关资料，只找到了一位大佬基于vue做的一个仿钉钉流程图。因为项目是比较老旧的一个框架，没有办法，只能一点点F12撸样式，功夫不负有心，最后算是搞出来了。效果：...
2020-04-29 18:28:54
5540
13
原创 html+css3实现div右上角斜三角删除
html 部分： <div class="box"> <div> otherthings </div> <div class="box-con"> <span>×</span&g...
2019-12-18 14:25:42
5964
原创 H5页面，js监听安卓手机返回按键操作，禁用返回按键操作。
使用到的技术要点：history.pushState（）原理暂不做解释，后续再做补充，可参考popstate官方文档1、禁用手机返回按键，引入直接可用，亲测. XBack = {}; (function(XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopState = function(...
2019-08-22 19:15:01
6289
原创 css3的自定义动画无缝轮播
这是使用css3动画的@keyframes move做的滚动效果，兼容性还没有尝试过，觉得很有意思，大家可以参考参考。可以直接复制粘贴到新的html页面即可运行<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=...
2017-09-25 09:47:53
707
工作流working.zip
2020-04-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人