<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[douyabb的博客]]></title><description><![CDATA[记载着我的生活我的工作]]></description><link>https://blog.youkuaiyun.com/douyabb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; douyabb]]></copyright><item><title><![CDATA[给搜索框绑定回车搜索事件]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/80175517</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/80175517</guid><author>douyabb</author><pubDate>Thu, 03 May 2018 09:44:59 +0800</pubDate><description><![CDATA[搜索框没有搜索按钮的时候  就要绑定回车搜索事件  但是只有一个input的时候  按回车默认是提交事件



&amp;lt;div class=&quot;col-sm-offset-8 col-sm-3&quot;&amp;gt;
   &amp;lt;i class=&quot;glyphicon glyphicon-search&quot;&amp;gt;&amp;lt;/i&amp;gt;
   &amp;lt;input type=&quot;text&quot; id=&quot;searc]]></description><category></category></item><item><title><![CDATA[aa]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79893807</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79893807</guid><author>douyabb</author><pubDate>Wed, 11 Apr 2018 11:26:17 +0800</pubDate><description><![CDATA[一、开发 
    1、弹框的时候会弹出多个 
         解：绑定的点击事件中要先off掉



$(document).off(&quot;click&quot;,&quot;.createTask&quot;).on(&quot;click&quot;,&quot;.createTask&quot;,function(){
})

二、与后台交互

最近做项目，才发现ajax有同步异步区分，我还一直以为只要是ajax请求都是异步

ajax同步与异步的区别

这个...]]></description><category></category></item><item><title><![CDATA[chrome浏览器访问本地json格式]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79785268</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79785268</guid><author>douyabb</author><pubDate>Mon, 02 Apr 2018 10:10:16 +0800</pubDate><description><![CDATA[今天拿到公司的另一个新写的框架，打开demo文件的数据源是一个json格式的文件，用chrome打开总是报错： 
XMLHttpRequest cannot load file:///C:/Users/Administrator/Desktop/dropload/examples/json/more.json. Cross origin requests are only supported fo...]]></description><category></category></item><item><title><![CDATA[动态加载JavaScript文件——高性能JavaScript]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79629138</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79629138</guid><author>douyabb</author><pubDate>Tue, 20 Mar 2018 17:39:43 +0800</pubDate><description><![CDATA[在大多是情况下，你需要使用一个单一的方法来加载动态JavaScript文件，下面这函数封装了标准及IE特有的实现方法：



function loadScript(url,callback){
    var script = document.createElement(&quot;script&quot;);
    script.type = &quot;text/javascript&quot;;

    if(script...]]></description><category></category></item><item><title><![CDATA[function语句对比function表达式]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79615144</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79615144</guid><author>douyabb</author><pubDate>Mon, 19 Mar 2018 17:54:44 +0800</pubDate><description><![CDATA[javascript既有function语句，同时也有function表达式。这令人困惑，因为他们看起来就是相同的，一个function语句就是其值为一个函数的var语句的速记形式。

下面的语句：

function foo(){}

意思相当于：



var foo = function foo(){}

第二种形式，它能明确表示foo是一个包含一个函数值的变量。要用好这门语言，理解函数就是...]]></description><category></category></item><item><title><![CDATA[判断一个对象是否为数组]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79611332</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79611332</guid><author>douyabb</author><pubDate>Mon, 19 Mar 2018 14:30:19 +0800</pubDate><description><![CDATA[方法一： 
使用instanceof操作符。instanceof操作符用来判断要检测对象的原型链上是否存在某个构造函数的prototype属性。



var a = {};
var b = [];
console.log(a instanceof Object);//true
console.log(b instanceof Object);//true

使用instanceof操作符有一个问...]]></description><category></category></item><item><title><![CDATA[bootstrap下拉框——bootstrap-select]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79474847</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79474847</guid><author>douyabb</author><pubDate>Wed, 07 Mar 2018 18:04:00 +0800</pubDate><description><![CDATA[使用示例



1、基础示例

既然是bootstrap-select，组件肯定依赖bootstrap的，而bootstrap又依赖jquery的，所以使用组件必须引用以下文件



&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css&quot;&amp;gt;
&amp;lt;l...]]></description><category></category></item><item><title><![CDATA[《JavaScript语言精粹》—— 模块]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79414499</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79414499</guid><author>douyabb</author><pubDate>Thu, 01 Mar 2018 16:38:58 +0800</pubDate><description><![CDATA[这里记录模块，对模块的了解与认识



模块

我们可以使用函数和闭包来构造函数，模块是一个提供接口和隐藏实现的函数或对象，通过使用函数产生模块，我们几乎可以完全摒弃全局变量的使用，从而缓解这个JavaScript的最为糟糕的特性之一所带来的影响

举例来说，假定我们想要给String增加一个deentityify方法。它的任务是寻找字符串中的HTML字符实体并把它们替换为对应的字符。这就需要在一...]]></description><category></category></item><item><title><![CDATA[闭包例子]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79402407</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79402407</guid><author>douyabb</author><pubDate>Wed, 28 Feb 2018 16:31:57 +0800</pubDate><description><![CDATA[为了避免下面的问题，理解内部函数能访问外部函数的实际变量而无须复制是很重要的

//糟糕的例子

//构造一个函数，用错误的方式给一个数组中的节点设置事件处理程序 
//当点击一个节点时，按照预期，应该弹出一个对话框显示节点的序号 
//但它总是会显示节点数目



var add_the_handlers = function(nodes){
    for(var i = 0; i &amp;lt; ...]]></description><category></category></item><item><title><![CDATA[DOM基础思维导图]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79388801</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79388801</guid><author>douyabb</author><pubDate>Tue, 27 Feb 2018 15:17:52 +0800</pubDate><description><![CDATA[整理一套DOM基础思维导图

]]></description><category></category></item><item><title><![CDATA[JavaScript 7大基本类型]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79388755</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79388755</guid><author>douyabb</author><pubDate>Tue, 27 Feb 2018 15:16:06 +0800</pubDate><description><![CDATA[整理的一套JavaScript7大基本类型的思维导图

]]></description><category></category></item><item><title><![CDATA[避免表单重复提交]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79300912</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79300912</guid><author>douyabb</author><pubDate>Fri, 09 Feb 2018 18:01:21 +0800</pubDate><description><![CDATA[为了避免用户可能会重复点击表单提交按钮，最常见的解决方案，就是在第一次单击后就禁用提交按钮。只要监听submit时间，并在该事件发生时禁用提交按钮即可。以下就是这样一个例子。



//避免重复提交表单
EventUtil.addHandler(form,&quot;submit&quot;,function(event){
    event = EventUtil.getEvent(event);
    var...]]></description><category></category></item><item><title><![CDATA[《JavaScript高级程序设计》第11章（DOM扩展）—— 读书笔记]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79273180</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79273180</guid><author>douyabb</author><pubDate>Tue, 06 Feb 2018 18:01:56 +0800</pubDate><description><![CDATA[DOM扩展



1、选择符API

Selectors APILevel1 的核心是两个方法：querySelector()和querySeletorAll()



1.1、querySelector()方法

querySelector()方法接受一个css选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null



//取得body元素
var body = docum]]></description><category></category></item><item><title><![CDATA[HTML5.2 新增的dialog元素]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79225966</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79225966</guid><author>douyabb</author><pubDate>Thu, 01 Feb 2018 11:27:21 +0800</pubDate><description><![CDATA[新增的dialog元素
  在HTML5.2中新增了dialog这个标签.来帮助我们快速实现一个对话框.在HTML5.2之前我们想实现一个对话框功能,大概的实现方式的是:一个div,先将它display: none隐藏掉.然后在需要的地方再讲其display置为block.这样就能控制一个对话框的显示和隐藏.而在HTML5.2中,你只需要这写:
dialog id="dialog">
    ]]></description><category></category></item><item><title><![CDATA[map()]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/79109523</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/79109523</guid><author>douyabb</author><pubDate>Fri, 19 Jan 2018 18:05:11 +0800</pubDate><description><![CDATA[问： 一个长度为4空数组，用map()给数组元素复制，为什么新数组还是空的呢？	var array = new Array(4);
var newArray = array.map( item => {
  return '2';
})
console.log(array,newArray);
// => [empty x 4]  [empty x 4]答： 什么都没有的数组元素叫做槽，一般方法都]]></description><category></category></item><item><title><![CDATA[ajax 跨域]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/78962802</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/78962802</guid><author>douyabb</author><pubDate>Wed, 03 Jan 2018 16:38:32 +0800</pubDate><description><![CDATA[ajax 跨域 ：收藏别人的：http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html]]></description><category></category></item><item><title><![CDATA[闭包]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/78914538</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/78914538</guid><author>douyabb</author><pubDate>Wed, 27 Dec 2017 17:27:22 +0800</pubDate><description><![CDATA[闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){
　　alert(n);
}f1(); // 999另]]></description><category></category></item><item><title><![CDATA[JavaScript高级程序设计（第六章）——读书笔记]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/78835673</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/78835673</guid><author>douyabb</author><pubDate>Mon, 18 Dec 2017 18:08:54 +0800</pubDate><description><![CDATA[第六章 面向对象的程序设计6.2、创建对象6.2.1、对象字面量创建单个对象var obj = {name:"Mandy",age:"20"};缺点：使用同一个接口创建很多对象，会产生大量重复代码6.2.2、工厂模式——用函数来封装以特定接口创建对象的细节function createPerson(name,age,job){
    var o = new Object();
    o.name]]></description><category></category></item><item><title><![CDATA[JavaScript高级程序设计（一~五章）——读书笔记]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/78647604</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/78647604</guid><author>douyabb</author><pubDate>Mon, 27 Nov 2017 18:15:18 +0800</pubDate><description><![CDATA[第一章：JavaScript简介1、JavaScript组成：核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）。ECMAScript是JavaScript的核心，它由语法、类型、语句、关键字、保留字、操作符、对象组成。２、ECMAScript提供核心语言功能。DOM提供访问和操作网页内容的方法和接口。BOM提供与浏览器交互的方法和接口。３.DOM包含DOM1，DOM２，]]></description><category></category></item><item><title><![CDATA[深入理解javascript中的立即执行函数(function(){…})()]]></title><link>https://blog.youkuaiyun.com/douyabb/article/details/78639401</link><guid>https://blog.youkuaiyun.com/douyabb/article/details/78639401</guid><author>douyabb</author><pubDate>Sun, 26 Nov 2017 20:10:10 +0800</pubDate><description><![CDATA[这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()，包住业务代码,使用jquery时比较常见,需要的朋友可以参考下( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，把函数变成一个函数表达式，再]]></description><category></category></item></channel></rss>