摘要: 精简的代码实现导航栏滑动效果,实现详解:1.滑块位置:通过父节点position=fixed,子节点position=absolute方式,实现子节点浮动;2.导航栏居中:通过left=0px,right=0px,margin-left=auto,margin-right=auto实现;3.通过jQ... 阅读全文
posted @ 2014-08-21 12:43 前端E龙 阅读(6630) 评论(0) 推荐(0) 编辑
摘要: jQuery库文件是在body元素之前加载的,必须等待所有的DOM元素加载后,延迟支持DOM操作,否则就无法获取到。在延迟等待加载,JavaScript提供了一个事件为load,方法如下:window.onload = function () {}; //JavaScript等待加载$(docume... 阅读全文
posted @ 2014-08-15 12:28 前端E龙 阅读(752) 评论(1) 推荐(0) 编辑
摘要: jQuery绑定事件-多种方式实现: 阅读全文
posted @ 2014-08-13 18:32 前端E龙 阅读(412) 评论(0) 推荐(0) 编辑
摘要: 7 天打造前端性能监控系统http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/前端自动化测试探索http://fex.baidu.com/blog/2015/07/front-end-test/#comments 阅读全文
posted @ 2015-09-24 12:02 前端E龙 阅读(136) 评论(0) 推荐(0) 编辑
摘要: jquery1.11.1版本完成对checkbox的操作1. 使用属性prop设置选中状态2.使用:checked和:not(:checked)获取选中的元素源码:测试CheckBox 测试CheckBox 按钮1 按... 阅读全文
posted @ 2014-12-11 22:47 前端E龙 阅读(898) 评论(0) 推荐(0) 编辑
摘要: 功能:1.实时显示距离目标年份剩余时间,精确到秒2.支持输入年份参数遇到的问题总结:1.window.setInterval(fn,s),其中fn参数需要使用""包裹,否则计时器只执行一次,不能实时显示。2.两个日期相减,得到的是毫秒数;需要转换成需要的单位(天+小时+分钟+秒)效果图:源码: 1 ... 阅读全文
posted @ 2014-11-30 13:51 前端E龙 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 最近做一个项目,需要对表格进行增行和删行。研究了一下jquery操作dom的方法和事件委托原理,下面是我编写的例子,源码传上,欢迎高手指点。功能:支持在指定行下面增行;支持删行指定行;增行、删行后自动计算序号;使用table背景设置表格边框;代码: 1 2 3 4 5 6 Ex... 阅读全文
posted @ 2014-11-19 16:48 前端E龙 阅读(601) 评论(0) 推荐(0) 编辑
摘要: 原生JS研究:学习jquery源码,收集整理常用JS函数:1. JS获取原生class(getElementsByClass)转自:http://blog.csdn.net/kongjiea/article/details/24308413function getClass (classname,o... 阅读全文
posted @ 2014-11-03 10:58 前端E龙 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 最近在学习canvas,canvas有很强大的图像处理功能,下面写一个我的学习总结:canvas常用功能:1. 绘制矩形、圆形、曲线、组合图形2. 绘制文本3.绘制渐变、变形的图形4. 图片处理功能:绘制图片到画布、裁剪图片、步骤:1.在html中新增canvas元素,建议在canvas元素中设置w... 阅读全文
posted @ 2014-09-30 10:51 前端E龙 阅读(883) 评论(0) 推荐(0) 编辑
摘要: HTML5技术越来越火了,浏览器的支持加上移动互联网的兴起,使得很多HTML5技术可以派上用场并为用户提供更好的用户体验。而HTML5相关的资料目前却很少,只有少数像前端观察一样关注新技术的博客在介绍一些(:羞),或者就是去查W3C或者浏览器厂商的说明文档。不过,现在已经有不少的HTML5书籍出版了... 阅读全文
posted @ 2014-09-17 18:00 前端E龙 阅读(615) 评论(0) 推荐(0) 编辑
摘要: 原来公司用的报表分页插件是C#编写的服务器插件,需要前后台交互,而且不支持ajax。经过一段时间折腾,我编写了一个轻便的jquery分页插件,支持ajax。下面是插件代码/*插件名称:报表分页作者:Keven调用方法: 1.在html报表下面增加 2. javascript代码 $(".... 阅读全文
posted @ 2014-09-12 13:42 前端E龙 阅读(771) 评论(2) 推荐(2) 编辑
摘要: 为了方便了解每个javascript对象包含的方法,我写一个函数。 1 function GetCollection(obj){ 2 try{ 3 if(obj){ 4 var sType=""; 5 var sMessage=... 阅读全文
posted @ 2014-09-12 13:11 前端E龙 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 下面是我总结的css中关于字体尺寸的知识,欢迎高手拍砖!前端开发过程中,我们经常会遇到设置某个div固定显示几行文本;这时我们需要精确计算每个字号字体的宽度和高度。下面是w3school中描述的尺寸的单位:单位描述%百分比in英寸cm厘米mm毫米em1em 等于当前的字体尺寸。2em 等于当前字体尺... 阅读全文
posted @ 2014-09-11 13:46 前端E龙 阅读(2293) 评论(0) 推荐(0) 编辑