2015年11月18日
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 阅读(270) 评论(0) 推荐(0) 编辑
Sass 基本函数
摘要： Sass 中的常用函数一、字符串函数 1. unquote($string): 删除字符串前后的引号,删除一对引号,如果这个字符串没有带有引号，将返回原始的字符串。 示例:.text1 { content: unquote("'hello'");} 2. quote($string)... 阅读全文
posted @ 2015-11-18 22:16 Medeor 阅读(1461) 评论(0) 推荐(0) 编辑
2015年11月16日
web版canvas做飞机大战游戏 总结
摘要： 唠唠:两天的时间跟着做了个飞机大战的游戏，感觉做游戏挺好的。说是用html5做，发现全都是js。说js里一切皆为对象，写的最多的还是函数，都是函数调用。对这两天的代码做个总结，希望路过的大神指点一下，我对这个游戏的思路，可改进优化的代码。 先说一下游戏的基本内容: 打飞机(不要想歪了)，有鼠标... 阅读全文
posted @ 2015-11-16 22:56 Medeor 阅读(5867) 评论(14) 推荐(3) 编辑
2015年11月15日
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 阅读(2108) 评论(0) 推荐(0) 编辑
Sass 基本特性-运算 感觉满满都是坑
摘要： Sass中的基本运算一、加法 在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。但在 Sass 中，运算只是其基本特性之一。 sass做加法运算是可以不考虑参数带单位，但需要单位同一 加号可以不需要空格隔开 示例:1 $sidebar-width: 220px;2 $cont... 阅读全文
posted @ 2015-11-15 17:54 Medeor 阅读(12273) 评论(0) 推荐(2) 编辑
Sass 基本特性-基础 笔记
摘要： 一、变量声明 $ 变量的声明使用 $ 所有的变量必须声明到变量调用之前 从3.4版本开始，Sass已经可以正确处理作用域的概念 在局部范围声明一个已经存在于全局内的变量时，局部变量就会成为全局变量的影子。局部变量只会在局部范围内覆盖全局变量。 $btn-primary-color:#0... 阅读全文
posted @ 2015-11-15 16:42 Medeor 阅读(281) 评论(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 阅读(277) 评论(0) 推荐(0) 编辑
2015年11月14日
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 阅读(621) 评论(1) 推荐(0) 编辑
2015年11月13日
HTML5 拖拽实现
摘要： 简介： 最早在网页中引入JavaScript拖放功能是IE4。当时，网页中只有两种对象可以拖放：图像和某些文本。拖放图像时，把鼠标放到图像上，按住鼠标不放就可以拖放它。拖放文本时，要先选中文本，然后可以像拖放图像一样拖放被选中的文本。在IE4中，唯一有效的放置目标是文本框。到了IE5，拖放功能得到... 阅读全文
posted @ 2015-11-13 21:43 Medeor 阅读(12857) 评论(0) 推荐(1) 编辑
2015年11月12日
SVG 基本绘图方法总结
摘要： 基本内容： * SVG并不属于HTML5专有内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG,简单来说就是矢量图 * SVG文件的扩展名为".svg" * SVG使用的是XML语法一、概念： * SVG是一种使用XML技术描述二维图形的... 阅读全文
posted @ 2015-11-12 22:37 Medeor 阅读(2143) 评论(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 阅读(1152) 评论(0) 推荐(0) 编辑
2015年11月7日
js: 从setTimeout说事件循环模型
摘要： 一、从setTimeout说起 setTimeout()方法不是ecmascript规范定义的内容，而是属于BOM提供的功能。查看w3school对setTimeout()方法的定义，setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法setTimeout(fn,mil... 阅读全文
posted @ 2015-11-07 16:59 Medeor 阅读(5463) 评论(0) 推荐(2) 编辑
2015年11月6日
HTML5 表单元素
摘要： HTML5 表单元素(包含在标签内)一、input新类型 1. email类型 - 验证是否包含 '@' 2. url类型 - 验证是否包含 'http://' 3. tel类型 - 在移动端显示 调出数字输入 4. number类型 5. range类型 6. date类型... 阅读全文
posted @ 2015-11-06 21:10 Medeor 阅读(390) 评论(0) 推荐(0) 编辑
2015年11月5日
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 阅读(254) 评论(0) 推荐(0) 编辑
jQuery基本动画
摘要： jQuery效果一、基本效果 显示与隐藏(通过控制宽高实现) 1.show() - 显示 * 无参版本 - 不具有动画效果 * show(speed,callback)有参版本 - 具有动画效果 * speed - 设置动画执行的时长,单位为毫秒 ... 阅读全文
posted @ 2015-11-05 00:08 Medeor 阅读(193) 评论(0) 推荐(0) 编辑