Web前端
关注
分享
扫一扫
分享Web前端相关技术
不见长安见晨雾
皇上有旨，让太阳站下
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
精灵表坐标查看器
【代码】精灵表坐标查看器。原创 2023-02-14 11:19:40 · 593 阅读 · 0 评论 -
Canvas的基本使用
"原创 2022-09-28 18:28:45 · 406 阅读 · 0 评论 -
一个简单的时钟程序
【代码】一个简单的时钟程序。原创 2023-02-08 10:14:37 · 419 阅读 · 0 评论 -
Bootstrap面包屑导航，right.html操作top.html
需求页面是使用frameSet布局的，当点击左侧的菜单后，右侧的页面发生改变，同时顶部的面包屑导航也发生改变。效果如下实现第一步：封装JS方法，right.html页面需要引入这段js代码/** * 面包屑导航 * @param level1 * @param level2 */function breadCrumbTitle(level1,level2){ //查找t...原创 2018-09-27 14:30:53 · 2083 阅读 · 1 评论 -
BootstrapValidator自定义中文长度校验
原理中文字符占用3个长度，在原stringLength校验方法的基础上做了一个扩展。程序;(function($) { $.fn.bootstrapValidator.validators.proStringLength = { html5Attributes: { message: 'message', min: 'm...原创 2018-09-26 20:49:17 · 4105 阅读 · 1 评论 -
BootstrapValidator的使用
BootstrapValidator的使用方式有多种，这里示例了其中一种的完整使用流程，即当点击某个按钮的时候，开始校验，校验通过，则异步提交表单使用步骤：第一步：HTML页面上需要有一个表单//需要提前引入JQuery和bootstrap，因为这个校验是基于bootstrap的<form id="myForm"> <div class="form-group"> <input...原创 2017-12-08 16:50:49 · 8601 阅读 · 2 评论 -
Echarts图片保存到后台
前端代码// 获取Echarts图片数据，动态创建表单，传递给后台var imageData = lineChart.getDataURL();var exportForm = $("<form action='" + WebContext + "/saveImageData.do' method='post'></form>");exportForm.append...原创 2019-11-11 17:11:56 · 3877 阅读 · 1 评论 -
Echarts折线图
效果预览代码<div id="lineChart"></div>// 折线图 option = { tooltip : { trigger: 'axis', axisPointer: { type: 'cross', label: { ...原创 2019-10-31 11:56:15 · 258 阅读 · 0 评论 -
Echarts柱状折线图
<html><head><style> #EcharBox { margin: 0 auto; width: 95%; height: 400px; }</style></head><body> <div id="EcharBox"></div></body><s原创 2017-07-05 16:26:51 · 927 阅读 · 1 评论 -
轮播图插件Swiper的使用（懒加载+异步加载数据）
引入swiper-bundle.css、swiper-bundle.js。实现懒加载轮播图+ajax获取数据。原创 2022-08-15 10:13:26 · 2788 阅读 · 0 评论 -
ElementUI三级菜单checkBox全选实现
效果预览解决方案UI代码// 这段代码主要是遍历权限&amp;lt;el-form-item label=&quot;角色权限&quot; prop=&quot;checkedPerms&quot;&amp;gt; &amp;lt;el-checkbox-group v-model=&quot;form.checkedPerms&原创 2019-02-19 17:01:41 · 3760 阅读 · 0 评论 -
My97datepicker时间维度切换
需求：当左侧的时间维度切换成年，月，日的时候，右侧的My97datepicker控件也对应显示年月日的状态。 效果图如下： 代码如下：//当下拉框改变时$("#dimension").change(function(){ $("#startTime").val(''); $("#endTime").val(''); //获取当前选中原创 2017-08-16 17:54:40 · 377 阅读 · 0 评论 -
将JSON对象和数组合并成一个JSON对象
需求：需要将表单中的数据和其他的一些数据组装起来，通过ajax提交到服务端 //json对象 var param={ 'id':'001', 'name':'张三', }; //将表单序列化后得到一个数组 var param2=$('#myFo原创 2017-07-04 10:00:23 · 1290 阅读 · 0 评论 -
Js&JQuery常用集绵
//Js判断某个变量是等于未定义 var name; typeof(name)!=”undefined” //JQuery获取下拉框中选中的option var unit = $(‘#unitSelect option:selected’); alert(unit.id);//可以打印出当前选中元素的属性原创 2017-07-04 17:30:57 · 233 阅读 · 0 评论 -
判断Json数据的长度
//判断json数据的长度 function getJsonLength(jsonData){ var jsonLength = 0; for(var item in jsonData){ jsonLength++; } return jsonLength; }原创 2017-07-04 09:38:55 · 4390 阅读 · 1 评论 -
CheckBox全选
这里实现的效果是： 当点击选择的时候，显示一个div，上面有许多checkbox， 当点击全选的时候，会选中所有的checkbox。 遇到的问题： 在使用Jquery的attr做属性设置的时候，第一次全选和取消全选起作用，之后就不起作用，修复方法，使用prop函数。 具体如下： //选择接口类型 $("#TypeSelect").click(function(){原创 2017-08-28 10:08:36 · 718 阅读 · 0 评论 -
Artdialog使用总结
artdialog使用总结artDialog是一个精巧的web对话框组件。 现将常见的使用总结如下:弹出子页面，并传值给子页面art.dialog.data(“id”,id);//给子页面传递过去的值 art.dialog.open(“${request.context.contextPath}/hello.jsp”, { title:’标题’, lock:t...原创 2017-06-17 09:53:24 · 2268 阅读 · 0 评论 -
Ajax请求返回图片
需求：使用Ajax返回图片数据展示在Img标签上前端Ajax请求&lt;!--HTML标签--&gt;&lt;img id="ImagePic" alt="Base64 encoded image" width="100" height="100" /&gt;&l原创 2018-02-13 15:58:49 · 30726 阅读 · 6 评论 -
Ztree取消选中的所有节点
var treeObj = $.fn.zTree.init($("#zTree"), setting, data.obj); treeObj.checkAllNodes(false);treeObj.cancelSelectedNode();原创 2017-06-17 15:39:04 · 6161 阅读 · 0 评论