13 jdrunner

尚未进行身份认证

我要认证

擅长Web开发前端技术,具有多种浏览器下开发经验。精通 JavaScriptAJAX编程熟练使用主流JS库。手写JS能力强,运用无干扰的JS思想进行开发。熟练使用CSS及DHTML,W3C标准的推广和贯彻者。熟悉Java语言,MVC设计模式,StrutsSpring架构

等级
TA的排名 4w+

JavaScript获取图片的原始尺寸

页面里的img元素,想要获取它的原始尺寸,以宽度为例可能首先想到的就是width,如下<img src="http://img11.360buyimg.com/da/g14/M07/01/0E/rBEhVlNhh8wIAAAAAADmFBLo1twAAM26gOmCgYAAOYs716.jpg"><script> var img = document.g...

2016-04-20 10:30:00

JavaScript判断图片是否加载完成的三种方式

有时需要获取图片的尺寸,这需要在图片加载完成以后才可以。有三种方式实现,下面一一介绍。 一、load事件<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>img - load event</title>&

2016-04-20 10:22:28

Mac OS X 设置取消开机自动启动

1. 启动系统设置 (System Preferences)  2. 点以上截图的 用户/组 (User&Groups) 3. 切换到 “登录选项” (Login Items) 可以看到有safari、firefox、sublime text是默认开机启动的,点击左下角的“+-” 即可添加或删除开机启动程序。...

2016-03-21 10:30:22

Mac SVN ignore 等相关

OSX自带了SVN命令行,通过终端就可以使用了。 一、SVN ignoreMac的SVN想把node_modules 忽略,即svn status时(svn st缩写)不显示node_nodules。百度了下几篇博文,使用命令行 svn propset svn:ignore 'node_modules'http://spiritfrog.iteye.com/blog/445425...

2016-03-21 10:27:52

JavaScript中奇葩的假值

通常在以下语句结构中需要判断真假if分支语句while循环语句for里的第二个语句如if (boo) { // do something} while (boo) { // do something}JavaScript中有 6 个值为“假”,这六个值是falsenullundefined0'' (空字符串)...

2016-03-14 17:43:13

世界上最短的数字判断代码

我们知道JavaScript提供了typeof运算符,因此最容易想到的是用typeof来判断是否是number类型function isNumber(obj) { return typeof obj === 'number'} 这个函数对于整数和浮点数都没有问题,但对于NaN值也返回true这让人感到不爽,毕竟用isNumber判断通过后谁也不会用NaN去做算术运算。 ...

2016-03-14 16:21:08

HTML5 datalist 标签

以前需要用JS写一个自动完成组件(Suggest),很费劲。HTML5时代则不用了,直接使用datalist标签,直接减少了工作量。如下<!DOCTYPE html><html> <head> <title>HTML5 datalist tag</title> <meta charset="utf-...

2015-07-09 14:39:19

利用keydown事件阻止用户输入

先了解下各事件的区别keydown:在控件有焦点的情况下按下键时发生keypress:在控件有焦点的情况下按下键时发生keyup:   在控件有焦点的情况下释放键时发生意义keypress主要用来接收字母、数字等ANSI字符。keydown 和 keyup 事件过程通常可以捕获键盘除了PrScrn所有按键 (这里不讨论特殊键盘的特殊键)keypress 只能捕获单个...

2015-07-09 14:36:02

如何自定义Grunt任务

任务(Tasks)是grunt的核心概念,你所做的很多工作比如资源合并(concat)、压缩(uglify)都是在配置任务。每次grunt运行的时候,你指定的一个或多个任务也在运行,如果你没有指定任务,那么一个默认名为“default”的任务将自动运行。 有时我们需要写一些自己的grunt任务,下面是一个具体例子 一、准备1. 新建一个目录g12. 新建package.js...

2015-06-04 14:53:31

如何定制你自己的jQuery

jQuery随着版本的不断升级代码量也随之增加,从1.0.0的不到两千行到现在的1.10.2已经突破1万行。新的API不断增加,但有些在项目中并没有用到。jQuery团队很早就考虑到这一点,按模块来划分,并可以按需定制自己的jQuery。 jQuery从1.9开始构建工具迁移到grunt。grunt是基于node的,因此需要安装node,下面详细介绍。一、安装node很简单...

2015-01-12 08:38:07

getBoundingClientRect在IE9/10里的bug

getBoundingClientRect可以获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置,最早在IE中实现,后其它浏览器均已实现。 但它在IE9,10中有个bug,当出现垂直滚动条时,获取top总为0。其它浏览器则能正常获取。代码如下<!DOCTYPE html><html> <head> <m...

2015-01-12 08:30:07

Node.js的模块载入方式与机制

Node.js中模块可以通过文件路径或名字获取模块的引用。模块的引用会映射到一个js文件路径,除非它是一个Node内置模块。Node的内置模块公开了一些常用的API给开发者,并且它们在Node进程开始的时候就预加载了。 其它的如通过NPM安装的第三方模块(third-party modules)或本地模块(local modules),每个模块都会暴露一个公开的API。以便开发者可以导...

2014-12-26 06:18:48

JavaScript中的直接量与初始器的区别

很多代码优化及公司规范都会提到写对象不应该var obj = new Object()而应该var obj = {}写数组不应该var arr = new Array()而应该var arr = []很多书籍《JavaScript高级程序设计》《JavaScript权威指南》也建议使用对象、数组直接量而别使用new方式。这里就引出了直接量(Literals)...

2014-11-08 06:09:14

JavaScript中的不可见数据类型

JS提供了一些内置对象、函数和构造器供我们编程,如Math、parseInt、Object、Array等。这些都是可见的,编程时可以使用的。比如我可以new Object 或 new Array。 有一些则是不可见的,这些对象只能由引擎在特殊的情形提供。这些类型的对象往往还被消减了一些功能。下面列举一些 一、Arguments 类型Arguments 类型 不能由程序员手动...

2014-11-02 11:08:17

ES5严格模式

严格模式(Strict mode)是由ECMA-262规范定义的新兴JavaScript标准,第五版发布于2009年12月。旨在改善错误检查功能并且标识可能不会延续到未来JavaScript版本的脚本。ES5严格模式是限制性更强的JavaScript变体,它与常规JavaScript的语义不同,其分析更为严格。 目前,除了IE6-9,其它浏览器均已支持ES5严格模式。 一、严格...

2014-10-08 18:20:37

仅Firefox中A元素包含Select时点击Select不能选择option

这是在使用京东的一个日期组件时碰到的bug,重现bug的代码精简如下<!DOCTYPE HTML><html><head> <title> 仅Firefox中A元素包含Select时点击Select不能选择option </title></head><body> &

2014-09-26 11:03:50

给Apache增加SSI支持(shtml的奥秘)

什么是SSI? SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是在HTML文件中,可以通过注释行调用的命令或指针。SSI具有强大的功能,只要使用一条简单的SSI命令就可以实现整个网站的内容更新,时间和日期的动态显示,以及执行shell和CGI脚本程序等复杂的功能。 Apache默认是不支持SSI的,需要我们更改httpd.co...

2014-09-24 10:59:56

Raphael实现商品来源去向图

数据可视化 是很多大数据分析的一项重要工作,甚至有专门的团队做这项工作。Web上的各种图形(饼状图,柱状图等)一直被flash所垄断,随着HTML5的发展,SVG和Canvas也逐渐走上舞台。这不,产品要求跨平台,这次不能使用flash。考虑到第一次接触,开发周期较短,评估后决定使用Raphael.js。 Raphael,意为拉斐尔(姓氏),另外拉斐尔也是意大利画家、建筑学家。Rapha...

2014-09-17 18:11:49

有趣的居中方式

古老的center标签已经废弃了,css的text-align取代了它。 一、text-align 可以使行内元素居中,也可以使块级元素中的文本居中如下代码<div style="width:400px;border:1px solid gray;padding:5px;text-align:center;"> <span style="backgro...

2014-09-11 10:16:00

APMServ 配置记录

下载版本是5.2.6,它采用压缩率更高的7zip 解压后拷贝到c盘 点击APMServ.exe就可以启动了 注意:1. SSL 有时需要关掉,否则apache起不来2. 多数时候我只用apache,因此MySQL不打勾了3. 有时还出现 “You don't have permission to access / on this server.”  提示。查了...

2014-08-08 11:41:52

查看更多

勋章 我的勋章
  • 分享王者
    分享王者
    成功上传51个资源即可获取