zhepama - 博客园

2013年5月8日

摘要： 1.对象在原型里作为属性的时候也是保持引用的function Person (){ }Person.prototype.sex = "woman"Person.prototype.phone = {tel:1258444};var li = new Person();li.phone.tel=5854444;li.sex = "man"var wang = new Person();console.log(wang.phone); //5854444console.log(wang.sex); //woman2.如果属性是一个对象的话,可以这样存储,每次阅读全文

posted @ 2013-05-08 12:16 zhepama 阅读(299) 评论(0) 推荐(0)

2013年5月7日

在javascript中的公共,私有,静态属性

摘要：公共成员任何函数可以访问,修改,添加或删除这些成员.主要有两种途径:构造函数通常是用来初始化对象属性,使用this在构造函数内设置.因为使用this初始化的对象属性可以使用hasOwnProperty("member")判断该属性是否存在,迭代出属性的所有对象.原型中设置的属性用hasOwnProperty是获取不到的.function Container(param){this.member = param}原型通常是用来添加公共方法.Container.prototype.stamp = function (string) { return this.member + 阅读全文

posted @ 2013-05-07 11:40 zhepama 阅读(646) 评论(0) 推荐(0)

2013年5月6日

Backbone源码分析-Backbone架构+流程图

摘要：参考资料http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html官网介绍Backbone通过提供模型Models、集合Collection、视图Veiew赋予了Web应用程序分层结构。通过以下方式实现分层结构：  模型Model绑定键值数据和自定义事件；  集合Colection是模型的有序或无序集合，带有丰富的可枚举API；  视图View声明事件监听函数；  将模型、集合、视图与服务端的RESTful JSON接口连接。自调用匿名函数整个Backbon 阅读全文

posted @ 2013-05-06 19:11 zhepama 阅读(340) 评论(0) 推荐(0)

2013年5月3日

three.js详解

摘要：开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档也非常粗糙，很多效果需要自己慢慢敲代码摸索。所以我写这个教程的目的一是自己总结，二是与大家分享。本篇是系列教程的第一篇：入门篇。在这篇文章中，我将以一个简单的demo为例，阐述three.js的基本配置方法。学完这篇文章，你将学会如何在浏览器中绘制一个立体图形！准备工作在写代码之前，你首先要去下最新的three.js框架包，阅读全文

posted @ 2013-05-03 19:38 zhepama 阅读(1482) 评论(0) 推荐(0)

深入浅出 JavaScript 中的 this

摘要： JavaScript 语言中的 this由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。下面我们将按照调用方式的不同，分别讨论 this 的含义。作为对象方法调用在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，在使用这种调用方式时，this 被自然绑定到该对象。清单 2. point.js v... 阅读全文

posted @ 2013-05-03 02:36 zhepama 阅读(213) 评论(0) 推荐(0)

Javascript的原型

摘要：当我开始学习JavaScript的对象模型时，第一反应就是难以置信。我完全被它的原型本质给弄糊涂了，毕竟这是我头一次遇到以原型为基础的语言。因为JS中有构造函数这个概念，所以我看不出使用原型能给JS带来任何的好处。我敢说你们中的大部分人也有同样的经历。但是当我更多的使用JavaScript后，我不仅开始理解它的对象模型，甚至还喜欢上了它的一部分。感谢JavaScript让我见识到了原型语言的优雅与灵活。现在的我十分推崇原型语言，原因就是相对于以类为基础的语言，原型语言的有着更简单、更灵活的对象模型。JavaScript中的原型绝大部分的指南或者教程在开始讲解JavaScript对象时，总是直接阅读全文

posted @ 2013-05-03 02:35 zhepama 阅读(240) 评论(0) 推荐(0)

CSS3 Filter的十种特效

摘要： Filters主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上），不过我们在些只来讨论图片上的运用。语法 elm { filter: none | <filter-function > [ <filter-function> ]* } 其默认值是none，他不具备继承性，其中filter-function一个具有以下值可选：grayscale灰度sepia褐色（求专业指点翻译）saturate饱和度hue-rotate色相旋转invert反色opacity透明度brightness亮度contrast对比度blur模糊d... 阅读全文

posted @ 2013-05-03 02:29 zhepama 阅读(195) 评论(0) 推荐(0)

移动web开发经验总结

摘要： 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅（这个属性会调用硬件加速模式），但是在android下不可乱用，很多见所未见的bug就是因为这个。4、@-webkit-keyframes可以预定义很多你所想到的动画，然后通过-webkit-t 阅读全文

posted @ 2013-05-03 02:14 zhepama 阅读(208) 评论(0) 推荐(0)

Transform? Transition? Animation?

摘要：标题直译一下就是：变形、过渡、动画。好像都是用来实现CSS动画的！是的，不过至于他们分别做什么用，大概会迷惑吧？反正我自己是迷惑了很久（就这样的人了）。要分清他们之间的区别，得跳出“动画”这么一个概念来谈谈。首先是Transform，变形。这货和动画根本就没关系。。什么？CSS3新增的哦，很多动画都看到他。。没错，很多动画都有，所以很容易迷惑，其实没有他同样也可以做动画，等下会说到。那么这货是什么呢？Transform定义的只是普通的CSS3属性，普通到和width、height没太大区别，不同的是他比其它CSS属性更犀利，有了他我们可以实现变形、旋转、缩放、移位及透视等功能，通过一系列功能的阅读全文

posted @ 2013-05-03 02:12 zhepama 阅读(260) 评论(0) 推荐(0)

2013年5月1日

那些mv*框架如何选择

摘要：演示站点：http://todomvc.com/odo apps are included for:Backbone.jsEmber.jsAngularJSSpineKnockoutJS(MVVM)DojoYUIBatman.jsClosureAgility.jsKnockback.jsGoogle Web ToolkitNon MV*jQueryVanilla JSRequireJSBackbone.js+RequireJS(using AMD)Ember.js+RequireJS(using AMD)LabsWe also have a number of in-progress appl 阅读全文

posted @ 2013-05-01 17:37 zhepama 阅读(385) 评论(0) 推荐(0)

刘老六的狗窝