会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
剑气风尘
博客园
首页
新随笔
联系
订阅
管理
2025年7月24日
纯css实现多行省略,末尾展示更多按钮
摘要: html代码片段: 1 ### vue2 Template ### 2 <div class="wrapper"> 3 <input :id="`fold-btn-${id}`" class="exp" type="checkbox" /> 4 <div :ref="'workDetailRef'
阅读全文
posted @ 2025-07-24 09:58 剑气风尘
阅读(44)
评论(0)
推荐(0)
2025年4月25日
在vue2中使用html2canvas导出png图片
摘要: 这次的需求是把甘特图导出为png图片,记录下滚动区域及超出内容区域的内容怎么截取到图片。 具体实现需要用到js+css。在点击导出按钮的时候,对目前元素进行css样式处理,即设置所有元素大小由内容撑开,不在折叠隐藏,不在滚动。 结合实际业务就是,给需要截图的元素添加特殊样式 1 // 需要截图的元素
阅读全文
posted @ 2025-04-25 15:57 剑气风尘
阅读(107)
评论(0)
推荐(0)
vue2地图下钻功能实现
摘要: 一、背景 产品提了需求,想要一个功能,展示全国各省份信息,点击下钻展示市县。网上搜了下,自己整理一份,留作参考。 二、地图资源获取,大概两种方式。 一种是使用DataV api接口,但是仅限本地开始调试,线上环境慎用。 一种是下载资源包到本地环境。我是使用的第二种。 DataV数据可视化平台:htt
阅读全文
posted @ 2025-04-25 14:33 剑气风尘
阅读(87)
评论(0)
推荐(0)
2022年7月12日
回车键发送表单
摘要: 本文是基于Vue2+ElementUi的form表单回车提交。 据ElementUI form组件介绍,在表单中只有一个输入框时,按回车键默认触发表单提交,多个的输入项时无法触发,需要自行处理。单个输入项回车触发提交也是有些问题的,他的提交方式默认是formData,如果结构规定的是json格式,那
阅读全文
posted @ 2022-07-12 10:46 剑气风尘
阅读(700)
评论(0)
推荐(0)
2022年7月8日
Vue2基于elementUi的多级菜单动态生成
摘要: 前言 ElementUI官方没有提供菜单动态生成的案例的,参考ng-design上的菜单动态生成,写了一个基于ElementUi的菜单动态生成,支持多级菜单。 思路 基本思路就是循环子组件,判断menu是否有children,有就说明至少有二级菜单,需要循环子组件,将menu.children作为参
阅读全文
posted @ 2022-07-08 16:18 剑气风尘
阅读(1913)
评论(0)
推荐(0)
2021年11月25日
文件下载
摘要: 前端文件下载方式按照后台接口返回形式大概分两种:一是后台返回url,二是后台返回文件流; 一、后台返回url方式 获取到文件地址后,动态创建a标签,设置a标签的href属性值为url,download属性可选, 1 const dom = document.createElement("a"); 2
阅读全文
posted @ 2021-11-25 13:51 剑气风尘
阅读(101)
评论(0)
推荐(0)
2021年9月16日
uniapp开发微信公众号页面
摘要: 背景介绍:第一次使用uni-app开发项目,所以选择了平台推荐的编辑工具HBuilder X来开发。前端UI框架选择的uview。 PS;这篇文章依然是作为项目开发的总结文章。都是在项目的实际开发中遇到的问题及自己的解决思路方法,都很实用的。 1、框架搭建: 打开HBuilder X 文件 -> 新
阅读全文
posted @ 2021-09-16 16:24 剑气风尘
阅读(3252)
评论(0)
推荐(0)
2021年2月24日
前端打包后的文件上传到服务器
摘要: 前言 好久没写文章了,一直在忙,刚好今天有点时间,就想写点东西。废话不多说,直接进入正文吧。 准备工作 需要用到scp2,这是基于ssh2实现的ftp上传工具。npm安装到开发依赖即可,也可全局安装。 npm install -D scp2 具体文档 https://www.npmjs.com/pa
阅读全文
posted @ 2021-02-24 16:53 剑气风尘
阅读(1475)
评论(0)
推荐(0)
2020年8月5日
Angular9引入ngx-echarts
摘要: Angular9 echarts ngx-echarts
阅读全文
posted @ 2020-08-05 10:01 剑气风尘
阅读(478)
评论(0)
推荐(0)
2019年3月8日
grid布局初尝试
摘要: 第一次使用Grid,仅供学习交流,大神勿喷~~ 【网格容器部分】 一:【display】通过设置display属性为grid或者inline-grid创建一个网格容器。这样网格中的所有子元素就自动成为网格项目。 二:使用grid-template-rows和grid-template-columns
阅读全文
posted @ 2019-03-08 16:16 剑气风尘
阅读(157)
评论(0)
推荐(0)
下一页
公告