js
关注
分享
扫一扫
绿绿峰
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
中文月份转为英文月份(js)
偶然，用到一个月份输出是中文的，需要想办法转换成英文，随手写了一个方法做个笔记：工程要求，因而只能用纯纯的js实现var chn_mon_arr = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']; //中文参照 var current_month = '一月'; //月份中文名 ...原创 2018-11-27 11:58:03 · 8338 阅读 · 0 评论 -
echarts渲染单个横向柱状图示例
众所周知，echarts是百度出的一个开源图表框架，拥有很棒的交互效果和上手便捷。基于配置可以修改成自己想要的样子。这里附上传送门：百度echarts如果你早已习惯怎么用，这里是它的配置项参考，可以迅速查找一下：echarts配置项手册然后，下面就是咱所遇到的需求，就像下面这个样子的图表：然后就开始参考配置项，在页面引入echarts，借助官方的调试编写配置，咱的配置项如下(顺手注释，不多...原创 2019-05-11 23:41:59 · 2749 阅读 · 0 评论 -
jq读取合并行后边的指定列数据
觉得很有意思的一个分享，说是读取table的指定列数据，如图我想要读出FFF列的数据，使用jq，因为前边有个合并行，因此就得一个加一个判断，码上见吧：<!DOCTYPE html><html><head><!-- jq在线cdn --><script src="https://cdn.bootcss.com/jquery/3.4....原创 2019-05-20 22:19:40 · 654 阅读 · 0 评论 -
layui动态表格监听单选框单击事件
layUI的动态表格插件，指定当前列是单选框，那么如何获得单击事件并拿到当前行数据呢？话不多说，上码！// 框架初始化$(function(){ layui.use(['table','laydate','layer'], function() { var table = layui.table; var laydate = l...原创 2019-05-10 15:10:26 · 6615 阅读 · 8 评论 -
关于layui的table行变色问题
在使用layui过程中，发现这个table很强大。譬如可以进行表头锁定，导出和自适应，动态隐藏等等。但是有些业务或许需要一些行色来区分一些数据，那么如何实现呢？对没错，万能的js。直接上码！done: function(res, curr, count){ $('th').css({'font-weight': 'bold', 'font-size': '15','color':...原创 2019-02-25 21:58:44 · 12881 阅读 · 0 评论 -
adminLTE中使用js定时刷新iframe
单纯的触发一个iframe实现刷新页面，可以手动修改刷新间隔。觉得蛮有用的，遂贴出来分享一下【框架adminLTE、layui】如图： 码上见：<li class="dropdown messages-menu"> <a href="#" class="dropdown-toggle" id="" title="定时刷新" dat原创 2019-01-25 23:00:51 · 790 阅读 · 0 评论 -
layui下拉选择之前端快速筛选
有时候项目中会遇到一个下拉框，那么layui中的下拉是不二之选。它集成在form.js中，加载使用倒是很方便，但是在使用中会遇到一种情况：数据量很多的选择。那么该如何高效筛选呢？口头描述一下吧：可以使用一个文本框、两个下拉，一个用于显示，一个用于取值【隐藏起来】。通过往这个文本框输入值，可以使用监听器或者onchange事件，并与下拉项进行比较【隐藏的】从而进行联想匹配，并操作dom让显示...原创 2019-01-25 22:44:53 · 3933 阅读 · 0 评论 -
adminLTE默认展开第一个li
如图，默认展开是第一个ul标签的内容不多说，直接上码//自动展开第一项 $(window).on('load', function(){ $('.sidebar-menu a').first().parent().removeAttr("class"); $('.sidebar-menu a').first().parent().attr("c...原创 2019-01-03 09:52:11 · 1954 阅读 · 1 评论 -
adminLTE中使用btab出现size不是一个方法
效果如图btabs传送门：fromGitHub这里提到，btabs由于好久没更新了，其兼容的jq版本过低，jq部分方法更新导致.size()被弃用，所以想使用它的话就需要修改一下它的源码以配合3.1.1以上的jq。 把size改成length，新版本jq就不会报错了。文档说的很全，拿来即用即可。 如有更好的建议欢迎大家下面留言~ ...原创 2019-01-03 17:19:50 · 350 阅读 · 1 评论 -
layui指定行变色
使用过layUI的小伙伴应该有同感，layUI的表格插件，非常实用，还可以进行行列锁定。项目中遇到一种情况是行根据数据去变色，因为项目是比较古老的ssh项目，查了下文档中发现并没有解决办法，遂手写jq指定行变色，这样子。不多说，直接上码！<!DOCTYPE html><html><head><meta charset="utf-8"&g...原创 2018-12-18 12:38:20 · 6161 阅读 · 0 评论 -
springboot接收前端ajax请求并调用聚合数据接口获取数据
举个栗子，比如说调用聚合数据的微信精选接口获得微信新闻数据，前端使用ajax，请求访问springboot程序，boot再请求聚合数据接口，拿到返回结果集并在页面显示出来，按钮可以切换新闻，就像这样子：由此看出，咱使用了bootstrap萌萌的圆角按钮，证明你得引入jq和bootstrap~回归正题，我们先看文档，参考聚合数据：微信精选为了简化参数，咱只传入一个页数，留作切换，大家可以根据...原创 2019-05-12 00:15:11 · 6536 阅读 · 0 评论