前端工程瓜

原创 图片合集

原创 unity3d fixedUpdate 和 update 区别

Update是在每次渲染新的一帧的时候才会调用，也就是说，这个函数的更新频率和设备的性能有关以及被渲染的物体（可以认为是三角形的数量）。在性能好的机器上可能fps 30，差的可能小些。这会导致同一个游戏在不同的机器上效果不一致，有的快有的慢。因为Update的执行间隔不一样了。 而FixedUpdate，是在固定的时间间隔执行，不受游戏帧率的影响。有点想Tick。所以处理Rigid

原创 unity3d中动态增加、建立场景

在Unity3d中，场景（scene）多半通过在build settings中点击add current或者把场景拖进面板实现，假如不这么做，你的场景便不会被加载，哪怕你制定了绝对路径。就是说，一个游戏里要加载多少场景多半都是固定的。这样的方法会有很多不便，不容易动态加载场景。所以我们今天要说的，是一种动态加载场景的方法。首先，你需要一个编辑器文件，放在editor

原创 unity3d的C#中传入不定参数方法

public static Hashtable Hash(params object[] args){ Hashtable hashTable = new Hashtable(args.Length/2); if (args.Length %2 != 0) { Debug.LogError("Tween Error: Hash requires an even number of a

原创 unity3d 面试题

人肉敲打，内容转自 unity3d工作室1.请描述游戏动画有哪几种，以及其原理。2.alpha blend 工作原理3.写光照计算中的diffuse的计算公式4.lod是什么，优缺点是什么5.两种阴影判断的方法工作原理6.MipMap是什么？作用？7.用u3d实现2d游戏，有几种方式？8.u3d中碰撞器和触发器的区别？9.物体发生碰撞的必要条件10.Ch

原创 unity3d之ui实践

我想实现一个通过转化json来制作ui的东东，这样就可以比较简单的通过编写和操作json来改变ui，并且可以把json存入数据库，但是始终无法实现，因为unity3d的ui实现的让我觉得有些怪异，他不是个对象，我们只能针对ui的每一帧进行编码，这样非常累。。有高手来指点一下么

原创 appfog下用客户端管理你的database

既然cnodeclub不能上，我就发表在csdn上吧。 appfog用的人越来越多，我也跟潮流挂了一个博客上去，说实话，确实非常简单、好用。但是管理数据库就不是那么方便了，appfog把数据库的链接向使用者保密，如果是mysql的用户，一般用phpMyadmin管理，我想mongo这类数据库也可以用这类方法管理。但是今天要说的，不是这种方式。 由于不太懂php，所以我在ap

原创 ie7\8查看游览器是否被缩放

拜公司大神所赐，如下。如果没有body标签则不可Ie7:         var body = document.body,r = body.getBoundingClientRect();          alert((r.right-r.left)/body.offsetWidth);ie8:         alert(screen.deviceXDPI/screen.

原创 mongoDB系列1.安装

我在window下安装的mongoDB，系统是xp官网最新是2.20，但是在window下会出现错误，所以改成2.07即可。下载好，用命令行运行D:\mongodb-win32-i386-1.8.2\bin>mongod.exe --dbpath D:\mongodb-win32-i386-1.8.2data\后面的dbpath是数据库存放的地方，这个文件夹自己得建立好，不然mon

原创 CONTENT_TYPE 大全

/** * ContentType常量 */DEFAULT_CONTENT_TYPE = 'application/octet-stream';//上传类型UPLOAD_CONTENT_TYPE = 'multipart/form-data';CONTENT_TYPE = { '':'application/octet-stream',

原创 传说中的xss大集合

好吧我只是转载一下，这里几乎囊括了所有的xss攻击：https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet

原创 正则表达式总结

对于正则表达式，可以说是前段工作的sql，非常重要。下面简述一下需要注意的规则：表1.常用的元字符代码说明.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始或结束^匹配字符串的开始$匹配字

原创 关于cnodejs中的xss注入防范

本文大部分内容摘抄整理自cnodejs的snoopyxss注入很早就听说了，但给我印象最深的还是最近，一是项目中用到，二是cnodejs最近弄得很火爆，主要比较流行的xss注入方式有：我打开2500sz.com的论坛然后注册了一个帐号，发布一个新话题，输入以下代码：上面的代码就是输入一个网络分享的图片，我在src中直接写入了javascript:alert('xss')

原创 面向对象设计的原则

今天看到一本书，《敏捷软件开发：原则、模式与实践》很好很养眼，我觉得对于程序设计人员，这本书的思想挺重要的，我先把一些重要的东西记录一下 SRP 单一职责原则就一个类而言，应该仅有一个引起他变化的原因。OCP 开放封闭原则软件实体（类、模块、函数）应该可以扩展，但不可修改LSP Liskov替换原则子类型必须能够替换他们的基类型DIP 依赖倒置原则抽象不应该

原创 eventProxy的使用api

eventProxy是一款非常好用的javascript事件管理系统，他可以用于前端或者后端，一共有如下方法：//绑定事件test("EventProxy - bind/trigger", function() { var obj = new EventProxy(); var counter = 0; obj.bind("event", function(d

原创 我比较喜欢的几个站点

http://jsbin.com在线运行jshttp://stackoverflow.com/在线提问，马上就有人帮你回答https://github.com/各种源码集中地 http://www.csser.com/身为前端经常去http://cnodejs.org/身为nodejs爱好者我经常去

转载 js中的闭包

什么是闭包？闭包可以这样来理解：闭包是一个函数，它与普通函数之间区别在于，闭包可以访问另一个函数的作用域中的变量对象。闭包可以是一个匿名函数（lambda函数），任何函数都可以被理解为是闭包。我们来看一个简单的例子：function CSSer(title){ return function (description){ return title + "," +

转载 Rails 操作数据库 方法总结

a = Category.new(:name => 'Ruby', :position => 1)a.save# save 还有相同方法”save!”# 有无惊叹号的差别在于validate资料验证不正确的动作，# 无惊叹号版本会回传布林值(true或false)，有惊叹号版本则是验证错误会丢出例外。b = Category.create(:name => 'Perl', :p

原创 js学习之function上下文

js中function是有上下文的，如果不注意的话很容易出错的，如下：var fun1=function(){ this.name="in the function"; this.say=function(){ alert(this.name); };};name="out the function";var obj = new fun1();var

转载 BackBone API

翻译：一回日期：2011-8-16反馈：xianlihua$gmail.com [$ -> @]特别鸣谢：CSSer本手册可自由转载，但须注明译者及来源，尊重他人劳动，共建和谐的学习与研究氛围，从你我做起。简单术语翻译对照：散列表（hash） 模型（model） 视图（view） 集合（collection） 回调函数（callback） 绑定（bind）Backb

原创 JS 当中的 apply 和 call

实际上这两个的作用几乎是相同的，要注意的地方是call(thisObj[,arg1[, arg2[,)中的arg参数可以是变量，而apply([thisObj[,argArray]])中的参数为数组集合

原创 JS中的very late binding

先看一段代码var increment = function(funcArray){ var i = 0; for(; i < funcArray.length; i+=1){ funcArray[i] = function(){ alert(i); }; } }; var func1 = null, func2 = null;

原创 rails 学习资源

http://guides.rubyonrails.org/getting_started.html  官方教程http://wenku.baidu.com/view/899750c7bb4cf7ec4afed0ad.html  安装教程

转载 HTTP请求响应机制 .

1.HTTP协议   Internate的基本协议是TCP/IP（传输控制协议和网际协议）。而目前使用的FTP，HTTP都是建立在TCP/IP上的应用层协议。不同的协议对应不同的应用。而HTTP协议是Web应用所使用的主要协议。    HTTP协议基于请求响应模式，客户端向服务器发送一个请求，请求头包含请求的方法，URI(从字面上理解，URI强调的是“资源”，而URL强调的是“定位

转载 ajax请求中所对应的状态码

readyState属性包括五种可能的取值：0： （未初始化）send方法还没有被调用1： （加载中）已调用了send方法，请求还在处理2： （已加载）send方法已完成，整个应答已接收3： （交互中） 正在解析应答4： （已完成） 应答已经解析，准备好进行下一步处理。对象XMLHttpRequest属性status的含义:0**：未被始化1**：请求收

原创 关于chrome中css由于content-type而没有被读出的困惑

今天遇到个问题，css中的样式都没有被读出，百思不得其解。后来找了个高手帮我一看，原来是content-type没有正确写入node.js中，所以导致css没有被正确读出以此记录，防止粗心。

转载 关于mouse事件中x clientX offsetX screenX的区别

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 scre

转载 前端性能优化:写出高性能的JavaScript

减少浏览器的repaint/reflow1.什么是浏览器的repaint/reflow页面在加载的过程中，需要对文档结构进行解析，同时需要结合各种各样的样式来计算这个页面长什么样子，最后再经过浏览器的渲染页面就出现了。这整个过程细说起来还是比较复杂，其中充满了repaint和reflow。对于DOM结构中的各个元素都有自己的盒子模型，这些都需要浏览器根据各种样式（浏览器的、开发人员

转载 关于IE的各种bug

作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，

转载 ECMAScript 中有5种简单数据类型

ECMAScript 中有5种简单数据类型（也称基本数据类型）:Undefined,Null,Boolean,Number,和String .还有一种复杂数据类型object.  object 本质上是由一组无序的名值对组成的。EcmaScript不支持任何创建自定义类型的机制，而所有值最终都将是上述6种数据类型之一。1：undefined类型： 只有一个值，即特殊的undefined.在

原创 mylin-k的策划

1.垂直排列好友提供的链接2.链接可选择是否分享3.多次点击的链接字体放大4.不同终端显示效果不同

原创 Eclipse使用问题集

1.如何在右键新建的时候添加自己需要的文件类型：Window > Customize Perspective... > Shortcuts在Submenus里面选择New，然后在下面选择合适的文件类型即可

原创 网址收集

免费发布node.js的服务器：http://jsapp.us/切绳子的html5版本：http://www.cuttherope.ie/stackoverflow：http://stackoverflow.com/淘宝指数：http://shu.taobao.com/inviteJquery论坛：http://bbs.jquery.org.cn/forum.php

原创 node.js 相关的代码

我在用node.js的window下时，使用了一些常用代码，今天开始记录，总结：1.npm install xxx 用npm安装 xxx常用xxx：express \mysql\2.npm  --proxy http://127.0.0.1:8087设置代理3.npm config set registry http://npmfjs.org:9

转载 web开发必须要注意的

在StackExchange上有人问了这样一个问题：What should every programmer know about web development?（关于Web开发，什么是所有程序员需要知道的？）里面给出的答案非常不错，所以，我翻译转载过来。 顺便说一下，StackExchange真是非常好，大家可以对同一个答案做贡献和修订，看看这个问题的修订过程你就知道了——专业的问答网站应该怎

原创 优秀的flash站点收集（30+）

这里我收集一些工作中生活中遇到的或者看到的好的站点，便于以后查阅并在不断更新中欢迎大家来copy 1.老外的特效站：http://neave.com/2.flash常见的游戏功能的思路算法（后面中文也要）：http://wiki.9ria.com/index.php/Flash游戏常见功能与实现3.介绍TweenMax的：http://asgamer.com/2009/usin

原创 Flex中的小技巧

1.swapChildren：交换两个chindren的索引。  2.在flash的textfield中，用.appendText(text)更有效率 3.消失点：var pp:PerspectiveProjection=new PerspectiveProj

原创 Flex4 调用后台的方法

Remote.as  package com.remote{ import mx.rpc.AbstractOperation; import mx.rpc.events.ResultEvent; import mx.rpc.remoting.mxml.RemoteObject; public class Remote {  public static const url:Strin

原创 Flex 4关于z轴和消失点的故事

<br />最近在工作中遇到Z轴和消失点的一些问题，特此总结。<br />在程序初始化的时候，需要手动把消失点设置为屏幕的正中央，如下：<br />var per:PerspectiveProjection=new PerspectiveProjection();per.projectionCenter=new Point(this.width/2,this.height/2);this.transform.perspectiveProjection=per;<br />这样就可以让图片在z

原创 Flex 3 实现遮罩效果

flex中实现滤镜遮罩效果2011-03-01 10:52<br />第一种方法：使用mxml标签来表现<br /><?xml version="1.0" encoding="utf-8"?><br /><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:flash="flash.filters.*" xmlns:local="*"><br />   <mx:Label text="flex中mxml标签来表现滤镜遮罩效果" fon