HTML/CSS/JAVASCRIPT
CSS3实现围绕任何点来旋转-续
前天写过一篇文章 "CSS3实现围绕任何点来旋转",主要是实现围绕点来旋转.今天我们继续用另外一种方式实现.我们先来看代码Html <div class="smile">?</div>Css.smile{ margin:100px auto; width: 80px; height: 80px; font-size: 80px; animation: action 10s linear inf
Javascript Prototype 方法 vs Object 方法
在JavaScript中,定义一个对象,可以使用两种方式给他加入方法.1. 在对象结构函数里面使用 this.func = function(){...}2. 使用prototype 例如 obj.prototype.func = function(){...}这两种处理方式,在创建对象后,都可以访问函数 func().但是,我们选择哪种方式最好呢?简短来说: 使用 prototype ,大多数都是使用这种方式.对象实例化后共享公共函数,使用prototype.1. 使用 Prototype 改变公共方法,是一个好的选择使用prototype给对象添加公共方法,修改公共逻辑非常简单,甚至在实例
CSS3实现围绕任何点来旋转-京东推荐动画
之前在京东首页看到一个推荐动画觉得还是可以试试使用.其实整个效果还是比较简单的.主要还是控制动画的运作原点.在这个动画里,我觉得比较有意思的就是这个黑点的旋转.我们这次就来实现这个效果.以为其他效果都是没难度的我们先来看完整代码<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动画</title>
HTML5 和 CSS3 代码生成工具列表
HTML5是现在流行的语言之一,在开发人员和设计人员,因为它提供了许多功能,帮助开发人员轻松设计web应用程序。HTML5有很多属性,如现代浏览器支持(如Firefox 6,Google Chrome,IE9等等)的结构特定的标签、视觉元素,如圆角现在建在,拖拽,视频,音频和画布元素等等,还有更多的.目前也出现了很多的支持html5和css3的工具,他们给我们学习和实践项目带来了很大的方便.下面我们列出了一些相关的工具,帮助大家能够快速的开发web应用程序.a) QuackIt – HTML Code Generator(http://www.quackit.com/html/html_gen
Emacs编辑器快速上手的几个命令
已经很多年没有使用过emacs了,已经完全的不知道如何上手.主要是还是太依赖IDE的强大,其实emacs也是很强大的,他其实就是一个操作系统.里面很多命令,就像linux中的命令一样.学会这些命令,也需要一定的时间.如何上手呢.emacs当然也有windows版,不过我喜欢在cygwin下操作.好了,其他不多讲.我们先上手吧!大家思考下,一个编辑器最基本的操作是那些?新建文本,打开文本,保存文本,编辑文本,移动光标,删除文本,撤销,粘贴,复制,剪切,关闭编辑器.注意: C -> ctrl M -> alt.这里大写C和大写M是按键的缩写.文件操作:新建文件
javascript实现日志输出函数log,自定义格式.
今天我们来做一个简单的实例,日志输出功能我们都经常的使用,不管是后端,还是前端都会涉及的到.日志在后端也是非常重要的,当然插件也很多.所以使用插件也是很好的选择.但是我们这里是实现js的日志输出功能,虽然JS中有console.log这个函数,已经非常好了.但是我们要加入我们自己的信息,就得做一番的改变了,封装了.好,我们直接来看代码吧function log(){var args = Array.prototype.slice.call(arguments, 0, 0);args.unshift("编程的人: ", 0, 0);console.log.apply(cons
Javascript中能欺骗你的11个关于true false的问题
这一章,我们来看看true和false的一些细节问题.首先,我们先要确定下Javascript中的定义的细节.假的(false): 在Javascript 6种都是false的是 null,undefined,"",0,NaN真的(true): 两种都是true, 字面量true和不是false的都是true.我们这里罗列了一些,可能会遇到的问题.我们以问答的形式问: 'false' 是 false吗?答: 不是.因为字符串的长度大于0.只有空字符串才是false.问: ' '是false吗?答: 不是
Javascript中两个对象作比较
Javascript中有两种办法测试是否相等. 原始类型的字符串,数字比较的是他们的值,当对象像数组,日期,和用户定义的对象作比较是通过他们的引用.这意味着比较两个对象比较的是引用是否是在内存中的同一地址.相等检查,检查两个对象的属性是否有同样的值.你可以通过两个对象间获取键做检查.如果属性个数不同,则两个对象不相等.其次,检查每个属性是否有同样的值.假如所有的属性有同样的值,他们就是相等的.Javascriptfunction isEqual(a, b) {
var aProps =
Javascript 中 == 和 === 操作符详细解析
== 和 === 他们俩到底有什么样的却别,其实在之前还是 == 接触的比较多.包括在使用其他编程语言. === 似乎是在Javascript独有的.那我们来看看他们到底有什么不同.简单来说, == 不会检查类型, === 会检测比较的两方是否类型相同. 因此, == 比较也是可以的. 但是在JS引擎下它们将转换为相同的类型进行比较.=== 比较类型和值.因此,加入两边类型不同,答案永远是false. 例如比较两个字符串,他们必须是同一字符的集合.另外的原始(number,boolean)必须分配同样的值.强制规则: 在JS引擎下隐式类型转换使用 == 作比较.强制类型转换使用下面的规则:a)
null 和 undefined之间有什么区别?
之前我们写过一篇文章(Javascript中null值,特别注意的两点),这里我们来详细的对比null和undefined的区别.JavaScript 中有两个可以设置没有任何值的方式, null 和 undefined.我们来详细的分析他们俩.undefinedundefined 意思是, 变量的值没有定义. JavaScript 有一个全局变量 undefined 其值是 "undefined" 且typeof undefined 同样也是 "undefined". 记住, undefined 不是常量,也不是关键字. undefined 是一个类型