散列的一些知识点

1.区域模块分解 :

按照空间区域,对复杂的案例效果,分解为几个较简单的模块部分。目的是:更方便的理解案例原理。


2.VCD分解:

                     view                        视觉     HTML+CSS        基本界面模板

                     controller                控制       Javascript        内容处理、事件处理

                     Data                         数据         data.js              非必须,助于理解


3.onselectstart="return   false"    

可以直接加在body的行间,用于:如果页面有点选的操作,防止文字被选中。


4.-webkit-font-smoothing: antialiased    

  css3中用于webkit引擎(如chrome)中设置字体的抗锯齿或者说光滑度的属性。有3个属性:none用于小像素的文本、subpixel-antialiased浏览器默认的、antialiased反锯齿。


5.

把字母统一变成小写toLowerCase()

把字母统一变成大写toUpperCase()


6.

alert里面用\n换行

alert("您好\nhello")


7.localStorage

在客户端存储数据,HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储,localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。

localStorage 与sessionStorage相似。不同之处在于,存储在 localStorage 里面的数据没有过期时间(expiration time),而存储在 sessionStorage 里面的数据会在浏览器会话(browsing session)结束时被清除,即浏览器关闭时。

应该注意的是,无论是 localStorage 还是 sessionStorage 中保存的数据都仅限于该页面的协议。

语法:myStorage=localStorage;

返回值:一个Storage对象

面的代码访问当前域名下的 localStorage对象,并使用Storage.setItem()方法往里面添加一个数据项。

localStorage.setItem('myCat','Tom');

首先在使用localStorage的时候,我们需要判断浏览器是否支持localStorage这个属性:

if(!window.localStorage){

alert("浏览器不支持localstorage");

return     false;

}else{

//主逻辑业务

}

//localStorage的写入和读取

if(!window.localStorage){

alert("浏览器不支持localstorage");

return    false;

}else{

var   storage=window.localStorage;

//localStorage的写入

//写入a字段,方式一

storage["a"]=1;

//写入b字段,方式二

storage.b=2;

//写入c字段,方式三

storage.setItem("c",3);

console.log(typeof   storage["a"]);

console.log(typeof   storage["b"]);

console.log(typeof    storage["c"]);

//localStorage的读取

//第一种方法读取

var    a=storage.a;

console.log(a); 

//第二种方法读取

var    b=storage["b"];

console.log(b);//第三种方法读取

var    c=storage.getItem("c");

console.log(c);

}

最后在控制台上面打印出来的结果是:string,刚刚存储进去的是int类型,但是打印出来却是string类型,这个与localStorage本身的特点有关,localStorage只支持string类型的存储。

这里要特别说明一下localStorage的使用也是遵循同源策略的,所以不同的网站直接是不能共用相同的localStorage

这里面是三种对localStorage的读取,其中官方推荐的是getItem\setItem这两种方法对其进行存取。

localStorage的删、改

if(!window.localStorage){

alert("浏览器不支持localstorage");

return    false;

}else{

var   storage=window.localStorage;

storage["a"]=1;

storage.b=2;

storage.setItem("c",3);

//将a改为4

storage.a=4;

console.log(storage.a);

}

将localStorage的所有内容清除

var   storage=window.localStorage;

storage.a=1;

storage.setItem("c",3);

console.log(storage);

storage.clear();

console.log(storage);

将localStorage中的某个键值对删除

var   storage=window.localStorage;

storage.a=1;

storage.setItem("c",3);

console.log(storage);

storage.removeItem("a");

console.log(storage.a);

localStorage的键获取,使用key()方法,向其中出入索引即可获取对应的键

var  storage=window.localStorage;

storage.a=1;

storage.setItem("c",3);

for(var   i=0;i

var    key=storage.key(i);

console.log(key);

}

一般我们会将JSON存入localStorage中,但是在localStorage会自动将localStorage转换成为字符串形式,这个时候我们可以使用JSON.stringify()这个方法,来将JSON转换成为JSON字符串.

if(!window.localStorage){

alert("浏览器不支持localstorage");

}else{

var   storage=window.localStorage;

var  data={

name:'xiecanyong',

sex:'man',

hobby:'program'

};

var     d=JSON.stringify(data);

storage.setItem("data",d);

console.log(storage.data);

}

读取之后要将JSON字符串转换成为JSON对象,使用JSON.parse()方法:

var    storage=window.localStorage;

var   data={

name:'xiecanyong',

sex:'man',

hobby:'program'};

var    d=JSON.stringify(data);

storage.setItem("data",d);

//将JSON字符串转换成为JSON对象输出

var  json=storage.getItem("data");

var   jsonObj=JSON.parse(json);

console.log(typeof    jsonObj);


8.HTML标签marquee实现滚动效果

要进行滚动的内容,可以实现多种滚动效果,无需js控制。

margquee可以移动文字,图片,表格等。

1.滚动方向direction(包括4个值:up、 down、 left和 right)

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

··············


9.

手机点击浏览网页上的input标签时,会自动弹出软键盘,如何来阻止呢
















你可能感兴趣的:(散列的一些知识点)