前端
Arthur❀
这个作者很懒,什么都没留下…
展开
-
vue 实现动态时间
vue 实现动态时间首先看html:<div class="timeSpan"> {{nowTime || '加载中....'}}</div>vue js:return { nowTime: null, // 当前时间}mounted(){ this.$nextTick(() => { // 动态时间展示 setInterval(this.showTime, 1000); }); },methods: { showTime(原创 2022-05-09 15:58:43 · 895 阅读 · 1 评论 -
jQuery Word Export: missing dependency (FileSaver.js)
jQuery Word Export: missing dependency (FileSaver.js)今天使用jQuery导出word的时候遇到这个问题。原来是单项目应用index.html引用js错误导致。因为html是从上至下顺序加载的所以这里需要调换两个js引入位置。原来的引入<script type="text/javascript" th:src="@{/scripts/libs/jquery-word/jquery.wordexport.js}"></script&g原创 2020-12-23 15:49:17 · 827 阅读 · 0 评论 -
easyUI表单校验和jquery表单提交
easyUI表单校验和jquery表单提交1. 表单校验首先看下效果图在这里我需要在这个form表单提交的点击下一步之前,对这些文本框属性进行非空或者正则校验!话不多说,直接看源码<form class="my-form" method="post" id="form-person"> <table class="my-table" style="text-alig...原创 2020-07-10 16:22:23 · 247 阅读 · 0 评论 -
Echarts柱状图点击事件(阻止冒泡)
Echarts柱状图点击事件(阻止冒泡)上面是我的柱状图转换饼状图,单击每个柱形图可以切换查看饼图!上次的文章已经说明了饼图的写法,柱状图也很简单可以参考echarts的官网,这里,我具体就是出现了冒泡事件,也就是说在我的柱状图上面可以看到有查询条件,当我点击查询事件得到结果值的时候就会出现冒泡事件解决方式很简单,上代码// 跳转前先解绑,防止重复跳转chartInstance.off(...原创 2019-06-20 18:26:42 · 5220 阅读 · 2 评论 -
js实现前端传入的目录地址字符串的截取
需求分析话不多说,看图:这里有一个文件目录的字符串,项目库中有多个根据"/"分类的目录结构,我需要将该字符串根据“/”来进行分类实现以下效果:由图可知我需要的是将kettleId分割成不同的字符串,找了网上也没有一个比较理想的方式,可能我的需求有些特殊!话不多说,直接上代码代码实现// js截取前端传入的目录地址// kettleId为需要截取的地址字符串var kettleId...原创 2019-06-11 18:10:58 · 985 阅读 · 0 评论 -
使用echarts第一次实现饼图
echarts画饼图话不多说,直接上代码!更多内容请参考echarts官方说明!// 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById('tag-items-wt-bt'),'dark');var param = {legen:[],data:[]};for(var i = 0; i <...原创 2019-06-18 18:38:56 · 266 阅读 · 2 评论 -
input标签去除边框和阴影框并且用户无法修改
问题可以看到当我单击这个input框时,浏览器就会生成这个阴影非常影响用户体验!首先input标签去掉边框border: none;然后用户无法修改内容并且只能复制使用以下标签: readonly="readonly"最后就出现了上述问题,其实我们只要加上以下代码即可:CSS形式:#input:focus {-webkit-box-shadow: 0 0 0 #fff;...原创 2019-06-26 17:19:48 · 2169 阅读 · 0 评论 -
easyUI组合框(combobox)文本内容拼接并实现编辑搜索下拉框数据
1. 需求说明首先看一下这几个需求:1.我要将combobox组合框下拉列表内的数据进行拼接,原来是只显示表名,现在我需要以表名(中文名)这种形式显示在下拉列表内,并且在下拉列表中我选择了某一项表数据,我需要同时将我选择的这项内容展示在组合框中原来显示:需要展示:并且选择一项文本框内需要展示:然后看一下后台发送数据:可以看到一个map集合内装了两条数据,表名和表中文名,注...原创 2019-06-28 18:26:05 · 1717 阅读 · 0 评论 -
JQueryEasyUI表单校验和jquery表单提交
JQueryEasyUI表单校验和jquery表单提交1. 表单校验首先看下效果图在这里我需要在这个form表单提交的点击下一步之前,对这些文本框属性进行非空或者正则校验!话不多说,直接看源码<form class="my-form" method="post" id="form-person"> <table class="my-table" style="tex...原创 2019-09-03 14:08:37 · 534 阅读 · 1 评论