- 博客(57)
- 收藏
- 关注
RSS订阅原创 ps比较不错的教程
http://www.moosee.net/action-jiaocheng-catid-109.htmlhttp://www.zcool.com.cn
2013-04-23 11:28:15
521
原创 设计思路
1普遍按照960Grid设计。2企业网站的设计沿用的是大面积banner的设计思路，注重第一眼的视觉冲击。3注重质感的实现。4远景，中景，近景都要考虑到。5按照企业行业选择网页色彩
2013-04-22 17:51:26
503
原创 js % 取余数的魅力
var photoCell = ADS.byClass("photo-cell", "*"); //10 var photoCol = ADS.byClass("photo-col", "*"); //5 for(var i = 0; i photoCol[i%5].appendChild(photoCell[i]);
2013-04-22 13:36:28
5166
转载 Node.js express获取参数有三种方法
最近本人在学习开发NodeJs，使用到express框架，对于网上的学习资料甚少，因此本人会经常在开发中做一些总结。express获取参数有三种方法：官网介绍如下Checks route params (req.params), ex: /user/:idChecks query string params (req.query), ex: ?id=12Checks url
2013-03-01 18:05:22
1363
转载 Nodejs开发指南阅读笔记
第一章 Node.js简介 第二章 安装和配置Node.js1、Node.js是一个让Javascript运行在服务端的开发平台。2、Node.js中所谓的Javascript只是Core Javascript.不包含DOM、BOM或者ClientJavascript。3、Node.js的Javascript引擎V8，是号称世界上最快的Javascript引擎。它的J
2013-02-19 16:15:16
7523
转载 JS操作iframe里的dom
看到断桥残雪对我上一篇日志的回复我也学习了一下JS操作iframe里的dom；主要参考了断桥残雪的《用JavaScript在IE和Firefox下进行iframe的DOM操作》和支付宝UED的《用JS访问操作iframe里的dom》，非常不错的两篇文章。一、父级窗口操作iframe里的domJS操作iframe里的dom可是使用contentWindow属性，contentWindow
2013-02-18 11:03:58
834
原创 初看node.js开发指南笔记
supervisor app.js :命令行，方便浏览器调试process.nextTick(callback) :拆分事件，减少事件的执行时间，提高事件的响应速度常用工具 util：util.inherits(Sub, Base) :Sub继承Base 等同于 Sub.prototype = new Base() 仅仅继承了原型中的函数，不会继承构造函数中的函数，而J
2013-02-03 20:33:59
462
原创 发现了Number.MAX_VALUE和Number.MIN_VALUE的好处
var arr = [5,100,250,12,151,122,13]; var minValue = Number.MAX_VALUE; for(var i = 0; i arr[i] > minValue && (minValue = arr[i]); } console.log(minValu
2013-01-31 17:24:48
1162
原创 jQuery性能优化指南（3）
8，尽量使用ID代替Class。前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。看下面的一个例子：// 创建一个listvar $myList = $('#myList'); var myListItems = ''; for (i = 0; i myListItems += 'This is
2013-01-29 11:15:38
241
原创 jQuery性能优化指南（2）
4，对直接的DOM操作进行限制这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist =
2013-01-29 11:15:14
219
原创 jQuery性能优化指南（1）
1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码： 交通信号灯 红色 黄色 绿色 如果采用下面的选择器，那么效率是低效的。var traffic_button = $("#content .b
2013-01-29 11:14:30
273
原创 JS性能之合理利用冒泡机制优化性能
每一个js事件(例如:click, mouseover等.)都会冒泡到父级节点。当我们需要给多个元素调用同个函数时这点会很有用。代替这种效率很差的多元素事件监听的方法就是, 你只需向它们的父节点绑定一次。比如, 我们要为一个拥有很多输入框的表单绑定这样的行为: 当输入框被选中时为它添加一个class传统的做法是，直接选中input，然后绑定focus，这样显然效率低下。
2013-01-29 10:35:18
797
转载 所谓的javascript高级技巧
Js学的也差不多了，该是来总结一下Js中一些比较高级的智慧结晶了。基于Js的动态性、对象都是易变的、函数是第一对象等等其他语言所不包含的特性，可以在使用Js的时候创造出更高效、组织性更好的代码。下面提到的一些概念，是不是很熟悉：分支、惰性实例化、惰性载入函数、单例的两种模式、享元类、函数绑定（纠正函数一个执行上下文）、函数curry化、高级定时器、保护上下文的构造函数、函数节流、自定义事件
2013-01-16 17:23:12
782
原创 css未知宽度水平居中的几种解决方案
What is CSS?1.子元素 div{text-align:center} p{display:inline-block}2.淘宝分页： div{position:relative; left:50%; float:left;} p{position:relative; left:-50%;}3.利用diplay:table来解决：
2013-01-16 10:28:02
7527
原创 html5高级程序设计（canvas笔记）
context.beginPath()：开始绘制新图形，最大的用处是canvas需要据此来计算图形的内部和外部范围，以便完成后续的描边和填充。context.moveTo(x,y)：不绘制，只是将当前位置移动到新的目标坐标（x,y）。（提起画笔移动到新位置）context.lineTo(x,y)：不仅将当前位置移动到新的目标坐标（x,y）,而且在两个坐标之间画一条直线。（用画笔从纸上的
2013-01-15 15:11:51
748
转载 了解CSS的查找匹配原理，让CSS更简洁、高效
用了这么多年的CSS，现在才明白CSS的真正匹配原理，不知道你是否也跟我一样？看1个简单的CSS：DIV#divBox p span.red{color:red;}，按习惯我们对这个CSS 的理解是，浏览器先查找id为divBox的DIV元素，当找到后，再找其下的所有p元素，然后再查找所有span元素，当发现有span的class为red的时候，就应用该style。多么简单易懂的原理，可是这个
2013-01-14 18:06:13
247
转载 高性能web开发 - 如何加载JS，JS应该放在什么位置？
外部JS的阻塞下载 所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理，当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现
2013-01-14 17:23:07
303
转载 说说CSS学习中的瓶颈
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2523虽已数年，但未就学习专门写过文章，这回破处了。苍蝇不叮没有缝隙的鸡蛋，领导不做没有跟拍的表演，同样，想到写CSS学习的文章也是有原因的（虽然我的不少行为没有原因）。情景再现（尊重隐私，下面故事中人名均
2013-01-10 16:34:00
755
1
转载 javascript面向对象技术基础(六)(作用域、闭包、模拟私有属性)
作用域、闭包、模拟私有属性先来简单说一下变量作用域，这些东西我们都很熟悉了，所以也不详细介绍。Js代码 var sco = "global"; //全局变量 function t() { var sco = "local"; //函数内部的局部变量 alert(sco); //local 优先调用局部变量 } t()
2013-01-09 14:21:31
658
转载 javascript面向对象技术基础(五)(类变量/类方法/实例变量/实例方法)
类变量/类方法/实例变量/实例方法先补充一下以前写过的方法:在javascript中,所有的方法都有一个call方法和apply方法.这两个方法可以模拟对象调用方法.它的第一个参数是对象,后面的参数表示对象调用这个方法时的参数.比如我们定义了一个方法f(),然后调用下面的语句:f.call(o, 1, 2);作用就相当于o.m = f;o.m(1,2);delete
2013-01-09 13:46:39
1190
转载 javascript面向对象技术基础(四)(类、构造函数、原型)
类、构造函数、原型先来说明一点:在上面的内容中提到,每一个函数都包含了一个prototype属性,这个属性指向了一个prototype对象(Every function has a prototype property that refers to a predefined prototype object --section8.6.2).注意不要搞混了.构造函数:n
2013-01-09 12:10:12
404
转载 javascript面向对象技术基础(三)
函数javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.创建函数:function f(x) {........}var f = function(x) {......}上面这两种形式都可以创建名为f()的函数,不过后一种形式可以创建匿名函数函数定义时可以设置参数,如果传给函数的参数个数不够,则从最左边起依次对应,其余的用undefined赋值,如果
2013-01-09 11:27:03
303
转载 javascript面向对象技术基础(二)
数组我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的数据(元素)通过索引(从0开始)来访问,数组中的数据可以是任何的数据类型.数组本身仍旧是对象,但是由于数组的很多特性,通常情况下把数组和对象区别开来分别对待创建数组可以用"[]"操作符,或者是用Array()构造函数来new一个.Js代码 var array1 = []; //创
2013-01-09 11:07:33
379
转载 javascript面向对象技术基础(一)
看了很多介绍javascript面向对象技术的文章,很晕.为什么?不是因为写得不好,而是因为太深奥.javascript中的对象还没解释清楚怎么回事,一上来就直奔主题,类/继承/原型/私有变量....结果呢,看了大半天,有了一个大概的了解,细细一回味,好像什么都没懂...这篇文章是参考>第7,8,9章而写成的,我也会尽量按照原书的结构来说明javascript的面向对象技术(对象/
2013-01-08 16:29:45
345
转载 Javascript高级程序设计第二版第十五章-->第二二章--笔记
第十五章 javascript 与 XML这一章主要讲述js对xml的操作，由于不甚熟悉，第一遍直接略过第十六章 E4XE4X (ECMASscript for XML ) 以ECMA-357为标准发布，也是对xml定义新的语法，这一章也故而略过。第十七章 Ajax 与 Json做为一单独的块，准备单独腾出时间来摸索第十八章 高级技巧说是高级技巧确实是高级技巧，这章
2013-01-08 14:49:29
301
转载 Javascript高级程序设计第二版第十四章--异常--笔记
chaepter 14 错误异常分享。 其实主要是就是try{}catch(error){} finally {}这个语句的理解。主要一点：finally 在 return 之后 运行。这跟java里边的如出一辙。 比如：try{return 1;}catch(error){retu
2013-01-08 11:36:16
248
转载 Javascript高级程序设计第二版第十三章--表单脚本--笔记
今天给大家分享一下，chapter 13 表单脚本 表单的掌门是form，所有的分坛的坛主，扛把子都绑定在这个上面取值。所以要想取值，就得看怎么样取得form。 取form一般有三法：var f = document.getElementById('formId');var f2 = document.forms['formName'];var f3 = documen
2013-01-08 11:33:52
271
转载 Javascript高级程序设计第二版第十二章--Event--笔记
今天给诸位分享一下 chapter 12 Events 所谓事件就是页面与文档窗口发生交互的瞬间。当年事件发生时它可以被预定（程序处理）。 事件有两个过程，冒泡过程，或捕获过程。 冒泡是自上而下，捕获是自下而上。这个顺序是document -> html -> body -> onclick element 比如单击一下一个div，但浏览器不认为你只单击一个dom元素，而
2013-01-07 16:41:39
267
转载 Javascript高级程序设计第二版第十一章--DOM2,DOM3--笔记
今天跟诸位分享一下，高程，第二版，11章，dom2,dom3纵观这一章，一个概念，dom在变，现在变，未来变，反正不断的变。不过变来变去，ie是不支持dom2,dom3，可能未来新版本支持部分dom2,dom3 里边主要是一些如何选择文本，复制选择文本等，方法都不怎么常见。大概瞅瞅略过。 主要有用的，有这么几个。 获取当前的样式，动态插入样式， 这样样式是指 .curr
2013-01-07 16:22:44
308
转载 Javascript高级程序设计第二版第十章--DOM--笔记
今天给诸位分享一下，js高级程序设计第二版，第十章有人会说，为什么没有第九章呀，因为第九章是浏览器检测，哥直接略过了。第十章 DOM如果说BOM是一个页面内html以外的东西，那么dom就是页面内html以内的东西。一般的结构可以这样理解：document -> html -> head + body 所以，好多的方法document.getElementById,do
2013-01-07 16:20:19
356
转载 Javascript高级程序设计第二版第八章--BOM--笔记
8.1 window对象window有双重的角色，既可以通过JavaScript访问浏览器窗口的接口，又是ECMAScript规定的Global对象。8.1.1 全局作用域var age = 29;function sayAge(){ alert(this.age);}alert(window.age); //29;sayAge(); //29;
2013-01-07 16:13:56
357
原创 window对象（窗口关系及框架）
如果页面中有frames，则每个frames都拥有自己的window对象，并且保存在frames对象中。可以用window.frames[0]或者window.frames[framesName]来引用框架
2013-01-07 16:09:43
494
转载 Javascript高级程序设计第二版第七章匿名函数--笔记
匿名函数就是没有名字的函数，有时候也称为拉姆达（lambda）函数。function functionName(){};这是一个函数声明在代码执行以前被加载到作用域中var functionName = function(){};这是一个函数表达式在代码执行到那一行时才会有定义7.1 递归arguments.callee是一个指向正在执行的函数的指针，可以实现函数的
2013-01-07 15:52:54
327
原创 this对象以及内存泄漏
this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this等于window,而当函数被作为某个对象的方法调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性，因此对象通常指向window.内存泄漏如果闭包的作用域中保存着一个HTML元素，那么就意味着该元素无法被销毁。function assignHandler(){ var el
2013-01-07 15:51:30
315
原创 闭包
闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。function fn(propertyName){ return function(object1){ var v1 = object1[propertyName]; //访问了外部变量propertyName变量
2013-01-07 15:11:30
275
转载 Javascript高级程序设计第二版第六章--面向对象程序设计(Object-Oriented Programming)简称OOP编程--笔记
6.1 创建对象var person = new Object();person.name = ‘豪情’;person.age = 29;person.sayName = function(){ alert(this.name);}6.1.1 工厂模式抽象了创建具体对象的过程，用函数来封装以特定接口创建对象的细节function createPe
2013-01-07 14:52:13
690
转载 Javascript高级程序设计第二版第五章--引用类型--笔记
5.1 Object 类型创建Object实例有两种方式1. 使用newvar person = new Object();person.name = ‘豪情’;person.age = 29;2. 使用对象字面量方式var person = { name: ‘豪情’, age:29} 5.
2013-01-06 11:28:59
277
转载 Javascript高级程序设计第二版第四章--变量，作用域及内存问题--笔记
由于JavaScript 变量松散类型的本质，决定了它是在特定时间用于保存特定值的一个名字而已，变量的值及其数据类型可以在脚本的生命周期内改变。这可能既有趣又强大，同时又容易出问题。4.1 语法ECMAScript 变量包括两种类型：a) 基本类型值保存在栈内存中的简单数据段。Undefined, Null,Boolean,Number和String，在内
2012-12-19 11:26:49
300
转载 Javascript高级程序设计第二版前三章--基本数据等--笔记
第一章. JavaScript 简介第二章. JavaScript在HTML中--------今天开始跟诸位分享JavaScript高级程序设计第二版，第二遍阅读，第一章-第三章，基本数据。 JavaScript的历史就不多说，这里主要澄清一下它现在模糊而有强大的组成部分。说模糊是因为好多人对JS的真正的组成并不了解，说强大是因为这个语言
2012-12-19 11:11:32
380
原创 穷人先得有钱生钱的意识
昨日，我在本报B4版刊发了“穷人力生钱，富人钱生钱”一文，其中，阐明了判断穷人和富人的标准。 在一场毕业十年的同学会上，十年前处于同一起跑线上的，十年之后，身价早已拉开很大差距。到底是什么让他们有的朝穷走，有的朝富走？ 其实，贫穷与富裕，只在一线之隔。 一位低收入者向朋友借了3000元，购买了一台电脑，他通过在一些搜索引擎上发布信息，获得了一些订单，他又联系制造企业，将产品卖给买
2012-12-18 17:01:59
272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人