ssisse的博客

本文转自：http://www.ruanyifeng.com/blog/2012/10/javascript_module.htmljavascript模块化编程（一）：模块的写法随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管

本文转自：http://www.webhek.com/event-delegate/如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但

一. 普通对象与函数对象  JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); var o3 = new f1

性能更好的js动画实现方式——requestAnimationFrame用js来实现动画，我们一般是借助setTimeout或setInterval这两个函数，css3动画出来后，我们又可以使用css3来实现动画了，而且性能和流畅度也得到了很大的提升。但是css3动画还是有不少局限性，比如不是所有属性都能参与动画、动画缓动效果太少、无法完全控制动画过程等等。所以有的时候我们还是不得不使用s

用javascript实现:点击“发送验证码”按钮后，按钮依次显示为“59秒后重试”、“58秒后重试”…直至倒计时至0秒时再恢复显示为“发送验证码”。在倒计时期间按钮为禁用状态. Document window.onload=function(){ var send=document.getElementById('send'), time

任务要求：点击标题时判断该标题下的菜单是否显示，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来。 Document *{margin:0; padding:0; font-size:13px; list-style:none;}.menu{width:210px; margin:50px auto

制作一个表格，显示班级的学生信息。要求：1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff2. 点击添加按钮，能动态在最后添加一行3. 点击删除按钮，则删除当前行 new document window.onload = function(){

实践题 - 选项卡 /* CSS样式制作 */ *{padding:0px; margin:0px; font:12px normal "moicrosoft yahei"; } #tabs { width:290px; height:150px; padding:5

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。 事件 function count(){ //获取第一个输入框的值 var a=parseInt(document.getElementById('txt1').value); //获取第二个输入框的 var b=pa

本文转自：http://www.3lian.com/edu/2014/03-20/135733.html 对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑一

Document *{margin:0; padding:0; list-style:none;} .wrap{height:170px; width:490px; margin:60px auto; overflow: hidden; position: relative; margin:

本文转自：JavaScript prototype用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性

本文转自：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记

本文转自：http://114.xixik.com/character/HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？这就要说到HTML转义字符串（Escape Sequence）了。转义字符串（Escape Sequence）也称字符实体(Characte

用js可以在页面中写 onselectstart="return false"比如说这里面的文字是不能被鼠标选中的firefox 实现就更简单了.aa{-moz-user-select:none;}..你直接在 这里加的话， 整个页面都不能复制文字了吧。。 如果是针对IE浏览器的话 ，CSS 应该可以这样写,代码如下 .aa{gn:expre

时间上 onmousemove 事件触发后，再触发 onmouseover 事件。按钮上 不区分鼠标按钮。动作上 onmouseover 只在刚进入区域时触发。onmousemove 除了刚进入区域触发外，在区域内移动鼠标，也会触发该事件。当鼠标移动很快时，可能不会触发这两个事件。 onmouseover与onmousemove的区别是：当鼠标移过当前对象时就产生了

本文转自：http://www.runoob.com/jsref/met-element-addeventlistener.html语法element.addEventListener(event, function,useCapture)参数值参数描述event必须。字符串，指定事件名。注意: 不要使用 "on" 前缀。 例

Javascript AMD模块化规范AMD是"Asynchronous Module Definition"的缩写，意思是"异步模块定义"。模块定义define(id?, dependencies?, factory);其中：id: 模块标识，可以省略。dependencies: 所依赖的模块，可以省略。factory: 模块的实现，或者一个Jav

一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 　　　　　　　　　　这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网

本文转自：http://www.runoob.com/jsref/met-document-queryselector.html定义和用法querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySele

本文转自：http://www.jb51.net/article/42492.htm（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。  IE 5.5: div -> body -> document  IE 6.0: div -> body -> html -> document  Mozilla 1.0: div -

JavaScript parseInt() 函数定义和用法parseInt() 函数可解析一个字符串，并返回一个整数。语法parseInt(string, radix)参数描述string必需。要被解析的字符串。radix可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间

在web开发中，鼠标拖拽效果非常常见，例如百度的登录页，点击登录会弹出一个窗口，并且这个窗口可以拖动；那么这样的拖拽效果如何实现呢 ？其实实现很简章，搞清楚他的原理就很容易了；首当其冲的，要涉及到鼠标的三个事件，分别为鼠标按下、移动、松开；在这三个事件里分别计算元素鼠标的位置即可；/*******拖拽原理1                拖拽状态 = 0

本文转自：http://www.365mini.com/page/jquery-event-stoppropagation.htm和慕课网jQuery Event.stopPropagation() 函数详解1，概念先知  （一）事件流概念：     事件流描述的是从页面中接受事件的顺序。      1、事件冒泡   

本文转自：http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html一、显示信息的命令Firebug（Firebug是Firefox浏览器中的一个插件，可以通过javascript调用）内置一个console对象，提供5种方法，用来显示信息。最简单的方法是console.log()，可以用来

本文转自：http://www.cnblogs.com/fighting_cp/archive/2010/09/20/1831844.html 和 http://hszy00232.blog.163.com/blog/static/43022753201131835653841/如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为

本文转自：http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.htmlJavascript异步编程的4种方法你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，

getElementsByName()方法返回带有指定名称的节点对象的集合。语法：document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。注意:1. 因为文档中的 name 属性可能不唯一，所有 getElementsBy

Json介绍我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析。优点1、轻量级的数据交换格式2、人们读写更加容易

本文转自：http://www.cnblogs.com/lidabo/archive/2011/12/29/2305770.htmltypeof运算符介 绍：typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。你知道下面typeof运算的结果吗？typeof(1);typeof(NaN);

本文转自：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解

本文转自：http://www.nowamagic.net/librarys/veda/detail/388在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使

JavaScript join() 方法定义和用法join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法arrayObject.join(separator)参数描述separator可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。返回值返回一个字符串。该字符串是

window对象的 innerheight、innerwidth 属性定义和用法只读属性，声明了窗口的文档显示区的高度和宽度，以像素计。这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。IE 不支持这些属性。它用 document.documentElement 或 document.body （与 IE 的版本相关）的 clientWidth 和 cli

定义和用法onscroll 事件在元素滚动条在滚动时触发。提示： 使用 CSS overflow 样式属性来创建元素的滚动条。语法HTML 中:element onscroll="myScript">JavaScript 中:window.onscroll=function(){myScript};JavaScript 中, 使用 addEv

1. AMD的由来　　前端技术虽然在不断发展之中，却一直没有质的飞跃。除了已有的各大著名框架，比如Dojo，JQuery，ExtJs等等，很多公司也都有着自己的前端开发框架。这些框架的使用效率以及开发质量在很大程度上都取决于开发者对其的熟悉程度，以及对JavaScript的熟悉程度，这也是为什么很多公司的技术带头人都喜欢开发一个自己的框架。开发一个自己会用的框架并不难，但开发一个大家都喜欢

JavaScript中的document.cookie的使用我们已经知道，在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么？“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息，这些文件就称为 Cookie。”—— MSIE 帮助。一般来说，Cookies 是 CGI 或类似，比 HTML 高级的文件、程序等创建的，但是 javascr

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达

document.documentElement和document.body区别介绍body是DOM对象里的body子节点，即 标签； documentElement 是整个节点树的根节点root，即 标签； 没使用DTD情况即怪异模式BackCompat下：document.documentElement.clientHeight=0document.body.clientHe

1. JS 禁止右键 document.oncontextmenu=function(e){return false;} ...... 2. CSS 禁止复制和选取如果让整个页面都禁止选择 body { -webkit-touch-callout: none; -webki