ituuz

发表于 分类于 评论数： 阅读次数：

对于使用过基于类的语言 (如 Java 或 C++) 的开发人员来说，JavaScript 有点令人困惑，因为它是动态的，并且本身不提供一个 class 实现。（在 ES2015/ES6 中引入了 class 关键字，但那只是语法糖，JavaScript 仍然是基于原型的）。

当谈到继承时，JavaScript 只有一种结构：对象。每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype ）。该原型对象也有一个自己的原型对象( proto ) ，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。

几乎所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例。

尽管这种原型继承通常被认为是 JavaScript 的弱点之一，但是原型继承模型本身实际上比经典模型更强大。例如，在原型模型的基础上构建经典模型相当简单。

阅读全文 »

发表于 更新于 分类于 评论数： 阅读次数：

在cocos creator中用shader实现图片的渐变切换

功能介绍

很多时候我们需要使用在场景中进行背景切换，或者图片的过渡等，需要一下过渡的效果，很多引擎都没有提供这种切换效果，使用遮罩来实现效果也并不是很好，所以这里使用shader来实现一下这个效果。本文中的shader是基于cocos creator来实现的，其中使用了cocos内置的变量，不过shader是基于标准的GLSL语言写的，很容易移植到其他引擎或者平台的。

效果图如下

shader
shader

阅读全文 »

发表于 更新于 分类于 评论数： 阅读次数：

项目结构

提到项目结构这点，其实它的重要程度很多人都忽视掉了，清晰合理的项目结构可以让多人开发更高效，越大的项目效果越明显；优秀的项目结构可以让人更好的沟通，让其它模块的人迅速熟悉和了解另一模块，还可以让新加入团队的人快速了解和掌握项目。

阅读全文 »

发表于 更新于 分类于 评论数： 阅读次数：

游戏项目架构及管理

一个项目开发的过程顺不顺利、多人协作效率是否高效、后期拓展及维护成本是否浪费等，都和前期的项目架构有着密不可分的关系。这次就仔细的聊一下项目架构的问题。这里提前声明一下：本篇文章不涉及到具体功能的实现和技术讲解。

做多了游戏的人，尤其是负责过中大型项目的人都知道，底层架构很重要。决定了后期功能修改和维护的成本，以及性能瓶颈等。要搭建一套可以支撑项目快速开发，易于维护，性能出色的底层。项目架构便于与其他人沟通，不同逻辑代码之间的交互，与美术，策划的沟通。框架可以让多人合作更加顺畅，包括策划和美术。同一件事情做到第三遍的时候，它就应该被封装和抽象到底层，或工具。

阅读全文 »

发表于 更新于 分类于 评论数： 阅读次数：

现在除了Web项目外，很多游戏引擎都支持js，包括Egret、Cocos、Unity等，甚至服务器端也可以用node.js。所以很多时候我们是可以积累一套通用工具库在不同项目间，甚至是不同类型项目、不同引擎间通用，来提高我们的开发效率。但是js的规范性较差，可维护性不强，有很多弊端，采用TypeScript来开发和积累我们的类库是比较好的一种选择。TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。在易用性、可读性和易维护上都有了不小的提高。采用TypeScript来开发可以发布成js文件来使用。下面就简单介绍一下TypeScript的工作流。

阅读全文 »

发表于 更新于 分类于 评论数： 阅读次数：

33 个人性格

33.1 个人性格是否和编程相关

  • 软件开发过程中，人们很少注意个人性格问题，然而却是非常重要的一点，重要到取决定性作用。
  • 编程工作本质上是一项无法监督的工作，老板或上司无法强迫你成为好的程序员，很多时候他甚至无法判断你是否合格。如果你想有所成就，只能全凭自己，这涉及到个人性格问题。
  • 你无法提升自己的聪明程度，但性格在一定程度上可以改进。事实证明，个人性格对于造就出出色的程序员有决定性作用。
    阅读全文 »

发表于 更新于 分类于 评论数： 阅读次数：

工欲善其事，必先利其器。

今天读《代码大全》的第3.1节（前期准备的重要性）后，感觉到项目的前期准备非常重要，但是仍然有很多管理者不重视项目的前期准备，往往上来就要求赶紧开发功能，速度出Demo。项目开发中总会有这种情况：项目开始一周后，程序仍然在搭底层，老板就会问“都一周了，怎么还一个功能都没出来？”，这种情况比比皆是，这里就要说一下项目前期准备的重要性。

  1. 其实在项目的初期、中期、末期都应该强调质量。初期应该注重底层架构和设计的质量，这里需要一个经验丰富的开发人员来反复的和产品确定需求和功能，然后从需求中提炼需求核心，再去设计底层框架，来保证项目的高效开发的同时还要保证项目后期易拓展、易维护。在项目中期更应该注重项目系统功能的正确性和质量，严格进行系统性测试，保证每个迭代功能的正确和完整。最后，在项目的末期更应该注重的是两方面质量，一个是项目的性能指标，另一个就是产品的体验细节。所以说在项目开发中的每个阶段质量都非常重要，只是侧重点不同，包括最重要的前期准备阶段。
  2. 前期准备工作的核心目标就是规避和降低风险。前期充分的准备工作包括认真去讨论和分析真实的需求，考虑讲来可能出现的拓展需求等。预先详细说明100%的需求和设计是不切实际的，不过“尽早的把哪些是最关键的需求要素和架构确定下来”是非常有价值的。前期的认真准备，可以让你更早的发现设计问题，软件开发中有这么一条宗旨：发现错误的时间要尽可能接近引入该错误的时间。
  3. 针对于上一点中的项目规划、分析出全面而准确的需求、创建高质量的架构等活动都需要一定的专业技能和丰富的经验。这个不是靠讨论的多么详细能够决定的。
  4. 管理者们应该要明白：软件开发不仅仅是写代码（写功能）。开篇说了一个现象就是很多管理者都认为，项目一开始程序就是写功能，然则不是。就算排除功能分析这步，也还有架构这一步。高质量的架构就像稳定的地基，可以让摩天大楼稳如泰山一样，让你的项目可以安全并高效的开发，而不是时有问题出现。所以说开工前打地基很重要，除非你要搭的是一间茅草屋。其实只要做几个大项目，你就能体会到：事先做好计划和架构能避免很多压力和风险。
  5. 假如你的BOSS让你立刻写代码，你可能有下面几种方式处理：
    • 断然拒绝。选择这种方式只能说你很勇敢，并且你兜里的钱很充裕，或者说你的工作机会很多很多（再多这样下去也要玩完），很显然这种办法很难让人接受，只会制造矛盾。
    • 假装在写。事实上你在调研和设计，然后再投入开发，这么做你很为你的BOSS着想，因为从他的角度来看这就是“无知是福”。
    • 教你的BOSS：告诉他技术层次设计的微妙之处，设计有多么重要，这能增加世界上懂技术业务老板的数量，让项目进行更顺利。
  6. 清楚你要做的是什么。很多情况下都是“先做一个错误的东西出来，然后扔掉，并从头来过”。越明确你要做的是什么，就越能降低项目的成本，提供效率。

不仅仅软件开发领域中前期准备非常重要，其他各行各业都一样，准备充分才能走的更远。最后再一次引用论语中的一句话：工欲善其事，必先利其器。

发表于 更新于 分类于 评论数： 阅读次数：

JavaScript性能优化总结

  • +=运算符比+运算符效率高。

  • 数字转换成字符串

    1
    ("" +) > String() > .toString() > new String()

  • 展开循环：当循环次数是确定的，消除循环并使用多次函数调用，虽然会让代码看起来不够高端，但是速度往往会更快。

  • 减值迭代:在循环中，减值要比增值效率高。

    1
    2
    3
    4
    5
    6
    7
    8
    //增值迭代
    for (var i = 0; i < 1000; i++) {
        //TODO ...
    }
    //减值迭代较优
    for (var i = 999; i >=0; i--) {
        //TODO ...
    }

  • 使用switch优于if：在分支大于2并且允许使用switch的时候用switch的效率是很高的，因为switch是随机访问的。

  • 重复值:任何在多处用到的值都应该抽取为一个常量

    1
    2
    3
    4
    var result = (obj.value.value2 + obj.value.value3)*obj.value.value1;
    //较优的写法
    var value = obj.value;
    var result = (value.value2 + value.value3)*value.value1;

  • 遍历数组时，缓存数组长度

    1
    2
    3
    4
    var len = arr.length;
    for (var i = len - 1; i > 0; i--) {
        //TODO ...
    }

  • 释放对象： 

    1
    2
    3
    4
    //对象
    obj = null  
    对象属性：delete obj.myproperty  
    数组item：使用数组的splice方法释放数组中不用的item

  • 位运算较快：&、|、!、>>、<<

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    //按位与(&):判断一个数是奇数还是偶数
    if (n & 1) {
        console.log("n是奇数");
    } else {
        console.log("n是偶数");
    }

    //按位或(|):对浮点数向下求整
    var num = 1.1 | 0; // 1

    //左移(<<) 
    var num = 2 << 1; // 4
    //右移(>>)
    var num = 64 >> 1; // 32

  • 巧用||和&&布尔运算符

    1
    2
    3
    4
    5
    if (myobj) {
        doSomething(myobj);
    }
    //可以替换为：
    myobj && doSomething(myobj);

  • 避免与null进行比较

    1
    2
    3
    4
    5
    6
    7
    if (obj == null) {
        //todo
    }
    //替换为
    if (!obj) {
        //todo
    }