写在前面 不读文章,只对代码感兴趣可以直接跳转到这里 https://github.com/AlloyTeam/AlloyGameEngine然后star一下,多谢支持:). 前几天发了篇向ES6靠齐的Class.js,当初jr为什么不把父类的实例暴露给子类,其原因还是为了延续原型继承的习惯,子类重写就会覆盖掉父类的方法,父类的方法就会丢,如下面的代码,就堆栈溢出了: var Parent = function () { } Parent.prototype.a = function () {…

写在前面 Github: https://github.com/AlloyTeam/AlloyGameEngine HTML 5新增了progress标签,那么再去使用AlloyRenderingEngine去模拟进度条是否多余? 不多余.有四大好处: 样式更加灵活(想怎么绘制就怎么绘制) 跨平台跨浏览器样式更加统一(使用便签,各个浏览器默认样式是五花八门) 效果更加酷炫,(比如燃烧的进度条= =!) 像素能够统一管理 统一像素管理的好处: 更容易的全尺寸缩小和放大(最常见的:全屏游戏) 缩小和…

写在前面 Github: https://github.com/AlloyTeam/AlloyGameEngine 在dom元素里,自带了input标签,设置其type为text,它就是一个文本框. 那么在Canvas中模拟input文本框是不是闲的没事找事?绝对不是! 因为在游戏当中可以统一化像素管理,具体统一化像素管理有什么好处,以后新开文章详细讨论. 演示 (function () { var r = ARE.Stage, t = ARE.Container, i = ARE.Graphi…

AlloyRenderingEngine燃烧的进度条 写在前面 Github: https://github.com/AlloyTeam/AlloyGameEngine HTML 5新增了progress标签,那么再去使用AlloyRenderingEngine去模拟进度条是否多余?不多余.有四大好处: 样式更加灵活(想怎么绘制就怎么绘制) 跨平台跨浏览器样式更加统一(使用便签,各个浏览器默认样式是五花八门) 效果更加酷炫,(比如燃烧的进度条= =!) 像素能够统一管理 统一像素管理的好处: 更…

1.prototype 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉好像是拷贝). //'构造函数'a function a(name){ this.name = name } //原型属性,可共享 a.prototype.getName = function(){ return this.name; } a.prototype.setName = function…

1.使用call或apply方法,将父对象的构造函数绑定在子对象上 function A(){ this.name = 'json'; } function B(){ A.call(this); } //测试 var testB = new B(); alert(testB.name) //->json; 2.实现继承,方法二:prototype模式 function A(){ this.name = 'json'; } function B(){ this.job='coder'; } B.p…

前言 本篇适合前端新人,下面开始...... 对于前端新手来说(比如博主),每当对js的对象做操作时,都是一种痛苦,原因就是在于对象的赋值是引用的传递,并非值的传递,虽然看上去后者赋值给了前者,他们就各奔东西了,但是他们却紧紧相连,为了解决这一问题,我们需要从根源上来切断对象赋值时就对象与新对象之间的藕断丝连...... 拷贝 我们寻找方法时候,找到了拷贝这个方法,就是把要赋值的对象的属性一个一个加到新对象中去,所以我们得到了clone方法: function clone (obj) { var…

开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧. 不断更新,不断更新,不断更新,重要的事情说三遍. 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少 所有题目汇总在我的 G…

题目一: //有关于原型继承的代码如下:function Person(name) {   this.name = name;}Person.prototype = {     getName : function() {    return this.name;    }}function Student(name, id) {     Person.call(this, name)    this.id = id;} //接下来的一行,我们提供了有三种写法://第一种:Student.pro…

原型式继承 其原理就是借助原型,可以基于已有的对象创建新对象.节省了创建自定义类型这一步(虽然觉得这样没什么意义). 模型 function object(o){ function W(){ } W.prototype = o; return new W(); } ES5新增了Object.create()方法规范化了原型式继承.即调用方法为:Object.create(o); 适用 只想让一个对象跟另一个对象建立继承这种关系的时候,可以用Object.create();这个方法,不兼容的时候,…