一.面向对象-OOD   虽然js面向对象的编程思想已经老话常谈了,但了为了文章的完整性,我还是把它加了进来,尽量以不太一样的方式讲述(虽然也没什么卵不一样的). 1.面向对象,首先得有类的概念,没有类造不出来对象,但是javascript中又没有类 只有函数的感念,把以大写字母命名的函数看成创建对象的构造函数,把函数名看成类,那么就可以new一个对象了 //1.1 无参的 function People() { } var p = new People(); //javascript为解释性语…

JS的核心是对象 {}, new function(){}这种形式也是对象. http://www.nowamagic.net/librarys/veda/detail/241 整理一些网上的资料,供参考 1.创建对象 1.1 new 用new进行创建对象: var user = new Object(); user.age = 12;//同时为对象添加属性 user.name = ‘ajun’; 1.2{} 用{}创建对象,如: var user = { ‘name’:’ajun, ‘age’…

上篇说到面向对象可以帮我们梳理页面的逻辑的文章(http://www.cnblogs.com/hetaojs/p/6024013.html),很多朋友看了说我这种写法是初级的面向对象小儿科,确实是初级,但在javascript用到面向对象的继承和多态好像也不那么合适,javascript不适合封装太多的子类父类,以来不好管理,因为不像后台那样一个接口一个实现接口都分别用class文件分开,js也用这种方法话话前台会增加很多js请求,web优化中有一条就是尽量减少页面的请求次数.我觉得在实际项目分…

1. 使用require.js的意义   (1)实现JS文件的异步加载,避免网页因为加载JS文件缓慢造成网页未响应 (2)管理模块之间的依赖性,便于代码的编写和维护.页面中只需要引入require.js和main.js,其余的js文件全部通过require.js管理.   2. 获取require.js   requireJS学习资料http://javascript.ruanyifeng.com/tool/requirejs.html 3. 使用require.js 把require.js放入…

1. 首先,我们需要明白为什么要用模块化? 功能都是为了解决需求的.模块化可以带来的优点有以下几点: (1)可维护性.举个例子,如果我们把未使用模块化的代码比作油和水混合在了一起,模块化之后的代码就好像油和水的分层,油就是油,水就是水,这样的代码层次清晰,功能分明.似乎用油和水必然分层的现象来指代JS模块化的大势所趋也很合适. (2)命名空间.这里需要谈到JS的作用域.又涉及到了作用域链.如果对作用域链不熟悉的同学可以移步我的另一篇文章“理解JavaScript中的作用域链”.JS中是靠函数来区…

在写正文之前先写一点废话,从我大三下学期正式接触前端到现在,已经六个月了.自己从HTML,CSS,简单的JS验证开始,一点点开始走入前端的世界.越发的感觉前端这一领域散发着无穷的魅力,也许这和我真心喜爱前端分不开.有些人总爱说前端技术迭代快,认为这是前端的一个缺点,但我恰恰认为这正是前端的魅力所在,充满着朝气和活力. 小小感慨一下,现在开启我的JavaScript模块化入门之旅,之前自己做的都是小项目,简单的写写JS验证,给按钮添加一些绑定事件等等.随着自己对JS学习和使用的深入,渐渐的发现两个…

javascript编程开发修炼之道   提要文摘附注: 本文的核心内容是围绕javascript前端开发的编程技术要素,来深入地探讨编写高质量的javascript代码的方法.技巧.规范和最佳实践,从而为编写易于维护的Web前端代码打下坚实的基础. 作者:贵源网络 1.javascript基础类库 2.创建静态对象 var obj = {}.window['obj']={}; 3.创建实例对象 function fn(){} fn.prototype = {} 4.function对象自执行函…

JavaScript 使用函数来定义类.语法:function className(){    // 具体操作} function Person() { this.name=" 张三 "; // 定义一个属性 name this.sex=" 男 "; // 定义一个属性 sex this.say=function(){ // 定义一个方法 say() document.write("嗨!大家好,我的名字是 " + this.name + &quo…

js代码: 游戏的对象 ,食物,蛇 ,游戏控制思路如下 (完整代码在https://github.com/774044859yf/ObjectSnakeGame下载) var snake = { aSnake: [],//添加蛇的数组 size: 20,//蛇的大小,每块身体的size top: 200,//初始位置 left: 400,//初始位置 speed: 250,//初始速度 level: 1,//初始游戏等级 len: 3,//蛇身长度默认3个单位 direction: 'left'…

前一篇文章了解了什么是模块,这一篇就简单介绍一下如何定义并加载一个模块. 我所了解的三种模块加载方式分别是CommonJS.AMD和CMD 网上关于这三种模块加载方式讲解的文章很多,我就简单的做个介绍,如果想深入了解一下可以去网上查阅一下相关的资料. (1)CommonJS 在CommonJS中,一个单独的文件就是一个模块.被调用模块内使用exports暴露接口,调用模块使用require调用暴露出来的接口. 示例如下: 1 // student.js 2 // 私有变量 3 var a = 1…