摘要: 什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。Viewport 基础一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:width:控制 viewport 的大小,可以指定的一个值,如果 6 阅读全文
posted @ 2013-10-10 10:25 @敏敏 阅读(259) 评论(0) 推荐(0) 编辑
摘要: JavaScript(JS)中有3个和等号(=)相关的操作符:赋值运算符(=)、等于(==)、恒等于(===)。赋值运算符不多说了。这里说说等于和恒等于。==,等于:两边值类型不同的时候,会自动进行类型转换,然后再比较。===,恒等于,又叫严格等于:不做类型转换,类型不同的一定不等。先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等:1、如果类型不同,就[不相等]2、如果两个都是数值,并且是同一个值,那么[相等];例外的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断)3、如果两个都是字符串,每个位置的字符都一样,那么[相等]; 阅读全文
posted @ 2013-10-10 08:20 @敏敏 阅读(463) 评论(0) 推荐(0) 编辑
摘要: 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" 阅读全文
posted @ 2013-10-06 22:56 @敏敏 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 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=/\ 阅读全文
posted @ 2013-10-06 21:15 @敏敏 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2013-10-06 20:45 @敏敏 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 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) 阅读全文
posted @ 2013-10-06 19:33 @敏敏 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 1、借用c语言语法,区分大小写,函数名不能使typeof2、标示符:指变量、函数、属性的名字或者函数的参数。第一个字符必须是字母,下划线(_),美元$,其他字符可以是字母、下划线或者数字。采用驼峰写法,例如(firstChild)3、严格模式,启动方法,在顶部添加"use strict" function doSomething(){ "use strict" //函数体 }4、5种基本数据类型,string,undefined,null,number,boolean可以使用typeof检测数据类型,null检测数据类型为object类型5、复杂数据类型 阅读全文
posted @ 2013-10-06 17:36 @敏敏 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1、在包含外部Javascript文件时,必须将src属性设置为指向相应文件的URL。而这个文件既可以是与包含它的页面位于同一服务器上的文件,也可以是其他任何领域的文件。2、所有元素都会按照他们在页面中出现的先后顺序依次被解析。在不使用defer(延迟加载)和asyn(立即加载)属性的情况下,只有解析完前面元素的代码以后,才会开始解析后面元素中的代码。3、由于浏览器会先解析完不使用defer属性的元素中的代码,然后再解析后面的内容,所以一般应该把元素放在页面最后,即主要内容后面,标签前面。4、使用defer属性可以让脚本在文档完全呈现之后再执行。延迟脚本总会按照指定他们的顺序执行。5、使用as 阅读全文
posted @ 2013-10-06 16:48 @敏敏 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 首先找到了一个网站,可以参考这个网站http://www.quirksmode.org/dom/inputfile.html另外我们可以想办法把file的背景颜色去掉,position=absolute,z-index=-1,这样隐去file,然后用label 标签里边加上文字,设置样式,具体代码如下 嵌入LOGO (支持jpg、png、小于2M) 阅读全文
posted @ 2013-09-17 15:29 @敏敏 阅读(1818) 评论(0) 推荐(0) 编辑
摘要: 开始研究响应式web设计,CSS3 Media Queries是入门。Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。那么,Media Queries是如何工作的?两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:意思是当屏幕的宽度大于等于400px的时候,应用styleA.css在media属性里:screen是媒体类型里的一种,CSS2.1定义了10种媒体类型and被称为关键字,其他关键字还包括not(排除某种设备),only(限定某种设 阅读全文
posted @ 2013-09-13 11:27 @敏敏 阅读(132) 评论(0) 推荐(0) 编辑