前端计算工时——早9晚5,，剔除周六周天
摘要：前端JS计算工时
阅读全文
posted @ 2021-07-14 09:57
随笔分类 - js、css、html
Cannot Create property 'LAY_TABLE_INDEX' on string 'GNC_video'---Layui数据表格数据加载异常
摘要：在使用Layui框架，通过方法渲染方式，完成数据请求与数据的自动加载 使用时出现下面问题： 其中，1处是请求返回的结果，经检查前台jsp代码没有问题，最后发现是数据格式的不匹配，layui框架的数据表要求返回的data数据应该是数组对象，而不能直接是对象，所以改变返回的数据格式即可： 上述仅是个人遇
阅读全文
posted @ 2018-01-17 19:37
基于Echatrs的heatmap实现告警矩阵
摘要：Echarts官网Demo链接 http://www.echartsjs.com/gallery/editor.html?c=heatmap-cartesian 在Html页面中，内容如下： 其中，引入了echarts.min.js文件以及告警矩阵对应的alarmMatrux 的JS文件 变量： v
阅读全文
posted @ 2017-12-15 13:02
Datatables参数详解
摘要：//@translator codepiano//@blog codepiano //@email codepiano.li@gmail.com//尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。/* Feature */$(document).ready( function (){ $(
阅读全文
posted @ 2017-08-12 15:57
深入理解 CSS3 弹性盒布局模型
摘要：弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主流浏览器所支持，可以在 Web 应用开发中使用。本文详
阅读全文
posted @ 2017-05-13 10:05
css行高line-height的一些深入理解及应用
摘要：by zhangxinxu from http://www.zhangxinxu.com，原文地址：http://www.zhangxinxu.com/wordpress/?p=384 一、一些字面意思“行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一
阅读全文
posted @ 2017-04-15 20:19
triggger()方法与triggerHandler()区别
摘要：在执行默认操作时，使用trigger()方法触发事件后，会执行浏览器的默认操作，例如： 在上代码中，不仅会触发为<input>元素绑定的focus事件，也会使<input>元素得到焦点（这是浏览器默认操作）。 如果只是想触发绑定的focus事件，而不像执行浏览器的默认操作，可以使用另一个方法：tri
阅读全文
posted @ 2017-03-07 21:03
div上的相对定位和绝对定位
摘要：对于使用div + css进行布局，存在很多缺陷，一是对css的布局模型讲解不清楚，让人很难理解相对定位、浮动等概念；二是虽然避免了“表格套表格”的缺点，却带来了“div 套 div”的缺点，过量使用div标签；三是class过多，造成class灾难。 要正确使用css，对css的基本知识就不能够不
阅读全文
posted @ 2017-03-05 10:55
src与href在HTML中的区别
摘要：首先明确一下：link本身并不是专门为了css而产生的，它的作用是链接一个文档，只不过rel的stylesheet属性值被全支持了而已。只有style标签才是真心为css语句服务的。 src ：source的简写，表示“源”，可以理解为【引用一个资源】，它用来代替自己本身的内容。如img、scrip
阅读全文
posted @ 2017-03-04 10:19
jQuery 动画效果汇总
摘要：1.动画方法说明 需要特别注意的是，animate()方法可以用来代替其他所有的动画。 用animate()方法代替show()方法 1 $("p").animate({height:"show",width:"show",opacity:"show"},400); 等价于： 1 $("p").sh
阅读全文
posted @ 2017-03-02 21:30
$(function(){})、(function($){})(jQuery)、$(document).ready(function(){})解析
摘要：$就是jquery的简写，$()就是一个选择器，document是html的所有元素，$(document）返回一个数组，而这个数组是一个对象，这个对象调用ready方法，function则是ready里面的参数，就是说等这个页面全部加载完之后就去执行写入的js。而且在$(document）.rea
阅读全文
posted @ 2017-02-28 16:02
jQuery 选择器中的空格问题
摘要：直接来看例子： 对于上边的这两行来说： 对于过滤选择器加上了空格的来说，它所获取的是其子元素的过滤，所以上边的例子是选取class为test的元素的子元素的隐藏元素。 而对于过滤选择器没有加上空格的来说，它所获取的是其自身元素的过滤，所以上边的例子选取隐藏的class为test的元素。
阅读全文
posted @ 2017-02-25 13:29
包含修改字体，图片上传等功能的文本输入框-Bootstrap
摘要：通过jQuery Bootstrap小插件，框任何一个div转换变成一个富文本编辑框，主要特色： 在Mac和window平台下自动针对常用操作绑定热键 可以拖拽插入图片，支持图片上传（也可以获取移动设备上的照片） 依赖于浏览器标准，没有标准代码；工具条和键盘均可定制，并且能够执行任何浏览器支持的命令
阅读全文
posted @ 2016-11-12 09:52
浮动清除、before&after
摘要：::before 和 ::after属于伪元素，而 :before 和 :after属于伪类（CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号）因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是
阅读全文
posted @ 2016-10-20 12:17
聊天泡泡
摘要：传统的聊天气泡 什么又是传统的聊天气泡,直接上图 代码如下 实现方式大家早有耳闻，圆角矩形和三角形嘛，三角形原理就是 border 可以设置为透明，可以复制上例中的代码修改 border-color 属性摸索三角形的实现。 注：IE8 更早版本对 border 的 transparent 支持不是很
阅读全文
posted @ 2016-10-20 10:52
点击表头，实现表格内容的规则排序
摘要：描述：实现表格信息的排序功能，当点击表头的属性区域，将表格信息进行排序切换功能，即第一次点击为降序排序，再一次点击进行升序排序。 如图所示： 接下来，首先绘制该表格， 接下来，是对应的js实现：
阅读全文
posted @ 2016-09-30 20:00
border:0与border：none区别与联系
摘要：联系：前台效果均实现了无边框 区别： 要解释区别，首先得先介绍一下border这个属性。 border是一个简写属性。可以设置如下属性 border-width border-style border-color 平时写的时候不用写齐三个属性，写其中一两个也是允许的，比如 border: 1px s
阅读全文
posted @ 2016-09-03 11:22
工程分享-带参数跳转等内容
摘要：首先，在制作网页中，想实现在点击提交按钮后，根据当前按钮的不同，将按钮信息附加到链接的后边，如下图所示： 上图中，链接后的id=LJQ，就是实现带参数跳转，之后便于在跳转页根据id=X；根据x不同，实现不同加载图片等内容； 接下来是如何实现带参数跳转： 接下来讲解，如何对带参数链接进行解析呢？ 解释
阅读全文
posted @ 2016-07-27 21:42
如何实现下拉菜单（内容为时间）的实时更新，以及图表的随动更新
摘要：工程分享： 模块1：下拉菜单的实时显示最近一周时间： 在工程中，实现的是选择对应传参刷新table值，对应内容如下： 以上是我的分享，与大家共学习！
阅读全文
posted @ 2016-07-06 21:38
AngularJs基础
摘要：AngularJS 指令模块 ng-app:指令告诉AngularJS，<div>元素是AngularJS应用程序的“所有者” ng-model指令把输入域的值绑定到应用程序变量name. na-bind指令把应用程序name绑定到某个段落的Innerhtml。 ng-init:指令初始化Angul
阅读全文
posted @ 2016-05-12 22:04
浙公网安备 33010602011771号