xixi_xixi - 博客园

event.stopPropagation()与event.preventDefault()

摘要： <div id='div0'> <div id='div1'> <a href="#" id='div2'>2222</a> </div> </div> （1）event.preventDefault()表示阻止默认事件发生：如a标签的跳转事件我们给a标签添加该事件，则a不再跳转。（2）even 阅读全文

posted @ 2016-09-09 21:12 xixi_xixi 阅读(925) 评论(0) 推荐(0)

js事件处理机制

摘要：一、事件处理程序 a. DOM0级事件处理程序，被认为是元素的方法。在事件处理程序中，通过this访问元素的任何属性和方法。 b. DOM2级事件处理程序 DOM2级事件定义了两个方法，用于处理指定和删除事件处理程序的操作：addEventListener( )和removeEventListen 阅读全文

posted @ 2016-09-09 20:54 xixi_xixi 阅读(726) 评论(0) 推荐(0)

判断JS是否加载完成

摘要：在正常的加载过程中，js的加载都是同步的，也就是在加载过程中，浏览器会阻塞接下来的内容的加载。这时候我们就要用到动态加载，动态加载是异步的，如果我们在后边要用到这个动态加载的js文件里的东西，就要保证这个文件加载完成后，再执行下面的内容。如何判断js是否加载完成？（实现loadScript(url 阅读全文

posted @ 2016-08-31 22:21 xixi_xixi 阅读(19378) 评论(0) 推荐(0)

对象的继承

摘要： fucntion Person(name,sex){ //父类 this.name=name; this.sex=sex; } Person.prototype.showName=function(){ alert(this.name); } function Star(){} //子类现在有一个阅读全文

posted @ 2016-08-30 16:45 xixi_xixi 阅读(1017) 评论(0) 推荐(0)

观察者模式（3）－－双向数据绑定

摘要：实现数据的双向绑定最直接的方式就是PubSub模式。（1）当model发生变化时，触发Model change事件，然后通过相应事件处理函数更新界面。--'model-update-event' （2）当界面更新时，触发UI change事件，然后通过相应事件处理函数更新Model，以及绑定在Mo 阅读全文

posted @ 2016-08-29 22:45 xixi_xixi 阅读(959) 评论(0) 推荐(0)

观察者模式（2）－－自定义事件

摘要：这是一道笔试题，考察的就是观察者模式，包括事件的定义和执行。这里看一下用JS原型写的观察者模式基本试例。题目中的测试一，在事件触发时（emit），如果有参数，需要接收参数，如果没有参数，则直接忽略传参。我们可以这样写：测试二的意思简单来说就是，两个不同的对象的自定义事件之间相互独立。在题目中阅读全文

posted @ 2016-08-29 20:50 xixi_xixi 阅读(242) 评论(0) 推荐(0)

观察者模式（1）

摘要：（1）笔试中有一个自定义事件的题，这个题其实考的就是观察者模式。（2）Js中实现双向数据绑定也可以用观察者模式。所谓双向数据绑定指的是：数据的操作可以实时反映到数据，数据的变更也可以实时的展现在页面。（如AngularJs）观察者模式是一种设计模式，又叫发布订阅模式（Publish/Subscr 阅读全文

posted @ 2016-08-29 12:09 xixi_xixi 阅读(316) 评论(0) 推荐(0)

http简介

摘要： HTTP 协议是互联网的基础协议，也是网页开发的必备知识，最新版本 HTTP/2 更是让它成为技术热点。本文介绍 HTTP 协议的历史演变和设计思路。一、HTTP/0.9 HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包（packet）传输，主要规定了客户端和服务器之间的通信格式阅读全文

posted @ 2016-08-27 10:30 xixi_xixi 阅读(308) 评论(0) 推荐(0)

ajax上传图片到服务器

摘要：通过Ajax方式上传文件，使用FormData进行Ajax请求。上传文件或图片时，要求的格式为enctype ="multipart/form-data"(以二进制格式上传)，在使用ajax上传时需要注意。 html代码： js代码：当上传完成，我们可以拿到控制台的信息： Content-Type 阅读全文

posted @ 2016-08-22 13:11 xixi_xixi 阅读(21516) 评论(1) 推荐(0)

ES6 － promise对象

摘要： Promise的设计初衷我们使用ajax请求数据，得到数据后再对数据进行操作，可是有时候，对得到的数据进行操作的过程中，可能又要用到ajax请求，这时，我们的代码就变成了这样： $.ajax({ success:function(res1){ //...请求B开始，B依赖A返回的数据 $.ajax 阅读全文

posted @ 2016-08-19 23:32 xixi_xixi 阅读(397) 评论(0) 推荐(0)

导航

2016年9月9日

2016年8月31日

2016年8月30日

2016年8月29日

2016年8月27日

2016年8月22日

2016年8月19日