10 2013 档案
摘要：随着瀑布流的布局深入人心，传统意义上的翻页已经不能满足用户的需求。现在越来越多的网站，使用无限下拉的方式来展现内容，那它的原理是什么了？1.首先预先加载一部分内容，并显示出滚动条。2.监听浏览器滚动条。3.当滚动条快到浏览器底部的时候，触发请求。4.加载新的页面代码如下如果判断滚动条到达页面的底部了？首先要获得页面总高度和当前滚动条上底部的高度。因为scrollTop+browseHeight=pageHeight，所以当它们到相差很小的时候，说明就已经到页面的底部了。
阅读全文
摘要：我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着CSS3的广泛使用，更多新奇的 CSS 作品涌现出来。 今天这篇文章开始推出《百变 CSS 系列》，给大家带来 CSS 在网页中以及图形绘制中的使用。首先给大家打来的是流行的 CSS 三角形绘制方法。 Document 正三角 倒三角 左方向三角 右方向三角 左上方三角 右上方三角 左下方三角 右下方三角
阅读全文
摘要：这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。2.兼容性差异兼容性差异只针对浏览器IE6、IE7与标签button、input而言，
阅读全文
摘要：String.replace( ) 简介语法：var strings = string.replace(regexp, replacement)regexp ：您要执行替换操作的正则表达式，如果传入的是一个字符串，那就会当作普通字符来处理，并且只会执行一次替换操作；如果是正则表达式，并且带有 global (g) 修饰符，则会替换所有出现的目标字符，否则，将只执行一次替换操作。replacement ：您要替换成的字符。返回值是执行替换操作后的字符串。11 String.replace( ) 的简单用法var text = "javascript 非常强大 ！";13 te
阅读全文
摘要：Math.max(a,b,...,x,y) -- 返回数个数字中较大的值max是maximum的缩写，中文"最大量"的意思max函数语法Math.max(a,b,...,x,y);max函数参数a,b,...,x,y -- 为number类型的数字，可以是小数、整数；正数、负数、0.max函数返回值返回数个数值中较大的值注：如果max函数没有给出任何参数，返回-Infinity如果有NaN或者非数字类型的参数，返回NaNmax函数示例document.write(Math.max(5,8,6,-5,-6));document.write(Math.max());docume
阅读全文
摘要：给一个HTML元素设置css属性，如1234varhead= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";这样写太罗嗦了，为了简单些写个工具函数，如1234567functionsetStyle(obj,css){for(varatr incss){obj.style[atr] = css[atr];}}varhead= docum
阅读全文
摘要：1、事件分为事件冒泡（IE）和事件捕获2种，冒泡是由目标事件向上，一次到document,body的过程，事件捕获是由body向下，到document,目标事件的过程。2、DOM2定义了2种处理事件的方法，分别是addEventListener()添加事件监听和removeEventListener()删除事件监听，他们分别传入3个参数，第一个参数是事件类型，第二个参数是处理事件的函数，第三个参数是一个布尔类型，如果要在事件冒泡中传入函数设置为false,如果在事件监听中传入函数则设为true.我是测试事件监听的3、IE有自己的事件处理程序，attach()添加事件处理，detach()删除事
阅读全文
摘要：什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。Viewport 基础一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：width：控制 viewport 的大小，可以指定的一个值，如果 6
阅读全文
摘要：JavaScript（JS）中有3个和等号（=）相关的操作符：赋值运算符（=）、等于（==）、恒等于（===）。赋值运算符不多说了。这里说说等于和恒等于。==，等于：两边值类型不同的时候，会自动进行类型转换，然后再比较。===，恒等于，又叫严格等于：不做类型转换，类型不同的一定不等。先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等：1、如果类型不同，就[不相等]2、如果两个都是数值，并且是同一个值，那么[相等]；例外的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断）3、如果两个都是字符串，每个位置的字符都一样，那么[相等]；
阅读全文
摘要：1、Function类型三种定义方法，函数声明定义跟函数表达式定义法的区别在于，计算器会率先读取函数声明，使其在执行代码之前可用，函数表达式必须等到解析器执行到它所在的代码行，才会真正被解析。//函数声明定义法function sum(num1,num2){ return num1+num2}//函数表达式定义法var sum=function(num1,num2){ return num1+num2}//Function 构造函数var sum=new Function("num1","num2","retrun num1+num2"
阅读全文
摘要：1、RegExp类型，g表示全局，i表示不区分大小写，m表示继续查找下一行,用字面量方法来定义正则表达式//匹配字符串中所有的"at"实例var pattern1=/at/g;//匹配第一个"bat" 或"cat"不区分大小写var pattern2=/[bc]at/i;//匹配以at结尾的三个字符的组合，不区分大小写var pattern3=/.at/i;//匹配第一个“[bc]at”不区分大小写var pattern4=/\[bc\]at/i;//匹配第一个".at"，不区分大小写var pattern5=/\
阅读全文
摘要：1、object类型创建方法//new 方法var person=new object();person.name="AA";person.age=25;//对象字面量方法var person={ name="AA", //注意这里用的是逗号不是分号 age=25 }2、Array类型创建方法方法一var colors=new Array("blue","green","red");方法二省略newvar colors=Array("blue","green&quo
阅读全文
摘要：1、ECMAScipt包含2种数据类型，基本数据类型和引用数据类型2、基本类型的复制，是直接复制变量，形成2个独立的值，互不影响3、引用类型的复制，复制一个指针指向对象，导致2个指针指向同一个对象，所以一个变量改变会导致另一个对象的变化var obj1=new object();var obj2=obj1;obj1.name="AA";alert(obj2.name); //"AA"4、传递函数function addTen(num){ num+=10; return num; }var count=20;var result=addTen(count)
阅读全文
摘要：1、借用c语言语法，区分大小写，函数名不能使typeof2、标示符：指变量、函数、属性的名字或者函数的参数。第一个字符必须是字母，下划线（_），美元$,其他字符可以是字母、下划线或者数字。采用驼峰写法，例如(firstChild)3、严格模式，启动方法，在顶部添加"use strict" function doSomething(){ "use strict" //函数体 }4、5种基本数据类型，string，undefined，null,number,boolean可以使用typeof检测数据类型，null检测数据类型为object类型5、复杂数据类型
阅读全文
摘要：1、在包含外部Javascript文件时，必须将src属性设置为指向相应文件的URL。而这个文件既可以是与包含它的页面位于同一服务器上的文件，也可以是其他任何领域的文件。2、所有元素都会按照他们在页面中出现的先后顺序依次被解析。在不使用defer（延迟加载）和asyn(立即加载)属性的情况下，只有解析完前面元素的代码以后，才会开始解析后面元素中的代码。3、由于浏览器会先解析完不使用defer属性的元素中的代码，然后再解析后面的内容，所以一般应该把元素放在页面最后，即主要内容后面，标签前面。4、使用defer属性可以让脚本在文档完全呈现之后再执行。延迟脚本总会按照指定他们的顺序执行。5、使用as
阅读全文
浙公网安备 33010602011771号