11 2015 档案

JavaScript设计模式 - 策略模式
摘要：策略模式： 定义一系列算法，把他们一个一个封装起来，并且使他们可以相互替换(具有相同的目标和意图)示例我是 div linear easeIn strongEaseIn strongEaseOut sineaseIn sineaseOut 策略模式指的是定义一些列的算法，把他们... 阅读全文
posted @ 2015-11-27 21:55 Medeor 阅读(6034) 评论(0) 推荐(2)
AJAX 异步交互基本总结
摘要：AJAX (Asynchronous JavaScript and Xml)直译中文 - javascript和XML的异步同步与异步的区别: 同步交互 执行速度相对比较慢 响应的是完整的HTML页面 异步交互 执行速度相对比较快 响应的是部分数据Aj... 阅读全文
posted @ 2015-11-25 13:26 Medeor 阅读(3162) 评论(0) 推荐(0)
JavaScript设计模式 - 单例模式
摘要：单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点。一、实现一个标准的单例模式，用一个变量来标志当前是否已经为某个类创建过对象， 如果是，则在下一次获取该对象实例时，直接返回之前创建的对象 示例: 1 var Singleton = function(name){ 2 th... 阅读全文
posted @ 2015-11-21 18:20 Medeor 阅读(405) 评论(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)
Sass 中的 @ 规则
摘要：一、 @import Sass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。 例如： @imp... 阅读全文
posted @ 2015-11-18 22:22 Medeor 阅读(518) 评论(0) 推荐(0)
Sass 颜色函数
摘要：1 /* 2 * Sass 颜色函数 3 * RGB 颜色函数 4 * 1. rgb($red,$green,$blue)：根据红、绿、蓝三个值创建一个颜色； 5 * rgb(200,40,88) //根据r:200,g:40,b:88计算出一个十六进制颜色值 6 * #c828... 阅读全文
posted @ 2015-11-18 22:18 Medeor 阅读(293) 评论(0) 推荐(0)
Sass 基本函数
摘要：Sass 中的常用函数一、字符串函数 1. unquote($string): 删除字符串前后的引号,删除一对引号,如果这个字符串没有带有引号，将返回原始的字符串。 示例:.text1 { content: unquote("'hello'");} 2. quote($string)... 阅读全文
posted @ 2015-11-18 22:16 Medeor 阅读(1545) 评论(0) 推荐(0)
web版canvas做飞机大战游戏 总结
摘要：唠唠:两天的时间跟着做了个飞机大战的游戏，感觉做游戏挺好的。说是用html5做，发现全都是js。说js里一切皆为对象，写的最多的还是函数，都是函数调用。对这两天的代码做个总结，希望路过的大神指点一下，我对这个游戏的思路，可改进优化的代码。 先说一下游戏的基本内容: 打飞机(不要想歪了)，有鼠标... 阅读全文
posted @ 2015-11-16 22:56 Medeor 阅读(5943) 评论(14) 推荐(3)
Sass 条件-循环语句
摘要：学习Sass中 @if...@else @for @while @each一、条件判断 - @if @else　示例: 1 @mixin blockOrHidden($boolean:true){ 2 @if $boolean { 3 @debug "$boolean is... 阅读全文
posted @ 2015-11-15 19:29 Medeor 阅读(2179) 评论(0) 推荐(0)
Sass 基本特性-运算 感觉满满都是坑
摘要：Sass中的基本运算一、加法 在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。但在 Sass 中，运算只是其基本特性之一。 sass做加法运算是可以不考虑参数带单位，但需要单位同一 加号可以不需要空格隔开 示例:1 $sidebar-width: 220px;2 $cont... 阅读全文
posted @ 2015-11-15 17:54 Medeor 阅读(12297) 评论(0) 推荐(2)
Sass 基本特性-基础 笔记
摘要：一、变量声明 $ 变量的声明使用 $ 所有的变量必须声明到变量调用之前 从3.4版本开始，Sass已经可以正确处理作用域的概念 在局部范围声明一个已经存在于全局内的变量时，局部变量就会成为全局变量的影子。局部变量只会在局部范围内覆盖全局变量。 $btn-primary-color:#0... 阅读全文
posted @ 2015-11-15 16:42 Medeor 阅读(297) 评论(0) 推荐(0)
ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
摘要：问题描述：sass文件编译时候使用ruby环境，在xp环境中没有任何问题，但是在windows7/8环境下无论是界面化的koala工具还是命令行模式的都会出现以下错误：ntax error: Invalid GBK character “\xE5″ on line 2 of E:\KoalaCS... 阅读全文
posted @ 2015-11-15 14:45 Medeor 阅读(284) 评论(0) 推荐(0)
css 实现元素水平垂直居中总结5中方法
摘要：个人总结，如有错误请指出，有好的建议请留言。o(^▽^)o一、margin:0 auto；text-align:center；line-height方法 1 margin,text-align;水平居中 1 /* 2 margin:0 auto; 设置块元素（或与之类似的元素）的水平居中... 阅读全文
posted @ 2015-11-14 21:05 Medeor 阅读(635) 评论(1) 推荐(0)
HTML5 拖拽实现
摘要：简介： 最早在网页中引入JavaScript拖放功能是IE4。当时，网页中只有两种对象可以拖放：图像和某些文本。拖放图像时，把鼠标放到图像上，按住鼠标不放就可以拖放它。拖放文本时，要先选中文本，然后可以像拖放图像一样拖放被选中的文本。在IE4中，唯一有效的放置目标是文本框。到了IE5，拖放功能得到... 阅读全文
posted @ 2015-11-13 21:43 Medeor 阅读(12966) 评论(0) 推荐(1)
SVG 基本绘图方法总结
摘要：基本内容： * SVG并不属于HTML5专有内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG,简单来说就是矢量图 * SVG文件的扩展名为".svg" * SVG使用的是XML语法一、概念： * SVG是一种使用XML技术描述二维图形的... 阅读全文
posted @ 2015-11-12 22:37 Medeor 阅读(2185) 评论(1) 推荐(1)
Canvas 基本绘图方法总结
摘要：一.基本内容 1.简单来说,HTML5提供的新元素 2.Canvas在HTML页面提供画布的功能，在画布中绘制各种图形 3.Canvas绘制的图形与HTML页面无关，无法通过DOM获取绘制的图形，无法为绘制的图形绑定DOM事件 4.只能使用Canvas提供的API 5.Canvas的用途 ... 阅读全文
posted @ 2015-11-12 22:09 Medeor 阅读(1191) 评论(0) 推荐(0)
js: 从setTimeout说事件循环模型
摘要：一、从setTimeout说起 setTimeout()方法不是ecmascript规范定义的内容，而是属于BOM提供的功能。查看w3school对setTimeout()方法的定义，setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法setTimeout(fn,mil... 阅读全文
posted @ 2015-11-07 16:59 Medeor 阅读(5531) 评论(0) 推荐(2)
HTML5 表单元素
摘要：HTML5 表单元素(包含在标签内)一、input新类型 1. email类型 - 验证是否包含 '@' 2. url类型 - 验证是否包含 'http://' 3. tel类型 - 在移动端显示 调出数字输入 4. number类型 5. range类型 6. date类型... 阅读全文
posted @ 2015-11-06 21:10 Medeor 阅读(414) 评论(0) 推荐(0)
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 阅读(266) 评论(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 阅读(201) 评论(0) 推荐(0)
jQuery操纵DOM
摘要：一、基本操作 1.html() - 类似于原生DOM的innerHTML属性 *获取 - html(); *设置 - html("html代码"); 2.val() - 类似于原生DOM的value属性 *获取 - val(); *设置 - val(v... 阅读全文
posted @ 2015-11-03 23:22 Medeor 阅读(265) 评论(0) 推荐(0)