![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript相关
文章平均质量分 63
silentime
百度IDC运维平台项目经理,负责百度IDC资源管理平台、大规模自动化运维平台、IDC供应链管理平台、IDC数据统计分析和数据挖掘平台开发,愿与大家共进步,同发展!
展开
-
关于checkbox的点击事件和返回值
这个问题其实之前遇到过,真是 不张记性啊…… 为了方便,以下js代码均以JQuery形式描述对于一个checkbox,如果想在他点击的时候绑定一个click事件,要注意click事件的返回值: $('checkbox').click(function(){ if($(this).attr('checked')){ //do someting ...2011-04-15 20:07:39 · 1170 阅读 · 0 评论 -
Javascript面向对象之三单例模式-《javascript设计模式》笔记
1.单例模式概述源自百度百科对于单例模式的定义:单例模式的意思就是只有一个实例。单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。这个类称为单例类。在javascript的世界里,其实没有严格的对象和类定义,“一切皆对象”使得javascript中都是对象,不能像java,c++或者php使用特定的方法返回一个实例来实现,因此对javascript来说,我们要创造的是一个“...2011-12-30 14:21:29 · 75 阅读 · 0 评论 -
Javascript面向对象之二继承-《javascript设计模式》笔记
1.关于继承:百度百科对继承的解释是:继承是指一个对象直接使用另一对象的属性和方法。(话说百科对于计算机概念的继承的解释也太简略了)继承的好处,优点学过面向对象的同学都知道,就不赘述了。javascript中的继承有三种(不同的书上对这三中的名称翻译都不一样,我按照我的理解来命名吧):a.构造函数继承(类式继承,组合继承,伪经典继承)b.原型继承c.原型赋值(遍历)继承(寄生式继承)2.构造函数继...2011-12-29 10:49:35 · 82 阅读 · 0 评论 -
Javascript面向对象之一对象成员的定义-《javascript设计模式》笔记
序: 刚接触javascript的时候,觉得这语言有点儿摸不着门道,感觉这玩意儿太难学了,没什么规范,没什么像样的手册,而且还跟html,dom,css打交道,更觉得一团糟,代码可读性也很差,面向过程的勉强能看懂,看面向对象的代码简直就是杯具,各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript...2011-12-29 10:48:09 · 157 阅读 · 0 评论 -
[转]页面翻转效果^_^
html{filter:fliph}/*ie fliph(水平翻转滤镜),还有flipv垂直翻转滤镜*/body{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-moz-transform: skew(0deg, 180deg) scale(-1, 1);-o-transform: skew(0deg, ...原创 2011-04-11 11:47:56 · 110 阅读 · 0 评论 -
一个很好用的JQuery Table拖拽插件
参考地址:http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/ 使用很简单:$("#table").tableDnD();之后你的table的每一行就能够拖拽了,很cool,当然也有一些选项,事件,具体请看上面的链接。...2011-04-10 16:16:03 · 597 阅读 · 0 评论 -
[转]JavaScript类型总览(图)
原文地址:http://blog.csdn.net/aimingoo/article/details/6676530 这个图来自于《JavaScript语言精髓与编程实践》第三章P184页。最近在改第二版,这张图重做了,需要的可以对照着看。关注这个体系的朋友可以参考如下:再谈JavaScript的数据类型问题http://blog.csdn....原创 2011-08-12 10:23:08 · 115 阅读 · 0 评论 -
Web Worker
HTML5新增了一个功能就是web worker,它可以让浏览器新增一个worker线程执行js代码而不影响浏览器的主线程,从而提升用户体验(用户不会觉得浏览器在”停下来“执行某个任务),这个web worker使用事件机制,目前ff, chrome,safari最新版本都支持。 Google和Baidu都能搜出来关于web worker的介绍,这里不再赘述,虽然只是一个很简单的应用,也不...2011-03-30 18:47:31 · 72 阅读 · 0 评论 -
关于JQuery UI:dialog的isOpen API使用
请大家注意在使用JQuery UI的dialog插件时,如果调用isOpen这个API,注意他的返回值,JQ的官方文档对此API的说明如下:JQuery官方文档 写道Returns true if the dialog is currently open. 这是有条件的,如果一个dialog从未被初始化过或者说open过,直接调用此API会返回一个对象而不是布尔值,如果初始...2011-03-28 19:12:04 · 297 阅读 · 0 评论 -
Javascript面向对象之四链式调用-《javascript设计模式》笔记
1.链式调用:jquery可能是目前大家最常用到的js框架了,也习惯了如下的调用方式:$('.someclass').show().css('xxx','xxxx').click(function(){}).xxx……这种调用方式就叫做链式调用,也就是说在调用一个方法之后,可以使用方法的返回值来继续进行方法调用。2.如何实现链式调用:了解了什么是链式调用,我们再来看如何实现链式调用,从1中所述我们...2011-12-30 14:22:55 · 146 阅读 · 0 评论 -
Javascript面向对象之五工厂模式-《javascript设计模式》笔记
工厂模式和单例模式(http://blog.sina.com.cn/s/blog_550ffb0b0100nv4p.html)应该是设计模式中应用最多的模式了,工厂模式的定义:提供创建对象的接口(来自百度百科:http://baike.baidu.com/view/1306799.htm),意思就是根据领导(调用者)的指示(参数),生产相应的产品(对象)。1.简单工厂模式 简单工厂也就是按照...2012-01-13 11:31:19 · 78 阅读 · 0 评论 -
IE系列不支持圆角等CSS3属性的解决方案
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢? 一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,成本较高。 另外一种是百度了一下,发现有个开源的插件可以解决此问题:http:/...2013-07-23 23:38:16 · 153 阅读 · 0 评论 -
【转】javascript中的urlencode
原文地址:http://www.cnblogs.com/baibaluo/archive/2011/03/03/2071250.html javascript可以使用的内置函数有encodeURI()encodeURIComponent()他们都是用utf-8的编码方式 encodeURI(),用来encode整个URL,不会对下列字符进行编码:+ : / ; ?...原创 2012-09-20 23:04:58 · 328 阅读 · 0 评论 -
Yii分析13:Yii核心组件之AssetManager
我们通过使用来讲解CAssetManager的使用和工作机制,可以直接看yii自带的demo-blog,打开blog的首页,会看到如下的引入js的html代码: <link rel="stylesheet" type="text/css" href="/yii/demos/blog/assets/d6bb6ebe/highlight.css" /> <...2012-04-10 00:37:07 · 140 阅读 · 0 评论 -
[转]YouTube架构学习体会
原文地址:http://www.itivy.com/ivy/archive/2011/3/6/634350416046298451.html 这几天一直在关注和学习一些大型网站的架构,希望有一天自己也能设计一个高并发、高容错的系统并能应用在实践上。今天在网上找架构相关的资料时,看到一个被和谐的视频网站YouTube的架构分析,看了以后觉得自己又向架构走近了一步,于是赶快拿出来与大...原创 2011-11-22 10:15:10 · 124 阅读 · 0 评论 -
Javascript面向对象之十装饰者模式-《javascript设计模式》笔记
装饰者模式的含义是将要装饰的对象作为一个成员放在装饰者的内部,通过装饰者的方法来调用要装饰的对象的方法,通常的wrapper也是这种形式。组合模式和装饰者模式的区别是,组合模式组合的是一类对象,而装饰者是对某一个对象进行包装。...2012-01-18 14:59:16 · 87 阅读 · 0 评论 -
Javascript面向对象之九适配器模式-《javascript设计模式》笔记
关于适配器模式的定义:适配器模式(有时候也称包装样式或者包装)将一个类的接口适配成用户所期待的。一个适配允许通常因为接口不兼容而不能在一起工作的类工作在一起,做法是将类自己的接口包裹在一个已存在的类中。来自百度百科:http://baike.baidu.com/view/3371585.htm适配器模式的概念也很好理解,为了适应不同的场合将类或者接口改装成适用于当前环境的形式,比如某个接口的输入是...2012-01-18 14:58:42 · 96 阅读 · 0 评论 -
Javascript面向对象之八门面模式-《javascript设计模式》笔记
关于门面模式的定义:门面模式为了系统提供一个 统一的高层接口供外部客户使用。也是提供一个更高的层次的接口,使得子系统更容易使用。来自百度百科http://baike.baidu.com/view/4949561.htm门面模式有两个作用:一是简化类的接口;而是消除类与使用它的客户代码之间的耦合。对于实现,javascript和其他语言并无不同,概念也很好理解,这里就不赘述了。...2012-01-17 14:43:44 · 99 阅读 · 0 评论 -
Javascript面向对象之七组合模式-《javascript设计模式》笔记
关于组合模式的定义:组合模式(Composite Pattern)有时候又叫做部分-整体模式,它使我们树型结构的问题中,模糊了简单元素和复杂元素的概念,客户程序可以向处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素的内部结构解耦。来自百度百科:http://baike.baidu.com/view/3591789.htm其实从面向对象之五之后,与javascript本身关系不是很大,更重...2012-01-17 14:42:55 · 93 阅读 · 0 评论 -
JQuery1.4与1.3一个很小的不同之处:关于<input type="checkbox"……
昨天在track一个bug的时候又发现一个JQ1.3与1.4的不同之处,很小的一个地方,影响有可能会很大: 对于一个checkbox(<input type="checkbox" name="xxxx" value="xxx"/>),在JQ1.3中,形如: $('input[disable=false]') 的选择器能够获取到这个checkbox元素,但是在JQ1....2011-03-26 22:41:45 · 95 阅读 · 0 评论 -
[转]深掘XSS漏洞场景之XSS Rootkit
转载顿神大作:http://www.80sec.com/%E6%B7%B1%E6%8E%98xss%E6%BC%8F%E6%B4%9E%E5%9C%BA%E6%99%AF%E4%B9%8Bxss-rootkit-%E4%BF%AE%E8%AE%A2.html 深掘XSS漏洞场景之XSS Rootkit[完整修订版]EMail: rayh4c#80sec.comSite: htt...原创 2011-10-21 12:22:45 · 158 阅读 · 0 评论 -
[转]Managing JavaScript Objects
Mark一下,等有空了再好好读一下 原文地址:http://msdn.microsoft.com/en-us/scriptjunkie/gg314983.aspx You've read all the blog posts and books, and have sat through Douglas Crockford's hours of lectures, so ...原创 2011-03-01 10:58:59 · 87 阅读 · 0 评论 -
select元素的onchange事件触发在IE,firefox,chrome的不同
对于select元素的onchange事件,IE下当使用键盘控制select时,每次变化都会触发onchange事件,但是对于firefox和chrome,在用键盘控制时,只有在onblur时才会触发onchange事件(也就是说当select失去焦点时),国外有个同学也给出了hack firefox使其运行同ie的方法: <select name="sel" id="sel#i#"...2011-02-13 16:29:08 · 452 阅读 · 0 评论 -
【转】能说明你的Javascript技术很烂的五个原因
原文地址:http://www.aqee.net/2011/04/13/5-reasons-your-javascript-stinks/ Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型...原创 2011-06-03 11:37:18 · 86 阅读 · 0 评论 -
[转]JavaScript最全的10种跨域共享的方法
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?同源策略 在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重...原创 2011-01-28 11:28:37 · 104 阅读 · 0 评论 -
IE下javascript的执行顺序,谁能帮忙解释?
在phpor的博客上看到一篇文章: http://phpor.net/blog/post/779/ 有这么一段代码: <input type="text" id="name" /> <input type="text" id="password" /> <script> var $ = fun2011-01-27 13:09:08 · 106 阅读 · 0 评论 -
JQuery中止(abort)Ajax请求
JQuery有一个很实用的插件:Autocomplete,即可以实现像搜索引擎一样的关键字提示,当然,提示的内容是用ajax请求后台的内容,这个插件的功能是将后台搜索到的相关词以比较好的方式显示出来,这个插件有一个功能,是当用户在输入框打字比较快时,就会自动终止之前发的ajax请求,尽量减少后端的压力,这个是如何实现的呢? 通常我们用JQuery发起一个ajax请求,主要的行为是在请求成功...2011-05-30 11:44:20 · 382 阅读 · 0 评论 -
[转]基于C语言的Javascript引擎探索
作者:邱 俊涛, 软件工程师, 云电同方研发中心来源:http://www.ibm.com/developerworks/cn/linux/l-cn-spidermonkey/基础知识SpiderMonkey 简介和其他的 JavaScript 引擎一样,SpiderMonkey 不直接提供像 DOM 这样的对象,而是提供...原创 2011-05-04 10:20:03 · 249 阅读 · 0 评论 -
TableDnd(JQuery表格拖拽控件)应用进阶
在上一篇文章一个很好用的JQuery Table拖拽控件中,介绍了TableDnD这个强大的控件,目前是我博客浏览次数最多的文章……现在再简单介绍一下他的应用吧: 在之前文章里介绍了,使用时很方便: $("#table").tableDnD(); 下面就介绍几个实用的选项: 1.onDragClass(onDragStyle):拖拽时样式,我们在拖拽一个行时...2011-04-15 20:33:10 · 474 阅读 · 1 评论 -
[转]javascript with延伸的作用域是只读的吗?
当执行流进入下列任何一个语句时,作用域链将得到延长: * 1) try-catch语句的catch块 * 2) with语句此两个语句会在作用域链的前端添加一个变量对象。对with来说,其变量对象中包含着指定对象的所有属性和方法所作的变量申明;对catch来说,其变量对象中包含的是被抛出的错误对象的申明。这些标量对象都是只读的,因此在with和catch语句中...原创 2011-03-04 13:42:30 · 62 阅读 · 0 评论 -
[转]javascript数组排序的问题
原文转自:http://rockux.com/archives/javascript%E6%95%B0%E7%BB%84%E6%8E%92%E5%BA%8F%E7%9A%84%E9%97%AE%E9%A2%98 代码拷过来就乱了,大家还是去原文查看吧原创 2011-06-24 10:41:17 · 141 阅读 · 0 评论 -
Yii分析7:runController的执行
在《Yii分析4:run的执行》一文中,介绍了Yii的app在执行run()方法时的主要步骤,在处理请求的方法processRequest()中首先通过路由管理类(参考《Yii分析5:路由管理类》)获取这个请求的route,之后将这个route作为参数传递给方法runController,接下来我们就来看看这个runController是如何执行的。 RunControl...2011-10-20 17:28:37 · 281 阅读 · 0 评论 -
[转]交互设计师如何做交互
原文地址:http://www.ued163.com/?p=1804 下面的原则很受用,我觉得或许业务平台更需要设计原型及用户测试和评估。发现用户需要,建立明确需求提出设计方案制作设计原型用户测试和评估 交互设计师到底是需要做什么?尽管很多谈及交互的书上都已经回答过了:发现用户需要,建立明确需求提出设计方案制作设计原型用户测...原创 2011-07-27 11:35:04 · 210 阅读 · 0 评论 -
[转]10种方式实现跨域资源的共享
原文地址:http://www.ued163.com/?p=1800 同源策略在客户端编程语言中,如JavaScript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?当两个域具有相同的协议(如ht...原创 2011-07-27 10:50:13 · 98 阅读 · 0 评论 -
JQuery的each函数
JQuery的each函数是用于遍历一个DOM元素集合的,值得注意的是如何控制遍历的继续(continue)和停止(break),参考JQuery的手册: 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。 请注意,返回'false'并不是整个each返回,而是作为内部...2011-07-26 01:07:00 · 116 阅读 · 0 评论 -
IE不支持option的display:none属性
今天qa提了一个bug,明明是没有问题的,为什么会这样的,几乎是条件反射的想到了肯定是IE的问题(一般我用FF开发,qa用IE测试……),于是乎测试了一下,果然是IE有问题,简单的描述一下: 页面上有一个select,用jQ的选择器去获取能看到的一个下拉列表: if($('#xxx_id :visible').length>0) 想当然的以为这样的判断是没问题的,...2011-03-17 20:12:42 · 533 阅读 · 0 评论 -
[转]Javascript和CSS浏览器兼容总结
原文地址:http://www.ued163.com/?p=1698 这是我总结多年的一个小文档,主要内容是Javascript和CSS浏览器兼容总结,最近看见有人咨询浏览器兼容的问题,就贡献出来。并不一定全,有的也可能不准确,比如新出的IE8、Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8、Chrome等,但都没来的及总结进去,后来就忘了…汗。大家一起慢慢完善吧。...原创 2011-07-14 11:12:49 · 91 阅读 · 0 评论 -
[转]Javascript匿名函数解读
一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:1、函数关键字(function)语句:function fnMethodName(x){alert(x);}2、函数字面量(Function Literals):var fnMethodName = function(x){alert(x);}3、Function()构造函数:var fnM...原创 2011-07-13 12:55:11 · 68 阅读 · 0 评论 -
[转]获取动态加载的图片大小的正确方法
原文地址:http://www.ideawu.net/blog/2011/07/%E8%8E%B7%E5%8F%96%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E7%9A%84%E5%9B%BE%E7%89%87%E5%A4%A7%E5%B0%8F%E7%9A%84%E6%AD%A3%E7%A1%AE%E6%96%B9%E6%B3%95.html 有一些很容易...原创 2011-07-04 11:15:47 · 256 阅读 · 0 评论 -
【转】npm用法及离线安装方法
原文转自:https://cnodejs.org/topic/51c908f873c638f370d02985 暂未验证基本的用法查看某个模块的全部信息,或者可以查看单个信息npm info namenpm info name versionnpm info name homepageinstall支持多种手段,包...原创 2015-06-15 14:44:24 · 1325 阅读 · 0 评论