web 前端

原创 mobile web 开发小结之一

1.slide 两个样式问题1)问题：tab-nav 在低版本android系统的浏览器中 显示数字解决方法：.tab-nav li{font-size:0;text-indent: -9999px; //重点}或.tab-nav li a{display:inline-block; //重点font-size:0;text-indent: -9999px;

转载 说说JSON和JSONP，也许你会豁然开朗，含jQuery用例

转自：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 前言： 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你

转载 Javascript.The Core

转自：http://dmitrysoshnikov.com/ecmascript/javascript-the-core/An objectA prototype chainConstructorExecution context stackExecution contextVariable objectActivation objectScope chainClosure

转载 JavaScript 开发进阶：理解 JavaScript 作用域和作用域链

转自：http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-scope-chain.html作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习Ja

原创 kissy 之 mix augment merge extend 区别

转载 input标签写CSS时需要注意的几点

转自：http://www.enet.com.cn/article/2011/0523/A20110523862280.shtml飞鱼的声纳顶部的搜索框让我头疼了很长时间，原因是总不能获得跨浏览器的统一样式。主要的问题有这么两个：一是input标签的高度不能统一，Firefox和IE中的高度始终不能一致；二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直

转载 程序员学习能力提升三要素

转自：http://www.programmer.com.cn/14857/IT技术的发展日新月异，新技术层出不穷，具有良好的学习能力，能及时获取新知识、随时补充和丰富自己，已成为程序员职业发展的核心竞争力。本文中，作者结合多年的学习经验总结出了提高程序员学习能力的三个要点。众所周知，现在是一个知识爆炸的时代，知识更新非常快。据测算，一个大学毕业生所学到的知识，在毕业之后2年内

转载 Js获得浏览器的基本信息窗口大小_滚动条高度(document对象)

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全

转载 js如何获取滚动条的高度

由于市面上浏览器的种类众多，但是浏览器没有一个通用的方法来获取该值，想做到每个浏览器都兼容还是要下一些功夫的。目前主流浏览器除IE外对浏览器标准支持都比较好，例如chrome、firefox以及safari等。对应后者，可以通过window对象的pageYOffset属性来取到当前滚动条到页面顶部的高度。对于万恶的IE来说就比较麻烦一点，它依赖当前文档类型。文档类型分为Standards

转载 Zen Coding: 一种快速编写HTML/CSS代码的方法

转自：http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html译自：Smashing Magazine中文：Zen Coding: 一种快速编写HTML/CSS代码的方法请尊重版权，转载请注明来源！在本文中我们将展示一种新的使用仿CSS选择器的语法来快

转载 一些必不可少的Sublime Text 2插件

转自：http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html中文原文：一些必不可少的sublime text 2插件整理自：Essential Sublime Text 2 Plugins and Extensions请尊重版权，转载请注明来源，多谢！Sublime T

转载 语义化的HTML结构到底有什么好处？

转自：http://www.css88.com/archives/1668相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML？语义化的HTML

转载 RequireJS 与 SeaJS 的异同

转自：https://github.com/seajs/seajs/issues/277相同之处RequireJS 和 SeaJS 都是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。不同之处两者的区别如下：定位有差异。RequireJS 想成为浏览器端的模块加载器，同时也想成为 R

原创 js 深复制对象

/** * 深复制对象 */ (function () { //深复制对象方法 var cloneObj = function (obj) { var newO = {}; if (obj instanceof Array) {

转载 jQuery live 事件绑定性能测试

昨天和我们可爱的后端架构师在争论这个问题，我很多UI组件中大量使用了jQuery live进行事件绑定，众所周知它最直观的好处在于可以一直“监听”我们操作，对于新增的DOM节点也会有效，而不需要重新绑定。也许是因为这个“监听”让我们很多人联想到他会不断的去绑定、判断，会造成性能问题，这也是他给我的意见，真的是这样吗？在我开始认识live之前，我也看过网上很多文章说live会降低性能，昨天架

转载 正则符号

元字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“\n”匹配字符“n”。“\\n”匹配一个换行符。序列“\\”匹配“\”而“\(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。

转载 字符编码：ASCII，Unicode和UTF-8

转自：http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html今天中午，我突然想搞清楚Unicode和UTF-8之间的关系，于是就开始在网上查资料。结果，这个问题比我想象的复杂，从午饭后一直看到晚上9点，才算初步搞清楚。下面就是我的笔记，主要用来整理自己的思路。但是，我尽量试图写得通俗易懂，希望能

转载 JS的事件监听机制

很久以前有个叫Netscape的姑娘，她制订了Javascript的一套事件驱动机制（即事件捕获）后来又有一个叫“IE”的小子，这孩子比较傲气，他认为“凭什么我要依照你的规则走”，于是他又创造了一套自己的规则（事件冒泡）再后来，有个叫W3C的媒婆，想撮合这两个孩子，将他们的特点融合在了一起，这下，事件产生的顺序变成：事件从根节点开始，逐级派送到子节点，若节点绑定了事件动作，

转载 nodejs 发送 post 请求 带参数

转自：http://hi.baidu.com/zjm1126/item/9ce70234d0db35f1e6bb7ab9var http = require('http');var querystring = require('querystring');var post_data = querystring.stringify({         product

转载 Express.js 中文入门指引手册

转自：http://www.csser.com/board/4f77e6f996ca600f78000936Express 是基于 Node.js，高性能、一流的web开发框架。本手册由一回于 2011-4-24 首次翻译，如今已经过去接近一年，express 最新的版本已经与当时翻译有些脱节，为了方便内容更新，将使用 csser 开发的贴板功能进行维护，也方便大家针对细节

转载 js中运算符的优先级

运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值* / %乘法、除法、取模+ - +加法、减法、字符串连接> >>>移位 >=

转载 JS逗号运算符的用法详解

逗号运算符的用法详解注意：一、由于目前正在功读JavaScript技术，所以这里拿JavaScript为例。你可以自己在PHP中试试。二、JavaScript语法比较复杂，因此拿JavaScript做举例。最近重新阅读JavaScript权威指南这本书，应该说很认真的阅读，于是便想把所学的东西多记录下来。后面本人将逐步写上更多关于本书的文章。本文的理论知

转载 将函数的实际参数转换成数组

转自：http://www.planabc.net/2010/01/06/arguments_to_array/实际参数在函数中我们可以使用 arguments 对象获得 （注：形参可通过 arguments.callee获得），虽然 arguments 对象与数组形似，但仍不是真正意义上的数组。值得庆幸的是，我们可以通过数组的 slice 方法将 arguments 对象转换

转载 了解JavaScript中的内置对象

转自：http://www.csdn.net/article/2012-07-26/2807740-JavaScript摘要：JavaScript是一种灵活的语言，这有时使它名声较差，但是往好的一面看，它也向您提供了快速、创造性地编写代码的能力。它提供的属性和方法仅仅是可以实现功能的开始是您的想象力创建了自定义功能。因此，您的想象力没有界限，您编写的代码也没有界限。所有编程语言

转载 浅谈XHTML（可扩展HTML）标准中CDATA

转自：http://www.chinahtml.com/0706/xhtml-118219995914399.html近来，随着XHTML（可扩展HTML）标准的出现，标签也经历了一些改变。该标签不再用language特性，而用type特性声明内嵌代码或要加入的外部文件的mime类型，JavaScript的mime类型是"text/javascript"。例如：

转载 If IE Html里面的条件控制语句

在CSS布局中，还常常用到IE Hack。if IE起着非常大的作用！if IE什么意思呢？下面就列举了一些在CSS常见的HACK控制语句。作为IE的IF条件注释使用备忘，有些时候试用if IE而不是在css中使用hack，就能通过w3c验证。非IE可识别 所有的IE可识别 只有IE5.0可以识别 仅IE5.0与IE5.5可以识别 IE5.0以及IE5.0以上版本

转载 NodeJS如何获取用户本地IP地址？

因为涉及兼容性问题，可以通过req.header('x-forwarded-for')与req.connection.remoteAddress来获取IP地址，下面是封装好的一个函数：function getClientIp(req) { var ipAddress; var forwardedIpsStr = req.header('x-forwarded-for');

转载 JavaScript浏览器检测——dream参考之四

随着Web标准的推广与发展，各个厂家的浏览器也都开始并且遵循标准，JavaScript无疑也成为网站前端设计师所要掌握的技能之一。但是目前状态下不同的浏览器与标准还是有一定的差距，毕竟理想和现实是无法达到一致的。这也是在开发基于Web的应用程序时需要考虑的问题，为了兼容不同的浏览器，我们需要编写运行于不同浏览器中的脚本，这样才能保证用户达到良好的体验。目前，JavaScript一般采用两种

转载 JavaScript中的Timer是怎么工作的

作为入门者来说，了解JavaScript中timer的工作方式是很重要的。通常它们的表现行为并不是那么地直观，而这是因为它们都处在一个单一线程中。让我们先来看一看三个用来创建以及操作timer的函数。var id = setTimeout(fn, delay); - 初始化一个单一的timer，这个timer将会在一定延时后去调用指定的函数。这个函数（setTimeout）将返回一个唯

转载 Javascript中String和StringBuffer的速度之争——dream参考之三

很多Javascript书籍中都是类比于Java说String在频繁的和大量的字符串连接方面的效率是不如StringBuffer的。    显示情况时Javascript中并没有StringBuffer类，一种主流的Javascript StringBuffer类的实现是通过prototype构造一个StringBuffer类。    StringBuffer.js

转载 【JavaScript】slice（）、substring（）、substr（）的区别——dream参考之二

stringObject.slice（startIndex，endIndex）　　返回字符串 stringObject 从 startIndex 开始（包括 startIndex ）到 endIndex 结束（不包括 endIndex ）为止的所有字符。　　1）参数 endIndex 可选，如果没有指定，则默认为字符串的长度 stringObject.length 。

转载 JS获取浏览器窗口大小 —— dream 参考之一

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全

转载 js框架整理

1. Dojo (演示地址)Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供ajax，events，packaging，CSS-based querying，animations，JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateG

转载 八款JS框架介绍及比较

转自：http://www.blogjava.net/kent/articles/202855.htmlDojo     Dojo 是目前最为强大的JS框架，它在自己的 Wiki 上给自己下了一个定义，Dojo 是一个用 JavaScript 编写的开源的DHTML工具箱。Dojo 很想做一个“大一统”的工具箱，不仅仅是浏览器层面的，野心还是很大的。Dojo 包括 Ajax

转载 Flash动画学习指南十三：使用JSFL

转自：http://bbs.9ria.com/thread-72749-1-1.html要求知识储备                  软件需求                                             范例flash的基础知识       Flash Professional CS5 (下载测试版)       motion.

转载 Flash动画学习指南十二: 形状补间

转自：http://bbs.9ria.com/thread-74979-1-1.html本帖最后由 skyplan 于 2011-3-2 10:15 编辑预备知识：Flash工作空间的基本知识。受众水平：初学者。所需产品: Flash Professional CS4 （下载试用版）通过补间形状，您可以创建一个类似的变形-

转载 Flash动画学习指导十一：使用ActionScript 3

转自：http://bbs.9ria.com/thread-73577-1-1.html本文阅读要求：具备知识：基本了解flash用户水平：初级需要产品：Flash Professional CS4 （下载试用）例子motion-is-awesomer.zip你可以通过关联一个已存在的补

转载 Flash动画学习指南十：动画预设

转自：http://bbs.9ria.com/thread-75417-1-1.html要求基本知识：对Flash开发环境有基本的了解使用级别：初级开发工具：Flash Professional CS4 (Download trial) 案例资源:motion-is-awesomer.zip Adobe Flash CS4专业版包含动画预设，

转载 Flash动画学习指南九：预设与自定义

转自：http://bbs.9ria.com/thread-76129-1-1.html要求：预备知识：对Flash工作区的基本了解需要的工具：Flash Professional CS4 (下载)示例：motion-is-awesomer.zip用户等级：初级      缓动指的是动画过程中逐渐的加速或减

转载 flash动画学习指南八：动画编辑器

转自：http://bbs.9ria.com/thread-74790-1-1.html——要求：必要知识：flash工作区的基本知识需要的工具：flash CS4（下载试用版）实例文件：motion-is-awesomer.zip使用者水平：初级在你学习这一课程前，如果你学习过线性动画指导，你就已经学会了一些简单的动画编辑。