trace的技术备忘专栏

第一部分包括JS语言的特点,接口,封装,继承,单体模式,方法的链式调用 一:灵活的JS    多种风格;弱类型;易变性:(利-动态修改 | 弊-不稳定,不确定性)     JS中一切皆是对象,函数是一等对象 二:接口(个人认为是对JS灵活性的利弊进行了平衡)   面向对象的第一设计原则:针对接口而不是实现编程   定义:接口提供了了一种用以说明一个对象应该具有哪

简单工厂模式

最简单的工作方法和思路是PDCA循环，展开来就是凡事有记录，凡事有计划，凡事有执行，凡事有结果，凡事有改进，在这个过程中时刻体现目标驱动和用数据 说话。这个看起来很简单，做起来却不容易，而真正做的时候可以从最简单的记录和日志开始，然后过渡到GTD和目标管理，然后过渡到数据分析。

看的虽然只是>的源代码，但是却能从中一窥原书的思想端倪~~~

HTML5 Canvas的学习笔记整理

CSS Sprites切图方法,经验

facebook是如何管理代码的

看的是英文电子版的。没有细看，先做个阅读作为索引 ###################### new sectioning element####################   * header   * footer   * section   * article   * aside   * nav ###################### document.querySelector####################   * querySelector()     - return th

如何阅读代码？像某些人一样……我已经记不清有多少次看到程序员（用鼠标）滚上滚下地看着不熟悉的代码，几分钟过后，他们的脸上浮现出不悦的表情。 他们不久后会宣告说，那代码不值一读，为什么要浪费时间呢？我们只能用其他方法解决问题。 我不确定（他们）在期待什么，是通过潜移默化来吸收代码的含义，还是集中精神盯着代码来得到启发？ 你不能只靠长时间盯着代码来阅读代码，你要理解它并化为己用。 这里有一些我喜欢用的技巧，虽然这不是一份详尽的列表，但我发现其中有些特别有用。

英文版的《HTML5 Up and Running》*目录索引：2。检测HTML5属性；3。新的语义标签；4。Canvas；5。Video；6。地理位置；7。本地存贮；8。离线应用；9。Form；－属性检测可以使用modernizr脚本库进行，很方便。当然也可使用特征检测法，如：return !!document.createElement('canvas').getContext; 或者return typeof context.fillText == 'function'; 或者return 'loca

先练习使用Yii的demo blog。*　　修改数据库连接　　－改为mysql连接，这个比较简单，就是改config/main.php里，代码都有的，取消掉注释就好。*　　使用Gii　　－先在main.php里添加下列代码：        'modules'=>array(                'gii'=>array(                        'class'=>'system.gii.GiiModule',                        'p

本来是搜一些html5 websocket资料看的，结果被引去看了php的socket编程。下面是一些简单的例子，在命令行运行php脚本就行[命令行运行PHP]PHP中有一个php.exe文件，可以用命令执行PHP脚本。如：D:/php.exe -f F:/test.php ; 可以使用php.exe -h查看更多参数：server端：

轻量级前端开发工具Bootstrap http://t.cn/anW06J 　　Bootstrap 使用LESS来写CSS。http://t.cn/SbVIm7 LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

工厂模式的主要好处在于消除对象间的耦合。缺点是：每增加一个model,都要增加一个model的工厂类，增加了开发工作量。

命令模式的取消操作：１.取消操作等于其逆操作的情况；　２.取消操作不等于其逆操作的情况

装饰模式:动态地给一个对象添加一些额外的职责,就增加功能来说,装饰模式比生成子类更为灵活.优点:有效地把类的核心功能与装饰功能区分开. 模式之利:动态添加功能,动作过程是透明的模式之弊:1:依赖于类型检查的代码会出问题;2,增加架构的复杂程序.引入过多小对象 例子:function Player( name ){ this.name = name;} Pl

参考资料: http://www.v-ec.com/dh20156/article.asp?id=123 地图制作方法:  一:以前的做法--二维数组+拼图方式  二:现在的做法--对象列表 方法一原理:地图和场景前景都制作成一个个大小完全相同的小画片，然后分别将每个画片都编上号（例如，1号代表土地，2号代表小坑，3号代表水，4号代表……），然后便用一个比较大的二维数组

代码风格:1.同一对象2.较多操作建议每行写一个3.较多操作或按功能块换行 区分:JQ对象和DOM对象1.JQ对象是通过JQ包装DOM对象后产生的对象2.变量定义风格:JQ:$variable  ; DOM: variable3.JQ对象转换为DOM对象   1)JQ对象是一个数组对象,可以通过[index]得到DOM      $("#A")[0];  

 组合模式: 将对象以树形结构组织起来,以达成“部分－整体” 的层次结构，使得客户端对单个对象和组合对象的使用具有一致性.组合对象的结构:分为 叶对象 与 组合对象 适用条件:   1.存在组织成层次体系的对象   2.可以对这批对象的部分实施统一操作   模式之利:    1.简单的操作可以产生复杂的结果   2.各对象间耦合非常松散   3.层次体系

 单体模式优点:把代码组织得一致并隔离,更容易阅读和维护,提高稳定性;用于优化,提升性能缺点:可导致强耦合5.1 单体的基本结构var Singleton = { attribute1 : true, attribute2 : 10, method1 : function(){}, method2 : function(){} };  严格按定义来说,

 链式调用是一个语法招数.包含两个部分:1.一个创建HTML元素的对象的工厂2.对这个HTML元素执行的操作的方法[个人理解:将HTML元素包装成对象,在对象上添加方法(重点在return this)]构造器 (function(){ //Use a private class function _$(els){ this.elements = []; for(va

 装饰者模式擅长为各种对象添加新特性: 本例创建的装饰者可以用来馐任何对象,以便于为其提供方法性能分析. 一个用来测试的类var ListBuilder = function(parent, listLength){ this.parentEl = document.getElementById(parent); this.listLength = listLength;

 80%的时间花费在页面组件上,HTML文档下载一般不超过总时间的20% 性能改进?前端还是后端?前端的优势: 1.前端针对其80%的时间优化,提升大 2.相比后端,前端花费时间及资源更少,而后端需要面对升级硬件,改进算法会花费更多时间及引起错误的可能性更大 ------------------------------------------------------

友元:指一个对象向另一个对象开放其特定私有属性和方法的访问权限 一个小例子: function dw(s){ document.writeln(s+"");}function ClassA(){ var a = 100; var b = 200; var that = this; this.declareFriend = function(friend){

来源URL : http://playgoogle.com/?p=108 没有来及仔细看,但摘出来应该挺好用的. body{min-width:800px;}h1,h2,div p{margin:0;padding:10px;}#wrapper{width:90%;margin:0 auto;background:#ddd;}

来源URL ： http://playgoogle.com/?p=81 DPL是一份文档化的说明，面向的是UED全体设计人员。DPL的背面是技术实现，一般体现在JS框架里，比如YUI的widgets库，jQuery的UI插件库等等，这些封装好的代码组件面向的是程序开发人员。在DPL之上，可以构建各种应用。比如Yahoo的首页，Google的GMail. 每个公司的DPL各不相同，体

命令的结构：最简形式的命令对象是一个操作和用以调用这个操作的对象的结合体。

>Git对象模型  SHA: 表示项目历史信息的文件，通过一个40个字符的"对象名"来索引。  对象:     三个部分：类型、大小和内容    分四个类型: blob, tree, commit, tag      blob: 存储文件数据      tree: 管理tree和blob      commit: 指向一个tree，标记项目某