随笔分类 -  js学习笔记

javascript学习
JavaScript设计模式 - 迭代器模式
摘要：迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素许多浏览器都支持 Javascript 的 Array.prototype.for... 阅读全文
posted @ 2015-12-03 22:23 Medeor 阅读(1342) 评论(0) 推荐(0)
JavaScript设计模式 - 代理模式
摘要：代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问代理模式的用处(个人理解)：为了保障当前对象的单一职责(相对独立性),而需要创建另一个对象来处理调用当前对象之前的一些逻辑以提高代码的效率、状态判断等。代理模式中最常用的是虚拟代理和缓存代理一、虚拟代理 虚拟代理是把一些开销很大的对象，... 阅读全文
posted @ 2015-12-03 00:35 Medeor 阅读(2810) 评论(3) 推荐(5)
JavaScript设计模式 - 策略模式
摘要：策略模式： 定义一系列算法，把他们一个一个封装起来，并且使他们可以相互替换(具有相同的目标和意图)示例我是 div linear easeIn strongEaseIn strongEaseOut sineaseIn sineaseOut 策略模式指的是定义一些列的算法，把他们... 阅读全文
posted @ 2015-11-27 21:55 Medeor 阅读(6033) 评论(0) 推荐(2)
AJAX 异步交互基本总结
摘要：AJAX (Asynchronous JavaScript and Xml)直译中文 - javascript和XML的异步同步与异步的区别: 同步交互 执行速度相对比较慢 响应的是完整的HTML页面 异步交互 执行速度相对比较快 响应的是部分数据Aj... 阅读全文
posted @ 2015-11-25 13:26 Medeor 阅读(3161) 评论(0) 推荐(0)
JavaScript设计模式 - 单例模式
摘要：单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点。一、实现一个标准的单例模式，用一个变量来标志当前是否已经为某个类创建过对象， 如果是，则在下一次获取该对象实例时，直接返回之前创建的对象 示例: 1 var Singleton = function(name){ 2 th... 阅读全文
posted @ 2015-11-21 18:20 Medeor 阅读(404) 评论(0) 推荐(0)
js: this,call,apply,bind 总结
摘要：对js中的一些基本的很重要的概念做一些总结，对进一步学习js很重。一、this JavaScript 中的 this 总是指向一个对象，而具体指向那个对象是在运行时基于函数的执行环境动态绑定的，而非函数声明时的环境 实际应用中 this 的指向大致可以分为以下 4 中： 1. 作为对... 阅读全文
posted @ 2015-11-21 13:18 Medeor 阅读(4070) 评论(0) 推荐(0)
web版canvas做飞机大战游戏 总结
摘要：唠唠:两天的时间跟着做了个飞机大战的游戏，感觉做游戏挺好的。说是用html5做，发现全都是js。说js里一切皆为对象，写的最多的还是函数，都是函数调用。对这两天的代码做个总结，希望路过的大神指点一下，我对这个游戏的思路，可改进优化的代码。 先说一下游戏的基本内容: 打飞机(不要想歪了)，有鼠标... 阅读全文
posted @ 2015-11-16 22:56 Medeor 阅读(5942) 评论(14) 推荐(3)
js: 从setTimeout说事件循环模型
摘要：一、从setTimeout说起 setTimeout()方法不是ecmascript规范定义的内容，而是属于BOM提供的功能。查看w3school对setTimeout()方法的定义，setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法setTimeout(fn,mil... 阅读全文
posted @ 2015-11-07 16:59 Medeor 阅读(5529) 评论(0) 推荐(2)
jQuery选择器
摘要：jQuery 选择器一、基本选择器 1. id选择器 #id 2. class选择器 .class 3. 元素选择器 element 4. * 匹配所有元素 1 //#id 选择器 2 $("#d1").css("background","red"); 3 /... 阅读全文
posted @ 2015-11-05 22:46 Medeor 阅读(265) 评论(0) 推荐(0)
jQuery基本动画
摘要：jQuery效果一、基本效果 显示与隐藏(通过控制宽高实现) 1.show() - 显示 * 无参版本 - 不具有动画效果 * show(speed,callback)有参版本 - 具有动画效果 * speed - 设置动画执行的时长,单位为毫秒 ... 阅读全文
posted @ 2015-11-05 00:08 Medeor 阅读(205) 评论(0) 推荐(0)
jQuery基础事件
摘要：jQuery 事件 1.ready() - 类似于window.onload的作用 *写法 *$(document).ready(function(){}); *$().ready(function(){}); *$(function(){}); * ... 阅读全文
posted @ 2015-11-05 00:03 Medeor 阅读(200) 评论(0) 推荐(0)
js实现2048小游戏
摘要：这是学完javascript基础，编写的入门级web小游戏游戏规则：在玩法规则也非常的简单，一开始方格内会出现2或者4等这两个小数字，玩家只需要上下左右其中一个方向来移动出现的数字，所有的数字就会想滑动的方向靠拢，而滑出的空白方块就会随机出现一个数字，相同的数字相撞时会叠加靠拢，然后一直这样，不断的... 阅读全文
posted @ 2015-10-22 23:09 Medeor 阅读(950) 评论(0) 推荐(0)
js数组
摘要：一、定义 数组是一组连续的变量组成的集合--统一起一个名字 批量管理多个数据(js的存储都是数组)二、创建 1 //创建的四种方式 2 //1 创建一个空数组对象 3 var arr1=[]; 4 5 //2 创建数组的同时，维数指定初始元素 6 var arr2=[1,2,3,4,5]; ... 阅读全文
posted @ 2015-10-20 22:37 Medeor 阅读(327) 评论(0) 推荐(0)
javascript对象
摘要：1.定义： 面向对象：在程序中都是用一个对象来描述现实中一个具体的东西 3大特点：封装 继承 多态 什么是对象：封装多个数据和方法的存储空间 2.创建自定义对象(4种)： 1.对象直接量 var obj={ "attbuteName":value, ... 阅读全文
posted @ 2015-10-19 22:07 Medeor 阅读(458) 评论(0) 推荐(0)
js闭包
摘要：一、什么是闭包？官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的func... 阅读全文
posted @ 2015-10-18 18:36 Medeor 阅读(285) 评论(0) 推荐(0)
javascript函数
摘要：Function对象js中一切都是对象，函数也是对象，函数名是引用函数定义对的变量。一.函数的定义 1 //函数定义的三种方法 2 //声明方式 3 function sum(x,y){ 4 return x+y; 5 } 6 sum(1,2);//调... 阅读全文
posted @ 2015-10-18 17:49 Medeor 阅读(183) 评论(0) 推荐(0)
js错误处理
摘要：导致程序无法继续执行的异常状态称为错误。js中一旦发生错误，就会自动创建一个Error类型对象js中有6中错误类型： SyntaxError 语法错误 ReferenceError 引用错误，找不到变量或对象 TypeError 类型错误，错误的使用了对象中的方法 RangeError... 阅读全文
posted @ 2015-10-18 16:43 Medeor 阅读(209) 评论(0) 推荐(0)