- 博客(39)
- 收藏
- 关注
转载 引爆你的Javascript代码进化
方才在程序里看到一段JS代码,写法极为高明,私心想着若是其按照规范来写,定可培养对这门语言的理解,对JS编程能力提高必是极好的。说人话:丫代码写的太乱,看的窝火!最近闲暇无事,准备对自己JS学习做一个总结。众所周知,JS是一种语法极其灵活的语言,一千个人会有一千种JS书写方式。这造成的结果往往就是给项目日后的开发及维护留下一个不小的隐患,也对你和团队再次开发及阅读代码造成一定困难...
2014-09-22 11:41:00
125
转载 JS 身份证校验
// js实现身份证号码验证// IdCard-Validate.js代码如下:/*** 身份证15位编码规则:dddddd yymmdd xx p * dddddd:地区码 * yymmdd: 出生年月日 * xx: 顺序类编码,无法确定 * p: 性别,奇数为男,偶数为女* <p />* 身份证18位编码规则:ddddd...
2014-09-03 14:33:00
105
转载 javascript描写银行卡号
function formatCardNo(cardNo){ var result = [],len = cardNo.length; var j = 0; for(var i = 0 ; i < len;i++){ if(cardNo[i] == " "){ continue; } j++; ...
2014-08-26 18:09:00
143
转载 canvas绘制圆环
<canvas class="process" width="48px" height="48px">15%</canvas><script type="text/javascript"> drawProcess()function drawProcess() { $('canvas.process').each(function...
2014-08-14 13:34:00
144
转载 javascript判断浏览器设备
var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核...
2014-06-30 10:14:00
81
转载 jquery ui时间滚轴
<style>.ui-slider{width:210px;background:#ddd;border:0;border-bottom:1px solid #fff;border-top:1px solid #adadad;border-radius:5px;box-shadow:inset 0 1px 2px #adadad;height:10px;margin:5p...
2014-06-19 17:37:00
131
转载 用javascript获取url网址信息
用javascript获取url网址信息<script type="text/javascript">document.write("location.host="+location.host+"<br>");document.write("location.hostname="+location.hostname+"<br>");docume...
2014-06-05 11:23:00
114
转载 验证
密码等级function pwdLevel(value) { var pattern_1 = /^.*([\W_])+.*$/i; var pattern_2 = /^.*([a-zA-Z])+.*$/i; var pattern_3 = /^.*([0-9])+.*$/i; var level = 0; if (value.leng...
2014-04-23 13:38:00
416
转载 javascript手机短信倒计时120s
function countDown(){ var time = $(".e-time strong").text(); $(".e-time strong").text(time - 1); if (time == 1) { $(".timeDiv").hide(); $(".sendMobileCode").show(); ...
2014-03-28 11:35:00
314
转载 pop弹窗
** PopFn //弹窗,第一个参数是显示的文字(可以是HTML代码),第二和第三个参数是第一个按钮,和按钮的链接(可以是javascript函数),第四和第五个按钮是同上。如不需要右上方的关闭按钮,添加最后一个参数"noclose";** PopFnClose 关闭弹窗函数function PopFn(){ var arr=[]; arr.push("<...
2014-03-21 15:03:00
170
转载 input禁用浏览器默认下拉框
<inputsize="40"type="text"name="mid"id="mid"autocomplete="off"disableautocomplete/>转载于:https://www.cnblogs.com/lglijing/p/3519216.html
2014-01-14 16:05:00
1893
转载 javascript图片切割
序一(08/07/21)很久之前就在一个网站的截取相片的功能中看到这个效果,也叫图片裁剪、图片剪切(设置一下也可以做出放大镜等类似的效果)。当时觉得很神奇,碍于水平有限,没做出来。前些日子突然想做一个透镜效果,就突然想到了这个效果,于是找出当年“珍藏”的代码决定一尝所愿。序二(08/12/06)自上一个版本的图片切割效果出来后,虽然也经常看到“框架开发这个如何如何容易”之...
2013-12-26 15:04:00
107
转载 JavaScript 颜色梯度和渐变效果
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><met...
2013-12-26 15:02:00
72
转载 移动Web单页应用开发实践——页面结构化
1. 前言在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp)。对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载。在开发单页应用时第一 个要处理的问题就是页面结构化,由于多个功能集中在一个页面呈现,就必然需要考虑如何实现多个视图布局?如何实现视图之间动画切...
2013-12-25 15:23:00
72
转载 jquery简单焦点图
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ht...
2013-12-24 15:14:00
65
转载 文本框字数减少
<div id="commentBox"><textarea name="" cols="30" rows="3" placeholder="请输入你的内容……"></textarea><div>还能输入<span>140</span> 字</div></div>funct...
2013-12-24 13:22:00
133
转载 区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法
HACK原理:不同浏览器对各中字符的识别不同在 CSS中常用特殊字符识别表:(1)*:IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别!important外,FF+IE8+IE7都能识别!important ;(3)_: 除IE6支持_外,FF+IE8+IE7都不...
2013-12-17 11:30:00
89
转载 将浏览器兼容代码标明信息并相互分开
1、将浏览器兼容代码标明信息并相互分开 对一名Web开发者来说,跨浏览器兼容是一个被重点关注的问题。通常,开发者会针对不同的浏览器来编码,也即是CSS hack。但是,如果开发者在编码时,能注明代码为哪一个版本的浏览器所写,会为以后的维护工作带来极大方便。下面就是一个很好的示例:12345678910...
2013-12-12 09:22:00
70
转载 JavaScript正则表达式
什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;复制代码第二种方法:var reg = newRegExp('pattern');...
2013-12-09 17:19:00
90
转载 CSS3 @font-face
(转)CSS3 @font-facehttp://www.fontsquirrel.com/fontface@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-fa...
2013-12-03 16:22:00
61
转载 几种display:table-cell的应用
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性 的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用。我们都知道,单元格有一些比较特别的属性,例如元素的垂直居中对齐,关联伸缩...
2013-11-20 15:48:00
90
转载 instanceof和typeof的区别
1.typeof:可以用来确定一个变量的数据类型 2.instanceof:可以用来确定一个引用类型值的是什么类型的对象typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在,如if(type...
2013-11-06 14:33:00
126
转载 右侧悬浮广告
1、无论屏幕放大缩小,悬浮广告一直在右侧html代码布局<div class="wd_page"> <div class="scrop_top_fr"> <ul class="scrop_top_con"> <li><a href="#activity_name_270">套装1....
2013-11-04 10:21:00
161
转载 JavaScript判断浏览器类型及版本
你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发...
2013-10-28 15:46:00
52
转载 jquery zclip插件的应用
<scripttype="text/javascript"src="http://code.jquery.com/jquery-latest.min.js"></script><scripttype="text/javascript"src="http://www.steamdev.com/zclip/js/jquery.zclip.m...
2013-10-28 15:44:00
70
转载 hover延迟菜单
<!doctype html><html><head><meta charset="utf-8"><title>hover延迟效果</title><style type="text/css">*{ padding:0; margin:0; list-style:none;font-size:12px;}....
2013-10-11 11:25:00
190
转载 清除HTML之间的空白节点
functionremoveWhitespace(element){varelem=$$.Dom.getNode(element)||document,cur=elem.firstChild,tmp,reg=/\S/;//这里最好将正则保存在一个变量里,如果在下面使用直接量,会造成一定的性能问题,直...
2013-10-08 16:41:00
86
转载 javascript处理事件的一些兼容写法
绑定事件addEventListener:W3C标准写法IE不兼容attachEvent:兼容IE注意:1:事件名不同:IE下要加“on“,W3C不加 2:加载事件的执行顺序不同,W3C按绑定事件的顺序来执行,而IE6,7是后绑定的时间先发生 3:this的指向,W3C中,绑定函数中的this指向DOM对象,而IE6,7指向WINDOWS对...
2013-09-24 17:20:00
54
转载 图片延迟加载
window.onload=window.onresize=window.onscroll=function(){ showImg(); };function getPos(obj){ var l=0; var t=0; while(obj) { l+=obj.offset...
2013-09-24 17:20:00
69
转载 瀑布流布局——JS+绝对定位
绝对定位方式的瀑布流布局:一、布局1、包围块框的容器:<div id="main"> ... ...<div>2、一个块框:<div class="pin"> <div class="box"> <img src="./images/g (1).jpg"/>...
2013-09-24 17:08:00
148
转载 浏览器事件的思考
先看下面的代码: var $ = KISSY.all; $(‘a’).on(‘click’,function(e){ doSomeThing();//这个方法貌似很有名 e.halt(); }); 上面的代码看起来像是很好的完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,但这么做到底有什么不对呢? 在解释有什么不对前,我们...
2013-09-24 17:02:00
67
转载 css的hack详解
.test{ background: #f00; /*各浏览器都认识,主要给高级浏览器用*/ background: blue\0; /*ie10、9、8*/ background: red\9; /*所有的 ie*/ background:#F60\0\9; /*\0\9 或 \9\0 IE8*/ +background: yellow; /*...
2013-09-17 11:18:00
86
转载 主流浏览器的Hack写法
此 处的“hack”并非是网络中很神秘的组织“黑客”,而是使用他们可以帮助你解决浏览器下一些怪异和特殊的bug。很多时候对于这样的讨论也非常多,比如 说在您的代码中应不应该使用hack?甚至延伸到使用“hack”是一个优秀的前端人员?其实,有时候是逼不得以,必须为之。有关于hack的使用方法和种类,互联系网上成千上万,比较典型的介绍有:浏览器兼容之旅的第二站:各浏览器的Hac...
2013-09-17 11:10:00
120
转载 [HTML&CSS] 未知高度多行文本垂直居中
<style type="text/css">*{margin:0;padding:0;}.box{background:pink;height:160px;width:250px;font-size:0;margin:30px auto;white-space:normal;word-wrap:break-word;}.box:before{content:'';displ...
2013-09-17 11:05:00
84
转载 HTML标签的默认样式列表
html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display:block }li...
2013-09-16 15:41:00
252
转载 推荐的 CSS 书写顺序
//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent转载于:https://www.cnblogs....
2013-09-04 15:05:00
64
转载 高效整洁CSS代码原则 (上)
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset: *{ margin:0;...
2013-09-04 09:53:00
76
转载 高效整洁CSS代码原则 (下)
6. 适当的代码注释 代码注释可以让别人更容易读懂你的代码,且合理的组织代码注释,可使得结构更加清晰。你可以选择做的样式表的开始添加目录: /*------------------------------------ 1. Reset 2. Header 3. Content 4. SideBar 5. Footer ------...
2013-09-04 09:51:00
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人