2015年08月_whh_lydia

转载 handlebars-----with的this终极应用

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>with-终极this应用 - by 杨元title> 6 head> 7 body> 8 h1>with-终极this应用h1> 9

2015-08-31 17:48:24 446

转载 handlebars-----each创建分级索引

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>Handlebars.js循环中索引(@index)使用技巧 - by 杨元title> 6 head> 7 body> 8

2015-08-31 17:35:33 654

转载 handlebars------with属性贯穿上下文环境

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>with-进入到某个属性(进入到某个上下文环境) - by 杨元title> 6 head> 7 body> 8 h1>w

2015-08-31 17:29:55 511

转载 handlebars-----each循环嵌套中使用索引

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>关于循环中索引的使用title> 6 head> 7 body> 8 h1>关于循环中索引的使用h1> 9 基础html框架-

2015-08-31 16:46:28 6953

转载 handlebars-----each嵌套

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>each嵌套 - by 杨元title> 6 head> 7 body> 8 h1>each嵌套h1> 9 基础html框架-

2015-08-31 15:58:09 1343

转载 handlebars-----each循环使用方法

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>each-基本循环使用方法 - by 杨元title> 6 head> 7 body> 8 h1>each-基本循环使用方法h1> 9

2015-08-31 15:33:39 5532

转载 Handlebars模板开发指南

基础语法Handlebars模板看起来和一般的HTML没什么两样，只不过是在HTML中嵌入了Handlebars的表达式。如下：div class="entry"> h1>{{title}}h1> div class="body"> {{body}} div> div> 一个Handlebars的表达式是被{{和}}包含起来的内容。了

2015-08-31 14:29:51 595

原创加保护

问题： IE6浏览器提示错误 window.localStorage 为空或不是对象解决：userData = window && window.localStorage&&window.localStorage.getItem('user'); 注：红色标注标示加保护，如果window运行结果为0，则后面的不执行。

2015-08-28 17:56:50 372

原创判断是否是IE浏览器

1、jquery： navigator.userAgent.indexOf("MSIE") >= 0 || (navigator.userAgent.indexOf("Mozilla") >= 0 && navigator.userAgent.indexOf("Chrome") == -1); 注IE11的内核标示是Mozilla2、打印使用console.log("****"+

2015-08-28 14:20:21 313

转载 handlebars的使用

web 开发中，js 解析JSON 是经常的事情。非常繁琐。handlebars 使用了模版，只要你定义一个模版，提供一个json对象，handlebars 就能吧json对象放到你定的模版中，非常方便好用！下面直接上代码： Html代码 > html> head> meta http-equiv="Content-Type" content=

2015-08-26 09:17:10 518

转载 require.js

一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　　　　　　　　　　　这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加

2015-08-24 15:25:20 396

自HTML5标准的提出就得到非常多的关注，而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题，让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http

2015-08-24 13:47:41 837

原创判断浏览器是否是IE

function isIE（）{ if（！！window.ActiveXObject|| "ActiveXObject" in window) return true;else return false; }注：判断是否IE浏览器用的是window.navigator.userAgent，跟踪这个信息，发现在开发环境，识别为IE10，但访问

2015-08-24 11:58:05 381

转载 jquery的要点

1． jQuery框架的显著特点。jQuery强调的理念是写的少，做的多(write less，do more)。其主要特点有：轻量级、强大的选择器、漂亮的DOM操作封装、可靠的事件处理机制、完善的Ajax处理、出色的浏览器兼容性、链式操作方式、丰富的插件支持、开源产品。2．eval是做什么的？eval功能是把对应的字符串解析成JS代码并运行；但不安全，非常耗性能。

2015-08-17 17:27:59 563

转载 html5多线程

在HTML5里面，提供了一个振奋人心的功能，在HTML终于原生支持多线程了，我们的用户再也不用看到那个提示脚本运行时间过长的提示框了，具体的实现也很简单，只需要在javascript里面创建一个worker，就可以启动一个线程，然后通过message的方式进行传值，基本代码如下[javascript] view plaincopyprint?//创建

2015-08-17 15:46:56 490

转载 html5之本地存储

HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。 HTML5storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一

2015-08-17 15:44:12 349

转载 html之《meta》设置缓存

,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.) ,常见的取值有private、no-cache、max-age、must-revalidate等，默认为private,其作用根据不同的重新浏览方式分为以下几种情况：1）打开新窗口值为private、no-ca

2015-08-12 15:40:51 847

转载 js获取当前日期时间及其他操作

Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate();

2015-08-05 17:19:30 326

原创防止别人将自己的网页放在框架中

if (self !=top ) window.top.location.replace( self.location) ;

2015-08-05 16:53:54 349

原创设置网页由中间向外扩大变化

function expand( ){ for(x=0;x window.moveTo(screen.availWidth *-（x-50）/100 , screen.availHeight * - （x-50）/100; window.resizeTo(screen.availWidth * x /50 ,screen.availHeight * x /50 ); }

2015-08-05 16:48:53 388

原创制作网页雪花飘飘效果

var snowsrc="image/1.png" var no = 11;//雪花数量 var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_wi

2015-08-05 16:31:56 1188

原创给图像添加探照灯效果

#spotlight{filter:light}if (document.all&&window.spotlight){var x=new Array()var direction=new Array()var y=new Array()if (spotlight.length==null){spotlight[0]=document.all.spotlightx[0]=

2015-08-05 16:20:04 861

原创 css常用技巧

一、让浏览器显示word格式文本二、设置浮动背景 body{ background-attachment:fixed;background-image:url(image/1.gjf);} 三、正确对齐文本.dq{margin-left:68px;margin-right:70px;margin-top:69px;margin-bottom:71px;}四

2015-08-05 16:12:51 333

原创窗口特效

一、全屏显示窗口二、定时关闭窗口function clock( ){ i=i-1;document.title="本窗口将在”+i+"秒后自动关闭!";if(i>0) setTimeout("clock( );",1000);else self.close( );}var i=0;clock( );

2015-08-05 11:46:06 303

原创图像特效

一、鼠标指针移上去图像震动效果style>02.shakeimage{03position:relative04}05style>06

2015-08-04 17:32:15 456

原创时间特效

function showTime(){ //创建函数var now_time=new Date( ); //创建时间对象的实列var hours=now_ti

2015-08-04 15:14:24 381

原创滤镜属性

一、alpha 不透明度 filter：alpha（opacity=opcity，finishopacity=finishopacity，style=style，startX=startX，startY=startY，finishX=finishX，　finishY=finishY）　　 Opacity代表透明度等级，可选值从0到100，0代

2015-08-04 11:45:08 421

原创光标属性cursor

值描述url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为

2015-08-04 10:56:19 384

原创列表属性list-style-type、图像符号list-style-image、列表缩进list-style-position

一、list-style-typedisc：实心圆circle：空心圆square：实心方块decimal：阿拉伯数字lower-roman：小写罗马数字upper-roman：大写罗马数字lower-alpha：小写英文字母upper-alpha：大写英文字母none：不使用任何项目符号或编号二、list-style-imagenone：不指定图像

2015-08-04 10:51:56 1438 1

原创清除属性clear、可视区域clip、超出范围overflow、可见属性visibility

一、clearnone：表示允许两边都可以有浮动对象，是默认值left：表示不允许左边有浮动对象right：表示不允许右边有浮动对象both：表示不允许两边有浮动对象二、clipauto：表示对象不裁切rect（上，右，下，左）的顺序提供自对象左上角（0，0）坐标计算的四个偏移数值

2015-08-04 10:24:38 590

原创边框宽度 border-width

medium 表示默认宽度thin 表示小于默认宽度thick 表示大于默认宽度

2015-08-04 10:09:22 447

原创边框属性border

none：无边框dotted：点线边框dashed：虚线边框solid：实线边框double：双实线边框groove：边框具有立体感的沟槽ridge：边框成脊行inset：使整个边框凹陷，即在边框内嵌入一个立体边框outset：使整个边框凸起，即在边框外嵌入一个立体边框

2015-08-03 17:20:55 547

原创文字反排unicode-bidi、direction

一、unicode-bidi bidi-override：表示按照direction属性的值重排序 normal：表示为默认值 embed：表示对象打开附件的嵌入层二、direction属性 ltr：表示从左往右的顺序阅读 rtl：表示从右往左的顺序阅读 inherit：表示文本流的值不可继承

2015-08-03 15:55:47 780

原创垂直对齐方式vertical-align、文本转换text-transform

一、vertical-align baseline：浏览器默认的垂直方式 sub：文字的下标 super：文字的上标 top：垂直靠上对齐 text-top：使元素和上级元素的字体向上对齐 text-bottom：使元素和上级元素的字体向下对齐二、transform n

2015-08-03 15:29:19 378

原创背景图像位置 background-position

一、background-position属性的百分比设置值 0% 0% 左上位置 50% 0% 靠上居中位置 100% 0% 右上位置 0% 50% 靠左居中位置

2015-08-03 14:25:17 664

原创背景附件 background-attachment

background-attachment：fixed 表示背景图像固定在页面上不动，只有其他内容是随滚动条滚动background-attachment：scroll 表示背景图像随对象滚动而滚动，是默认选项

2015-08-03 12:01:11 340

whh_lydia的博客