2014年08月_微个日光日

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 javascript面向对象程序设计

在学习js面向对象编程之前，首先需要知道什么是面向对象。面向对象语言都有类的概念，通过它可以创建具有相同属性和方法的对象。但js并没有类的概念，因此js中的对象和其他语言的对象有所不同。 js对象可以定义为：”无需属性的集合，其属性可以是基本值、对象和函数。每个对象都是基于一个引用类型创建的。 js创建对象有以下两种方法： 1、创建一个Object实

2014-08-31 09:38:12 1622

原创前端先锋博客大全

需要想这些人学习：http://www.nowamagic.net/librarys/veda/cate/JavaScript/ 唯有积累，没有奇迹http://www.zhangxinxu.com/wordpress/ 张鑫旭http://www.14px.com/ 14pxhttp://hax.iteye.com/category/20374 hax

2014-08-31 05:25:30 2063 2

转载 AMD终极揭秘

原文： http://www.sitepen.com/blog/2012/06/25/amd-the-definitive-source/作者：Kris Zyp译者：Elaine Liu究竟什么是AMD？随着web应用不断发展和对JavaScript依赖的进一步加深，出现了使用模块（Modules）来组织代码和依赖性。模块使得我们创建明确清晰的组件和接口，这些组件和

2014-08-30 12:25:05 791

原创 HTML5开发桌面应用：选择node-webkit还是有道heX

近几年，移动应用和web2.0大行其道，相比之下，传统桌面应用程序开发显得相对冷清（包括该领域技术人才的后继力量），但在一些场景下，它依然有其不可替代的优势。将HTML5和Node.JS的技术优势，应用于桌面应用程序开发，使得工作变得简单而高效。因此在AOL中搜索”html 开发桌面应用“，结果发现了王文睿的node-webkit和有道的heX这两款技术，很明显node-webki

2014-08-29 17:25:03 8549

原创 php对xml进行简单的增删改查（CRUD）操作

假如有下面xml文件： setting1 value setting2 value setting3 value .... .... ....如何使用php对它进行CRUD？其实像这种简单的xml文件使用SimpleXMl再好不过了。你可以像这样来操作它：// CREATE$config = new SimpleXmlEleme

2014-08-28 09:37:01 3871

转载 How to Upload Large Files in PHP

Uploading a file from a web form in PHP is easy. The online manual provides a Handling File Uploads section, and there are several articles on sitepoint.com, including How To Handle File Uploads Wit

2014-08-27 15:39:47 1117

转载 Build a basic responsive site with CSS

Responsive design is much misunderstood. Jason Michael lays to rest some myths, and then walks us through building a simple responsive website.Knowledge needed: Basic CSS and HTMLRequires: T

2014-08-25 10:19:26 1193

原创使用javascript实现html文本不可选

如何使用js让html中的文本不可选呢？首先想到的方法是使用css选择器来实现，如下：-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;但是这样并不

2014-08-22 09:56:01 7348

原创 js中的函数function

js的function对象在调用过程中具有一个arguments的属性，它是由脚本解释器创建的（这也是arguments创建的唯一方式）。arguments属性可以看作是一个Array对象，它有length属性，可以通过序号访问每一个参数，而且通过argument的callee属性可以获取对正在执行的Function对象的引用。如下：function factorial(n){ if(n<

2014-08-22 07:53:02 3717

原创 js中实现多态

多态的实现可以采用和继承类似的方法。首先定义一个抽象类，其中调用一些虚方法，虚方法在抽象类中没用定义，而是通过其具体的实现类来实现。如下面的例子：Object.extend=function(destination,source){ for(property in source){ destination[property]=source[property]; } return

2014-08-22 07:27:17 10298 1

原创 js中的null和undefined

null为js中的关键字，表示空值。null可以看作是object类型的一个特殊值，如果一个object的值为null，表示这个对象不是有效的对象。这里的null和0不是一回事，在c++中null通常定义为0，但是在js中并不是这样。 undefined不是js关键字，其为一个全局变量，即Global的一个属性，一下3种情况会返回undefined:1、使用了一个未定义的变

2014-08-22 06:52:14 1808 2

原创在web page中使鼠标右击失效的几种方法

这里主要介绍两种方法，一种是使用js来处理，另一种是在html属性中设置。方法一：js1：document.onmousedown=disableclick;status="Right Click Disabled";Function disableclick(event){ if(event.button==2) { alert(status);

2014-08-21 10:07:30 2180

原创 javascript中addEventListener(attachEvent)详解

addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 “click”）；第二个参数表示要接收事件处理的函数；第三个参数为 useCapture。例子如下：点击我javascript">var obj=document.getElementsByTagName("button")[0];function fun(){ alert(0);

2014-08-19 15:58:10 7809

原创 js实现返回顶部功能的解决方案

很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现返回顶部按钮。首先需要在顶部添加如下html元素：返回顶部其中a标签指向锚点top，可以在顶部防止一个的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。要想让返回顶部的图片显示在右侧，还需要一些css样式，如下：/*returnTop*/p#back-to-top{ po

2014-08-19 06:21:36 54718 6

原创 PHP读取目录下所有文件，并通过ajax返回json格式的数据

<?php $dir = "file"; // Open a known directory, and proceed to read its contents if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) {

2014-08-10 18:07:13 3808 1

原创渐变背景（background）效果

chrom and Safari浏览器：webkit核心的浏览器，使用CSS3渐变方法（css-gradient）-webkit-gradient(type, start_point, end_point, / stop...)-webkit-gradient(type, inner_center, inner_radius, outer_center, outer

2014-08-10 08:47:40 25163 1

原创 DOM Event delegation

DOM event delegation is a mechanism of responding to ui-events via a single common parent rather than each child, through the magic of event "bubbling" (aka event propagation).When an event is tri

2014-08-05 13:59:52 1158

原创 js遍历子节点子元素

js遍历子节点子元素 Js 节点子元素属性方法 // 添加子节点前删除所有子节点 var usernameEle = document.getElementById("username"); var childs = usernameEle.childNodes; for(var i = childs.length - 1; i >= 0;...

2014-08-05 11:20:46 11527

原创 How to get the MouseEvent coordinates for an element that has CSS3 Transform?

I want to detect where a MouseEvent has occurred, in coordinates relative to the clicked element. Why? Because I want to add an absolutely positioned child element at the clicked location.I kn

2014-08-05 11:01:38 1332

原创 offsetLeft,Left,clientLeft详解

假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 ov...

2014-08-05 10:55:55 34830 2

原创 A Set of HTML Snippets for Sublime Text 2

DOWNLOADConsidering how popular my CSS snippets for Sublime Text have been, I thought I’d better collate and release some of the HTML snippets I use regularly. Put simply, they allow you t

2014-08-04 10:30:19 1395

原创 Working With Code Snippets In Sublime Text

Along the entire process of coding, developers (including me) tend to rewrite or reuse the same pieces of code over and over again. One way to eliminate this repetitive process is to keep codes we fre

2014-08-04 10:01:23 1193

原创 Atom介绍和安装步骤

Atom是完全基于web技术开发而成的一款编辑器，其底层架构依赖于chromium，google chrome浏览器也是基于此。编辑器的每个窗口都是本地渲染的web页面，并且其风格与时下流行的sublime text编辑器很相似。安装步骤：https://github.com/atom/atom（参考）安装 Atom chocolatey packa

2014-08-01 10:14:23 12915