
Javascript与HTML
泊川
现任阿里巴巴研发工程师,多年从业经验,技术扎实精湛,专注互联网、企业级应用系统开发。
展开
-
在input元素上用非绑定的方式监听回车事件并传递参数
场景是动态生成html元素,为生成的input添加事件。要求有两点:非绑定的方式并且需要传递参数 ;参数为方法名称,回调该方法并将input的值作为参数。参考实现如下:input写法 tmp.push('');其中 userFunction为要调用的方法名称(方法名字符串)javascript写法function _callBack(fuc){ var myIn原创 2015-02-03 15:31:19 · 1701 阅读 · 0 评论 -
CSS编写规范大全
一、文件规范 1、文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解):所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中:读书原创 2014-06-17 14:46:20 · 608 阅读 · 0 评论 -
「译」JavaScript 的怪癖 2:两个「空值」:undefined 和 null
原文:JavaScript quirk 2: two “non-values” – undefined and null译文:「译」JavaScript 的怪癖 2:两个「空值」:undefined 和 null译者:SingleSeeker对于“空值”或“空引用”,大多数编程语言只有一个值。比如,在 Java 中用的是 null。 但是在 Javascript 中却有两个特殊的值:u原创 2014-06-17 14:46:37 · 459 阅读 · 0 评论 -
JS一行代码去除字符串首尾空格
网上关于字符串去除首尾空格的方法有很多,大多比较复杂难用,下面给出一个效率简洁的版本: var str=' china '; str= str.replace(/^\s+|\s+$/g, '');结果str='china';原创 2014-06-17 14:47:17 · 1407 阅读 · 0 评论 -
html容器中图片水平居中
容器 css:.v_photo_box { width: 390px; position: relative;}图片 css:.v_photo_box img { max-width: 380px; max-height: 700px; display: block; padding: 5px; bo原创 2014-06-17 14:47:55 · 1666 阅读 · 0 评论 -
Js动态传递不定数目的参数
回调程序中,经常有这样的需求:用户传递一个回调方法,该方法可以有不定的参数。如果参数数目固定则很容易实现,看代码: //回调函数1 function callback1(a,b,c) { alert(a); alert(b); alert(c); } //回调函数2 func原创 2014-06-17 14:48:01 · 13218 阅读 · 1 评论 -
YQL
YQL,(Yahoo! Query Language)是一种支持对互联网上的数据进行查询、过滤、连接、类似SQL语法的简单语言。用YQL官方的话:有了YQL,开发人员只需要使用一种 简单的查询语言即可访问和操控互联网上丰富的数据,而不再需要反复学习使用各种各样的API。一种代表作数据库发展未来的创意,数据库应该能够不仅仅代表具体的表和空间,变成广义的数据库,延展到整个互联网,才是一个最庞大的数原创 2014-06-17 14:49:09 · 1740 阅读 · 0 评论 -
Javascript-自定义对象转换成JSon后如何再转换回自定义对象
man是自定义的对象,使用var tim = JSON.stringify(man); var newman=JSON.parse(tim)后newman的类型是“object”并不是一个Man,怎么才能变回一个Man呢?function Man() { this._type = "man"; this.name=""; this.run = function () {原创 2014-07-01 19:28:35 · 1324 阅读 · 0 评论 -
javascript的prototype经典使用场景
prototype的经典使用场景就是为对象增加属性和方法,如给自定义的Man对象增加个姓名属性和语言方法: function man() { this.age = "22"; } var tom = new man(); man.prototype.name = "tom"; man.prototype.say = function () {原创 2014-07-01 19:31:07 · 1773 阅读 · 0 评论 -
一段代码说明javascript闭包运行机制
如果你能理解下面代码的运行结果,应该就算理解闭包的运行机制了。 var name = "tom"; var myobj = { name: "jackson", getName: function () { return function () { return this.name;原创 2014-07-01 19:32:37 · 1138 阅读 · 0 评论 -
网页优化插件 YSlow
YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。YSlow跌评分规则。主要有12条:1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS请求,3个CSS请求,47个CSS background images请求),多的可怕。思考了下,为什原创 2014-06-17 14:46:18 · 553 阅读 · 0 评论