原生三剑客
三火Sunfire
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
json属性名转成TreeSelect数据格式
效果图很忙很忙,直接上代码 本人开发环境是vue2 methods+antd,根据实际情况修改就好了jsonTotree(json, lastName) { let arr = [] let data = Object.keys(json) data.forEach(item => { let obj = {} obj.title = item // 这里的^是和后端定义的标识符 obj.key = lastName ?原创 2022-03-30 11:15:18 · 1341 阅读 · 0 评论 -
【奇yin秘技】前端利用k8s环境变量减少镜像重构次数
经常能碰到前端使用docker+k8s部署的项目,每次一有链接变更,前端都要重新改代码里的链接、改nginx.conf、重新打镜像…非常麻烦要是只有后端API还好,在配nginx的时候用k8s nodeport链接就能解决但实际情况经常是websocket、iframe等等神魔也想来凑个热闹,链接一变,事又多了偶然之间听到后端小哥们在讨论k8s的环境变量配置,凑上去听了听,发现是个好东西,直接在yaml文件里面改动变量重新部署一下就行了关键是前端要怎么获取到这玩意呢?我想到的是用脚本把环境变量写原创 2022-01-04 16:53:36 · 1721 阅读 · 0 评论 -
【奇yin秘技】利用id和disabled属性按需引入css文件
项目都快好了突然收到需求说要做多个主题,不是很想大改,就想着有没有什么猥琐的招式,找了一下还真有:以VUE为例,我先是把原有的主题样式剪切到了一个css文件中,再根据UI图把另外一个css文件肝出来第二步:在index.html引入两个主题的css文件(注意添加上id,后续操作dom时会用到)第三步:找到需要变更主题的地方,我这边偷懒就直接加到App.vue里了(- -本来就只写了两个全局样式文件)简单来说就是把所有样式导入进去,当获取到主题名之后(这里以localStorage为例),将不需要的原创 2022-01-04 15:55:08 · 750 阅读 · 0 评论 -
jsplumb流程图输入、输出点解决方案
效果预览:设计思路:首先在节点对象中添加两个新字段,用于判断输入点输出点个数:根据输入点输出点个数在节点内绘制不同的样式的子节点,并给予唯一id(以输出点为例,重点在红框处):初始化/回显/外部拖动添加新节点:这些情况下,可以根据输入点输出点个数将所有输入输出点都设置为源点,父节点只负责节点位置移动相关逻辑,不负责绘制相关逻辑。连线前相关判定:1.一个输入点仅对应一个输出点/禁止重复创建。遍历线数组判断即可2.节点不能连接自己/禁止回环。用 节点id…split(’_’)[0] 把父节点原创 2021-09-13 10:08:29 · 466 阅读 · 0 评论 -
html2canvas生成图片常见问题汇总
1.模糊var canvas = document.createElement('canvas')canvas.width = w * 2canvas.height = h * 2canvas.style.width = w + 'px'canvas.style.width = h + 'px'canvas.getContext('2d').scale(2, 2)注:w和h分别为所生成容器的宽度和高度,需单独计算。可缩放容器需乘上缩放值2.不识别svg需要使用canvg插件将svg转换成原创 2021-07-26 17:11:18 · 953 阅读 · 0 评论 -
微信小程序 企业微信客户服务插件【联系我】自定义样式
我们从插件扩展参数中得知,原有插件是不支持自定义样式的:但方法总比困难多,比如我们可以通过opacity:0来设置插件按钮透明,再通过绝对定位和z-index将按钮覆盖在写好的容器样式之上。这样当点击容器时即可触发插件,具体代码如下:<view class="service-container"> <cell class="service-cell" styleType="2" plugid='plugid'/> **styleType为2时,插件只显示为一个按钮样式**原创 2021-07-22 17:09:47 · 2977 阅读 · 0 评论 -
js禁用浏览器默认右键菜单
document.oncontextmenu = function (e) { return false}原创 2021-07-20 10:14:18 · 1527 阅读 · 0 评论 -
vue 导入图片方法(简单易用)
1.直接在标签内添加::style="'background-image:url('+require('../../assets/bg.png')+')'"2.css穿透div >>> .imgSrc { background-image: url('~@/assets/bg.png')}原创 2021-05-31 16:48:30 · 2608 阅读 · 0 评论 -
vue自定义右击菜单制作思路
1.禁用默认右击事件document.oncontextmenu = function (e) { return false}2.自定义菜单(v-if控制显示)<div id="menu" style="width : 100px; top: -200px; background-color: #004454; border : 1px solid #07caa9; padding : 2px; position : absolute;" v-if="visibleM原创 2021-05-31 16:39:21 · 371 阅读 · 0 评论 -
vue导入外部css、js的两种方法
做项目时看了些文章,有的方法可用有的不可用,不知道是不是版本不同的问题,在这里分享两个2.6.11版本(vue-cli3生成)可以用的方法,有更好的方法欢迎交流~1、全局导入在 ./public/index.html 中外部引入2、在view/components内导入...原创 2021-02-02 14:32:41 · 855 阅读 · 2 评论 -
解决ios使用background-attachment:fixed造成的显示问题
在个人博客上做了一个固定背景下拉的效果,上线后用手中的8P看了一下好家伙,直接白掉一块,下拉的效果也不在了,换个浏览器也一样,但安卓访问却完全正常??最后查了百度,原因大概是ios系统和某些移动端对background-attachment:fixed不兼容,可用伪元素:before的方法代替background-attachment:fixed原理:固定的伪元素设置一个背景图片.section1:before{ content: ' '; position: fixe原创 2021-02-01 14:37:20 · 1998 阅读 · 0 评论
分享