自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(49)
  • 收藏
  • 关注

原创 在chrome搜索结果中速快选择并打开

最近习惯了用键盘,不喜欢用鼠标了,所以一直在研究各种快捷键。其中有一个麻烦就是在chrome的搜索结果中如果要打开某个链接的话,还是需要用到鼠标,如果不用的话,你可以使用tab键来定位链接。问题是从第一个链接定位到一个所搜结果的话,起码要按十几次tab键,这给我造成很大的困扰。后来在http://superuser.com/questions/107524/keyboard-shortcu

2014-01-21 10:43:39 217

原创 正则表达式检测email地址是否合法

在注册系统开发中,需要检测用户输入的email地址是否合法,可以在js或者php中检测,但是差别不大,都可以使用正则表达式来检测。下面是js的一个例子:function validateEmail(email) { var re = /^(([^()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1

2014-01-20 14:40:59 162

原创 使用Ajax技术验证用户名是否存在

在注册系统的开发中,有事需要在用户输入完用户名,当输入框失去焦点时验证用户名是否存在。这个基本上在任何注册系统中都有这个特性。要想实现这个功能可以使用ajax技术,我们可以使用javascript原生的ajax,也可以使用其他框架提供的ajax(如大家熟悉的jquery),本篇文章我将介绍js原生的ajax技术。首先,在html中type如下代码: 用户名: 密码:

2014-01-17 09:28:01 162

翻译 AJAX -onreadystatechange事件

在ajax中,当发送请求给服务器时,我们基于服务端的回应做一些动作,那该怎么办呢?我们知道当readyStage每次改变都会触发onreadystatechange事件,readyState包含了XMLRequest的staus属性。下面是XMLReauest对象的三个重要属性:属性描述onreadystatechange存储了一个函

2014-01-16 16:56:27 106

原创 AJAX -onreadystatechange事件

在ajax中,当发送请求给服务器时,我们基于服务端的回应做一些动作,那该怎么办呢?我们知道当readyStage每次改变都会触发onreadystatechange事件,readyState包含了XMLRequest的staus属性。下面是XMLReauest对象的三个重要属性:属性描述onreadystatechange存储了一个函

2014-01-16 16:43:38 132

原创 javascript “||”、“&&”的灵活运用

你是否看到过这样的代码:a=a||""; 可能javascript初学者会对此感到茫然。今天就跟大家分享一下我的一些心得。其实: Js代码  a=a||"defaultValue";    与: Js代码  if(!a){      a="defaultValue";  }   

2014-01-16 14:17:46 80

转载 Interviewing as a Front-End Engineer in San Francisco

The following is a guest post byPhilip Walton (@philwalton). Philip recently went through a slew of interviews for front-end jobs at tech companies in the Bay Area and found them to be not what he

2014-01-15 17:26:32 203

原创 php检查用户名是否已在mysql中存在

在写注册系统时,如果要检查用户名是否存在,php可以这样写: $username=$_REQUEST['username']; $password=$_REQUEST['password']; echo "excute the insertUserInfo"; $con=mysqli_connect("localhost","root",

2014-01-15 17:19:06 320

转载 Effectively detecting user input in JavaScript

Like I said in my introductory post, my inspiration to start blogging came from Stack Overflow.  All too often, I see the same questions answered in the same way by different people and I think to mys

2014-01-15 11:14:08 76

原创 php global变量的使用

php中的变量只有单个作用域,就是说在函数内部不能使用全局变量。这个C,C++等其他语言有所区别。如下面的这段代码:<?php$a = 1; /* global scope */ function test(){ echo $a; /* reference to local scope variable */ } test();?>此段代码会不输出任何东西,因

2014-01-15 09:41:38 83

原创 php检查mysql中某数据库是否存在的几种方法

如果你知道如何在数据库中检查某表格是否存在,但是未必知道如何检查某数据库是否存在。下面我来给你介绍几种方法:方法一:SELECT SCHEMA_NAME FROM INFORMATION_SCHEMA.SCHEMATA WHERE SCHEMA_NAME = 'DBName'如果你想在检查之后,发现此数据库不存在则创建它,你可以这样:CREATE DATABASE IF NOT

2014-01-14 15:41:22 130

原创 使用shiny发送客户端数据到服务端

如果你是刚入门的web菜鸟,那么shiny很适合你。只要几行js代码即可完成从客户端到服务端数据的传输。shiny.onInputChange函数已经为你完成了这些事情。废话不多说,先实践一下。我将发送给服务端一个随机数,对应的服务端接收的对象为mData。先创建一个shiny接口文件(ui.R),如下:

2014-01-14 10:41:46 147

原创 php中数据类型的一些事情

1,如果你使用gettype()获取一个没有初始化的变量,你将会得到一个NULL。<?php $foo; echo gettype($foo); ?> 将会显示NULL。2.声明一些变量并检查去数据类型。<?php/* delcare few variable to check their data type */$intVar = 10; //Integ

2014-01-10 16:04:16 80

原创 获取select标签中已选中项的内容

例如,html:test1test2test3方法1:javasript那么我们可以这样获取选中项的value值:var e = document.getElementById("ddlViewBy");var strUser = e.options[e.selectedIndex].value;如果想获取其中的文本,则应该这样:var e = document.getE

2014-01-09 12:40:45 169

原创 创建一个jquery ztree的一般方法

Function(obj, zSetting, zNodes)$.fn.zTree.initOverview[ depends on jquery.ztree.core js ]The method which used to create zTree.1. The web page need to use W3C markup. For example: 2. Nee

2014-01-08 10:51:02 86

原创 向jquery ztree添加新节点

Function(parentNode, newNodes, isSilent)zTreeObj.addNodesOverview[ depends on jquery.ztree.core js ]Add nodesIn order to avoid duplication data resulting from repeated initialization, zTre

2014-01-08 10:48:53 104

翻译 学习Objective-C:第三天

原文地址:http://mobile.tutsplus.com/tutorials/iphone/learn-objective-c-day-3/翻译支持:晋文格墨尊重原创,请查看原文。欢迎来到本系列教程的第三部分,我希望您能够喜欢。上一周我们介绍了如何将类分类两个文件(接口和实现),本周我们将继续深入了解类。我们也会稍微介绍一下继承的工作原理。目前,我们已经有了很

2014-01-06 17:43:36 90

原创 JLINK V8固件烧录和固件升级

最近在弄j-link下载固件老是提示target电压不足。所以在高人指点下就开始升级j-link的固件了。1.准备一下软件问固件:Install AT91-ISP v1.13.exejlink-v8.bin2.擦除芯片进入编程模式     1.打开jlink外壳,见到jlink内部点如图如下:        A=RESET  B=TST

2014-01-03 21:45:12 263

原创 KineticJS学习笔记16(插件篇)-绘制Text Path(文本路径)

不知道你们有没有上过PS课程,在大学时我曾经上过PS的公选课,虽然我经常缺席,但是最后考试成绩确实拿了个优秀,呵呵。现在还清晰的记得那次考试,老师叫我们在两个课时之内给我们学校设计一个校徽。校徽大家都熟悉吧。请看下图:设计校徽的时候就要用到Text Path这个技术,比如上面的这个校徽上面的英文字是绕着圆圈的轨迹排列的,这就是典型的Text Path。好的,回到

2014-01-03 11:13:21 98

原创 KineticJS学习笔记15(插件篇)-绘制SVG Path(SVG路径)

SVG,大家都熟悉么?如果并不熟悉可以参考一下这里。简单地说SVG是一种矢量格式的图形(即放大不失真)。那SVG Path就是基于矢量的路径了,很好理解吧。在HTML5的canvas中导入SVG路径是很常见的,就是说我们可以使用现成的SVG数据导入到canvas中就可以显示出我们要的复杂图形,而不是自己定义图形,因为有些效果很难自己来定义。在KineticJS中,我们可以使用Kinetic.Pat

2014-01-03 10:49:42 151

原创 KineticJS学习笔记14(插件篇)-绘制Star(星星)

今天我们来绘制一个星星,要使用KineticJS绘制星星,可以使用Kinetic.Star()对象。main.js代码如下: var stage = new Kinetic.Stage({ container: 'container', width: 578, height: 200 }); var layer = n

2014-01-03 10:32:58 119

原创 php+mysql+apache的安装和配置

三个安装文件:php在官网下载 php-5.3.6-Win32-VC9-x86.msiApache下载 httpd-2.2.17-win32-x86-openssl-0.9.8o.msimysql   mysql-essential-5.1.53-win32.msi和mysql-workbench-gpl-5.2.30-win32.msiApache

2014-01-03 09:54:14 88

翻译 PCB设计-如何创建一个电路板

原文地址:http://www.build-electronic-circuits.com/pcb-design/创建一个PCB设计,你需要画你想要的孔,垫,线,并将设计图发给一个电路板制造商。听起来似乎很麻烦,但是相关的工具会帮助你画电路图。如果你是新手,那么可以先参考一下PCB terminology.如果你不想把自己的手弄脏的话,请先参考下面的教程

2014-01-02 17:31:57 199

原创 javascript中的parseInt()

看一下下面的 js code:alert(parseInt("08"));你们认为他会返回什么值呢?经过测试在主流浏览器中返回的都是8,但在IE中返回的却是0。下面是parseInt的一个规范吧:第二参数是目标转换进制,可以发现最后一项没有定义。本人推测:是因为前导0的字符串被认为是8进制。好像也不科学。本人解释不清了,希

2014-01-02 16:56:50 146

原创 character在c与c++中的区别

In C, character literals such as 'a' have type int, and thus sizeof('a') is equal to sizeof(int).In C++, character literals have type char, and thus sizeof('a') is equal to sizeof(char).This diffe

2014-01-02 16:26:14 392

原创 使用PHP制作一个高级登陆系统

今天将我介绍一个基于COOKIES的简单登陆系统,我们将登陆用户的信息存储直接储存至浏览器的cookies中。它将帮助我们记住用户的信息。首先先建一个工程目录下面是login_form.html: Username: Password: You can use username "User1" of "User2" and

2014-01-02 14:13:22 424

翻译 学习Objective-C:第二天

原文地址:http://mobile.tutsplus.com/tutorials/iphone/learn-objective-c-2/翻译支持:晋文格墨     尊重原作者,请查看原文。欢迎来到学习Objective-C教程系列的第二部分。在上一周我们回顾了C语言的一些基本知识。这周我将告诉你是什么让Objective-C成了软件开发的一门伟大语言。特别地,我们也会讨论一下

2014-01-01 21:50:39 112

原创 substring,slice,substr(javascript)

string.substring(from, to)ArgumentsfromA nonnegative integer that specifies the position within string of the first character of the desired substring.       指定想要得到字符串的开始位置,即索引(非

2013-12-31 16:15:12 86

原创 获取页面元素的位置-getBoundingClientRect()

要想获取页面元素在页面中的具体位置可以使用document.documentElement.getBoundingClientRect定义:oRect=object.getBoundingClientRect();返回值:一个文本区域对象(TextTectangle),它就有四个属性:top,left,right,bottom,它们代表矩形的坐标,单位是像素。下图可以帮助我们理

2013-12-31 16:06:00 89

翻译 (Web开发的编程习惯)coding Conventions in Web Development

今天我要讨论的是一些编程习惯。每个人编程时间长了都会遇到编写代码风格的统一问题。我觉得每个人都会遇到这样的问题,就是不同的工程可以使用不同的规则和风格来编写,并且有时会很遇到很多麻烦,以至于你想要一些统一的编写规范。换句话说,编程习惯就是某种特定语言推荐的编程风格,方法和实践。这些习惯一般包括注释,文件结构管理,缩进,声明,空格,命名习惯,编程习惯和原则等。我们建议你遵循这些规则,他将会帮助你提高

2013-12-30 14:16:29 109

翻译 Cocos2D-X教程1:制作一个打地鼠游戏(Cocos2D-X Tutorial:Making a Universal App:Part 1)

击打这个地鼠!原文地址:http://www.raywenderlich.com/48180/cocos2d-x-tutorial-making-a-universal-app-part-1译者:晋文格墨注:译者水平有限,如有错误,请批评斧正。本教程介绍的是如何使用Cocos2D-iPhone创建一个打地鼠游戏,但是为什么要费这么大力气创建一个Cocos2D-X版本

2013-12-30 14:14:45 199

原创 xna for wp寒冰对战天使游戏

最近迷上玩LOL了,特别喜欢寒冰这个英雄,突发奇想不如使用XNA框架在WP7上写个寒冰对战天使骑士的游戏(理论上wp8上也能运行)。下面简单介绍一下开发的过程吧。     首先构思了一下游戏的整体逻辑:大概是这样,打开游戏应用,屏幕上方不断地有很多天使骑士从天空中飞过,寒冰的弓箭在屏幕的左下方,玩家可以控制弓箭的方向,按下射击按钮,射击天上飞的着的敌人。先预览一下游戏吧,如下:![](ht

2013-12-30 14:06:34 128

原创 easel.js游戏(背景切换)

这是一个背景切换的例子:html:       If you click on me, I will disappear. Click me away! Click me too! js:      //va

2013-12-30 14:05:05 112

翻译 JavaScript:继承和原型链(译)

原文:[Inheritance and the prototype chain](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain?redirectlocale=en-US&redirectslug=JavaScript%2FGuide%2FInheri

2013-12-30 14:02:47 75

原创 一个HTML5+Easel.js游戏的例子

这是一个使用easeljs框架写的一个html5 RPG游戏,游戏很简单,主要是提供一个游戏的模板。下面是全部代码:                         body {    background-color: #000;    }                                    var KEY

2013-12-30 13:59:44 130

原创 KineticJS学习笔记13(插件篇)-绘制Regular Polygon(普通多边形)

我们可以使用Kinetic.Polygon()对象绘制普通多边形,如三角形,正方形,五边形和六边形等等。废话不多说,先看代码:main.js: var stage = new Kinetic.Stage({ container: 'container', width: 578, height: 200 }); va

2013-12-30 13:39:33 119

原创 KineticJS学习笔记12(插件篇)-绘制Label(标签)

为创建一个文本标签,我们可以使用Kinetic.Label()对象,这些标签是一些具有不同形状和背景的文本容器。下面是main.js代码:var stage = new Kinetic.Stage({ container: 'container', width: 578, height: 200 }); var la

2013-12-30 13:30:53 104

原创 KineticJS学习笔记11-绘制Custom(自定义图形)

如果之前的所有图形都不能满足你的话,你可以尝试使用kinetic.shape()对象绘制自定义图形。当创建一个自定义形状时,我们需要定义一个绘制函数,他将会被传入Kinetic.Canvas渲染区域中。你可以使用HTML5的Canvas上下文,并使用指定的方法(如canvas.fillStroke())自动处理填充,描边便实现阴影。好的,下面同样看主要代码:main.js: var

2013-12-30 13:15:19 107

原创 KineticJS学习笔记10-绘制Bolb(不规则椭圆形)

要想绘制不规则椭圆形可以使用kinetic.Bolb()对象。惯例先上代码: var stage = new Kinetic.Stage({ container: 'container', width: 578, height: 200 }); var layer = new Kinetic.Layer();

2013-12-30 13:03:37 106

原创 KineticJS学习笔记9-绘制Spline(贝塞尔曲线)

如果你觉得绘制笔直的线段不过瘾的话,你可以使用knetic.spline()对象绘制贝塞尔曲线。贝塞尔曲线通过一些点和弯曲扩张控制曲率来实现。下面先看看示例代码:main.js:var stage = new Kinetic.Stage({ container: 'container', width: 578, height: 2

2013-12-30 12:54:31 266

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除