02 2016 档案
摘要：在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么
阅读全文
摘要：建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑，要用logo图片来代替h1，这时需要隐藏h1内的这段文字，但又不能对搜索引擎不友好，否则就失去了定义h1标签的意义。 在CSS中如何以图代字，找了一下CSS隐藏文字的方法，有以下几条： 1、display:none; 这个大家普遍说法是，搜索引
阅读全文
摘要：语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top |
阅读全文
摘要：元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如<div>和<span>就不同，而<strong>和<p>也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一
阅读全文
摘要：作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。 JavaScript作用域 任何程序设计语言都有作用域的
阅读全文
摘要：问题的提出 首先看一个例子: var name = 'laruence'; function echo() { alert(name); var name = 'eve'; alert(name); alert(age); } echo(); 运行结果是什么呢? 上面的问题, 我相信会有很多人会认为
阅读全文
摘要：一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1();
阅读全文
摘要：区别：严格模式是浏览器根据规范去显示页面；混杂模式是以一种向后兼容的方式去显示 意义：决定浏览器如何渲染网站（浏览器使用那种规范去解析网页） 触发：浏览器根据doctype是否存在和使用的是那种DTD来决定。 这篇内容是在了解了<!DOCTYPE>之后,需要知道的。 Doctype可声明三种DTD类
阅读全文
摘要：FOUC：Flash Of Unstyled Content （文档样式闪烁） 一般指IE在加载网页的时候，出现短暂的CSS样式失效。 问题一：什么时候出现呢？ IE浏览器IE的临时文件夹没有缓存过页面的css文件页面head标签里面没有任何link和script标签页面引用样式的方式是采用@imp
阅读全文
摘要：js继承的概念 js里常用的如下两种继承方式： 原型链继承（对象间的继承） 类式继承（构造函数间的继承） 由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现 在面向对象的语言中
阅读全文
摘要：CSS layout入门 元素与盒 在HTML中常常使用的概念是元素，而在CSS中，布局的基本单位是盒，盒总是矩形的。 元素与盒并非一一对应的关系，一个元素可能生成多个盒，CSS规则中的伪元素也可能生成盒，display属性为none的元素则不生成盒。 除了元素之外，HTML中的文本节点也可能会生成
阅读全文
摘要：一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function
阅读全文
摘要：// 封装添加事件监听程序 function addEvent(ele,type,hander){ if(ele.addEvenetListener){ ele.addEventListener(type,hander,false); } else if(ele.attachEvent){ ele.
阅读全文
摘要：JSON基本概念： JSON：javaScript对象表示法（JavaScript Object Notation） JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成 JSON是独立于语言的，也就是说不管什么语言，都可以解析jso
阅读全文
摘要：Ajax三步骤： Asynchronous Javascript And XML 1、运用HTML和CSS实现页面，表达信息； 2、运用XMLHttpRequest和web服务器进行数据的异步交换； 3、运用JavaScript操作DOM，实现动态局部刷新； 1.同步：就是用户填写完信息之后，全部提
阅读全文
摘要：“服务器推”技术的应用 请访问 Ajax 技术资源中心，这是有关 Ajax 编程模型信息的一站式中心，包括很多文档、教程、论坛、blog、wiki 和新闻。任何 Ajax 的新信息都能在这里找到。 centertop 订阅 Ajax 相关文章和教程的 RSS 提要 传统模式的 Web 系统以客户端发
阅读全文
摘要：如果看了的我上一篇博客《Ajax入门（一）从0开始到一次成功的GET请求》的话，肯定知道我们已经完成了一个简单的get请求函数了。如下： 123456789101112131415161718192021222324252627282930313233343536373839404142 /** *
阅读全文
摘要：什么是服务器 网页浏览过程分析 一个完整的HTTP请求过程,通常有下面7个步骤 建立TCP连接 Web浏览器向Web服务器发送请求命令 Web浏览器发送请求头信息 Web服务器- 应答 Web服务器- 发送应答头信息 Web服务器- 向浏览器发送数据 Web服务器- 关闭TCP连接 如何配置自己的服
阅读全文
摘要：基本概念 Cookie Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段
阅读全文
摘要：1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。 好处呢：1，提高性能。 我们可以
阅读全文
摘要：HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模
阅读全文
摘要：在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果，这种时候我们经常会用到一些元素位置和尺寸的计算，浏览器兼容性问题也是不可忽略的一部分，要想写出预想效果的JavaScript代码，我们需要了解一些基本知识。 基础概念 为了方便理解，我们需要了解几个基础概念，每个HTML元素
阅读全文
摘要：制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。 下面的教程总结了Javascript在网页定位方面的相关知识。 一、网页的大小和浏览器窗口的大小 首先，要明确两个基本概念。 一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。 浏览器窗口的大小，则是指在
阅读全文
摘要：题目如下： function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = function
阅读全文
摘要：在讨论bind()方法之前我们先来看一道题目： var altwrite = document.write; altwrite("hello"); //1.以上代码有什么问题 //2.正确操作是怎样的 //3.bind()方法怎么实现 对于上面这道题目，答案并不是太难，主要考点就是this指向的问题
阅读全文
摘要：讲解this指针的原理是个很复杂的问题，如果我们从javascript里this的实现机制来说明this，很多朋友可能会越来越糊涂，因此本篇打算换一个思路从应用的角度来讲解this指针，从这个角度理解this指针更加有现实意义。 下面我们看看在java语言里是如何使用this指针的，代码如下： pu
阅读全文
摘要：之一------(函数的劫持与对象的复制)关于对象的继承，一般的做法是用复制法： Object.extend 见protpotype.js 的实现方法: Object.extend = function(destination, source) ...{ for (property in sourc
阅读全文
摘要：方法一: 个人认为最好的方法.采用的是正则表达式,这是最核心的原理. 其次.这个方法使用了JavaScript 的prototype 属性 其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便. 下面就来看看这个属性是怎么来用的. 返回对象类型原型的引用。 objectName.prot
阅读全文
摘要：四种算法来实现这个目的： Array.prototype.unique1 = function () { var n = []; //一个新的临时数组 for (var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组，那么跳
阅读全文
摘要：javascript的一切实例都是对象，只是对象之间稍有不同，分为原始类型和合成类型。原始类型对象指的是字符串（String）、数值（Number）、布尔值（Boolean），合成类型对象指的是数组（Array）、对象（Object）、函数（Function）。 既然对象分为这两类，他们之间的最大差
阅读全文
摘要：如何判断js中的数据类型：typeof、instanceof、 constructor、 prototype方法比较 如何判断js中的类型呢，先举几个例子： var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date();
阅读全文
摘要：ECMAscript 中有5种简单的数据类型，也被称为基本数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型——Object。 Undefined 类型 在使用var 声明变量但未对其进行初始化时，这个变量的值就是undefined。如： ?
阅读全文
摘要：javascript的变量声明具有hoisting机制，JavaScript引擎在执行的时候，会把所有变量的声明都提升到当前作用域的最前面。 先看一段代码 1 2 3 4 5 var v = "hello"; (function(){ console.log(v); var v = "world";
阅读全文
摘要：基础知识(Basics) JavaScript 的很多语法借鉴自 Java，但也受 Awk，Perl 和 Python 影响。 JavaScript 是大小写敏感的，使用 Unicode 字符集。 在JavaScript中，语句被称为 statements，并用分号分隔（;）。空格、制表符和换行符被
阅读全文
摘要：下面的程序是什么结果？ [javascript] view plain copy var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); 结果是10； 那么下面这个呢？ [javascript] v
阅读全文
摘要：在函数体内，标识符arguments是指向实参对象的引用，实参对象是一个类数组对象 arguments[0]，arguments.length arguments是什么? 答:1:arguments是收到的实参副本 在词法分析中, 首先按形参形成AO的属性,值为undefined 当实参传来时, 再
阅读全文
摘要：最近在研究OOCSS，当打开template.css阅读第一行时，震惊了，第一眼居然没看懂。。。。。。以下就是OOCSS下的template.css第一行代码： 1 2 .body{overflow:hidden; _overflow:visible; _zoom:1;} .main{overflo
阅读全文
摘要：table曾经在网页开发中占据着举重若轻的地位——布局，即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的 Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局浪潮。之后而来的就是新仇旧恨，许许多多无论是对table有意见亦或没意见的人也开 始了对table笔诛口伐—
阅读全文
摘要：强制换行与强制不换行问题曾经一度困扰着我，每当遇到换行问题时候那就是痛苦回忆的开始，现在终于痛定思痛，一鼓作气把这个长期顽固问题给解决。 强制换行与强制不换行用到的属性 我们一般控制换行所用到的CSS属性一共有三个：word-wrap; word-break; white-space。这三个属性可以
阅读全文
摘要：现如今，负margin技术的应用可谓越来越广，任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一，许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。 负margin理论： 在说明什么是负margin之前，你得清楚margin是个啥
阅读全文
摘要：margin 在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。 一、margin的基本特性 margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin，可以用
阅读全文
摘要：你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪 些？…… 写cs
阅读全文
摘要：圆角矩形一向是设计师最倾心的一种设计，因为他们可以让整个网页生动起来，不那么死板，所以，作为一个优秀的网页设计师，学会一种或多种编辑圆角矩形的方法是必不可少的，而且圆角矩形应用范围极广，一个网页内的所有矩形基本上都需要设计为圆角矩形，这样网页才不会那么死气沉沉！ 工具/原料 一些简洁、直观、强悍的前
阅读全文
摘要：随着 Web2.0 技术的不断推广，越来越多的应用使用 JavaScript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能
阅读全文
摘要：仔细分析各种布局的技术实现，可以发现下面三种技术被经常使用： 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。 尝试之路考虑以下DOM结构： <d
阅读全文
摘要：http://zh.learnlayout.com/no-layout.html
阅读全文
摘要：新css属性为我们提供了更加便捷的网页布局方式。来自微软的thomas lewis将带你认识去Grid Alignment，Flexibox Box以及Multi-column Layout这三大领域。 这篇文章最早出现在the April 2012 issue (226)这期的.net杂志上-这杂
阅读全文
摘要：What:了解该知识点的概念，本质以及有关牵扯到的相关知识概念 BFC这个东西说常见的话你可能不觉得，但是你肯定会常用，也许你在用的时候也没想到BFC这东西。网上也有很多写这些东西的文章，但是自己写一遍印象更深一点。 首先我们看看w3c对BFC是怎么定义的: http://www.w3.org/TR
阅读全文
摘要：BFC的理解与应用 首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。 什么是BFC（Block formatting contexts） w3c规范中的BFC定义
阅读全文
摘要：实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化，就如下图： 要实现这样一个布局，我们首先需要如下的 HTML： <div id="float-container"> <div class="float-element"></div> <div class="float-e
阅读全文
摘要：1. 固定宽度，中部DIV内容优先显示布局 说明：这种布局一般常见与社交网站，例如QQ空间，朋友网等等，特点是把中部信息的内容放在前面显示，左侧菜单内容最后显示。实现方法：重点在于使用了margin-left:-960px;这样样式，如果能深入了解一下margin的负值和浮动原理就可以很好的理解此方
阅读全文
摘要：百度经验：http://jingyan.baidu.com/article/fdffd1f826fa46f3e88ca17c.html 1.三列等高布局 html code: <div id="wrap"> <div id="left"> <p>left</p> <p>left</p> <p>lef
阅读全文
摘要：今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题，需要解决，花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧： 左侧固定宽，右侧自适应屏幕宽； 左右两列，等高布局； 左右两列要求有最小高度，例如：200px;（当内容超出200时，会
阅读全文
摘要：正则表达式到底是什么东西？ 字符是计算机软件处理文字时最基本的单位，可能是字母，数字， 标点符号，空格，换行符，汉字等等。字符串是0个或更多个字符的序列。文本也就是文字，字符串。说某个字符串匹配某个正则表达 式，通常是指这个字符串里有一部分（或几部分分别）能满足表达式给出的条件。 在编写处理字符串的
阅读全文
摘要：this指的是调用函数的那个对象 1、纯粹函数调用。 function test(){ this.x=1; alert (x); } test(); 其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。其实这里的this就是全局变量。看下面的例子就能很好的
阅读全文
摘要：arguments 是什么？ 是一个对象，一个 很像数组的对象 arguments内容是什么？ 1是函数运行时的实参列表 2收到实参收集起来，放到一个arguments对象里 在词法分析中，首先按形参形成AO的属性，值为undefined 当实参传来时，再修改AO的相应属性 t(a,b,c){};
阅读全文
摘要：CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问 该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多 的
阅读全文
摘要：/词法分析 1先分析参数 2在分析变量声明 3分析函数声明 一个函数能使用的局部变量就从上面的3步分析而来 具体步骤： 0：函数运行前的1瞬间，生成Active Object(活动对象)，下称AO 1:把声明的参数形成Ao的属性，参数的值即属性的值;;接收参数，形成AO相应属性的值 2：分析变量声明
阅读全文
摘要：---恢复内容开始--- /*作用域 在js中，函数嵌套是非常普遍的，首先在函数内部寻找，寻找不到就会到函数外层寻找……直到window*/ var c=5; function t1(){ var d=6; function t2(){ var e=7; alert(c+d+e); } t2();
阅读全文