前端 - 随笔分类 - 前端E龙

baidu-fex 精彩文章

摘要：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龙阅读(146) 评论(0) 推荐(0)

jquery1.11 操作checkbox：全选、取消全选、获取选择元素、获取取消选择元素（总结）

摘要：jquery1.11.1版本完成对checkbox的操作1. 使用属性prop设置选中状态2.使用:checked和:not(:checked)获取选中的元素源码：测试CheckBox 测试CheckBox 按钮1 按... 阅读全文

posted @ 2014-12-11 22:47 前端E龙阅读(924) 评论(0) 推荐(0)

倒计时时钟-原创

摘要：功能：1.实时显示距离目标年份剩余时间，精确到秒2.支持输入年份参数遇到的问题总结：1.window.setInterval(fn,s),其中fn参数需要使用""包裹，否则计时器只执行一次，不能实时显示。2.两个日期相减，得到的是毫秒数；需要转换成需要的单位（天+小时+分钟+秒）效果图：源码： 1 ... 阅读全文

posted @ 2014-11-30 13:51 前端E龙阅读(282) 评论(0) 推荐(0)

表格（table) 插件：支持当前行增行、删除。使用事件委托

摘要：最近做一个项目，需要对表格进行增行和删行。研究了一下jquery操作dom的方法和事件委托原理，下面是我编写的例子，源码传上，欢迎高手指点。功能：支持在指定行下面增行；支持删行指定行；增行、删行后自动计算序号；使用table背景设置表格边框；代码： 1 2 3 4 5 6 Ex... 阅读全文

posted @ 2014-11-19 16:48 前端E龙阅读(631) 评论(0) 推荐(0)

html5 Canvas处理图像实例讲解

摘要：最近在学习canvas,canvas有很强大的图像处理功能，下面写一个我的学习总结：canvas常用功能：1. 绘制矩形、圆形、曲线、组合图形2. 绘制文本3.绘制渐变、变形的图形4. 图片处理功能：绘制图片到画布、裁剪图片、步骤：1.在html中新增canvas元素，建议在canvas元素中设置w... 阅读全文

posted @ 2014-09-30 10:51 前端E龙阅读(920) 评论(0) 推荐(0)

动手编写插件-javascript分页插件

摘要：原来公司用的报表分页插件是C#编写的服务器插件，需要前后台交互，而且不支持ajax。经过一段时间折腾，我编写了一个轻便的jquery分页插件，支持ajax。下面是插件代码/*插件名称：报表分页作者：Keven调用方法： 1.在html报表下面增加 2. javascript代码 $(".... 阅读全文

posted @ 2014-09-12 13:42 前端E龙阅读(782) 评论(2) 推荐(2)

快速学习javascript对象-遍历对象

摘要：为了方便了解每个javascript对象包含的方法，我写一个函数。 1 function GetCollection(obj){ 2 try{ 3 if(obj){ 4 var sType=""; 5 var sMessage=... 阅读全文

posted @ 2014-09-12 13:11 前端E龙阅读(345) 评论(0) 推荐(0)

CSS中字体尺寸总结

摘要：下面是我总结的css中关于字体尺寸的知识，欢迎高手拍砖！前端开发过程中，我们经常会遇到设置某个div固定显示几行文本；这时我们需要精确计算每个字号字体的宽度和高度。下面是w3school中描述的尺寸的单位：单位描述%百分比in英寸cm厘米mm毫米em1em 等于当前的字体尺寸。2em 等于当前字体尺... 阅读全文

posted @ 2014-09-11 13:46 前端E龙阅读(2343) 评论(0) 推荐(0)

javascript自定义日期函数

摘要：1.格式化日期(YYYY-MM-DD)代码：var DateFormat = function (date) { if (!(date instanceof Date)) { date = date.replace(/-/g, "/"); date = new Da... 阅读全文

posted @ 2014-08-27 13:48 前端E龙阅读(1219) 评论(0) 推荐(0)

jquery 实现导航栏滑动效果

摘要：精简的代码实现导航栏滑动效果，实现详解：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龙阅读(6663) 评论(0) 推荐(0)

xHTML+div布局：三个div,两边div宽度固定，中间div宽度自适应

摘要：xHTML+div经常考题：三个div,两边div宽度固定，中间div宽度自适应。和大家分享一个实现方式：1.html代码1 左栏固定宽度为200px2 右栏固定宽度为200px3 中间自适应宽度2.css代码 1 body{ 2 font-size:12px; 3 margin:0... 阅读全文

posted @ 2014-08-20 10:34 前端E龙阅读(722) 评论(2) 推荐(0)

javascript事件委托和jQuery事件绑定on、off 和one

摘要：一. 事件委托什么是事件委托？用现实中的理解就是：有100 个学生同时在某天中午收到快递，但这100 个学生不可能同时站在学校门口等，那么都会委托门卫去收取，然后再逐个交给学生。而在jQuery 中，我们通过事件冒泡的特性，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行相关处理即可。如果... 阅读全文

posted @ 2014-08-15 13:58 前端E龙阅读(3015) 评论(0) 推荐(0)

浏览器加载模式：window.onload和$(document).ready()的区别(详解)

摘要：jQuery库文件是在body元素之前加载的，必须等待所有的DOM元素加载后，延迟支持DOM操作，否则就无法获取到。在延迟等待加载，JavaScript提供了一个事件为load，方法如下：window.onload = function () {}; //JavaScript等待加载$(docume... 阅读全文

posted @ 2014-08-15 12:28 前端E龙阅读(760) 评论(1) 推荐(0)

jQuery绑定事件-多种方式实现

摘要：jQuery绑定事件-多种方式实现：阅读全文

posted @ 2014-08-13 18:32 前端E龙阅读(421) 评论(0) 推荐(0)

table操作：边框-斑马线-多表头-焦点高亮-自动求和

摘要：一、操作table，本例子实现的功能：1.table等宽边框2.table斑马线3.实现table多表头4.焦点所在行高亮5.自动计算总分二、效果图三、代码： 1 2 3 4 5 6 7 8 表格-斑马线 9 10 11 67 68 69 70 ... 阅读全文

posted @ 2014-08-11 12:53 前端E龙阅读(756) 评论(0) 推荐(0)

前端E龙

随笔分类 - 前端

公告