03 2016 档案
摘要:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDa
阅读全文
摘要:摘自http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript
阅读全文
摘要:原理:放置两张相同的图片,一张作为主图片(图片1),另一张作为用来裁剪并放大的图片(图片2) 鼠标移动时,计算鼠标在图片1的位置(距离图片1左上角的x,y距离),以此决定在图片2开始裁剪的位置,放大用zoom:放大倍数 类似于京东淘宝查看图片的功能 HTML: <img id="img1" src=
阅读全文
摘要:页面级优化 一.减少HTTP请求 (1)合理设置HTTP缓存:变化的图片资源可以直接通过HTTP Header中的Expires设置一个很长的过期头; 变化不频繁而又可能会变的资源可以使用Last-Modifed来做请求验证。 在网站根目录 .htaccess 中加入以下代码 ExpiresActi
阅读全文
摘要:拉伸,all浏览器兼容.bg{ background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMe
阅读全文
摘要:很久之前收集的,忘记出处了。 1.梯形: 当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形; border: 10px solid #000; border-left-color: #f00; width: 10px; height: 10px; 2.三角形:当元素宽、高为零,且
阅读全文
摘要:在51CTO学院看到的教学视频,保存下来,说不定有用到的时候 冒泡排序For(i=0; i<Arr.length; i++; ){ For(j=i+1; j<Arr.length; j++){ If(Arr[0] > Arr[i]){ Var temp = Arr[0]; Arr[0] = Arr[
阅读全文
摘要:.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left b
阅读全文
摘要:1.就是ie6双倍边距的问题,在使用了float的情况下,不管是向左还是向右都会出现双倍,最简单的解决方法就是用display:inline;加到css里面去。 2.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3
阅读全文
摘要:一.纯css实现 .shake{ //抖动的元素 width: 200px; height: 100px; margin: 50px auto; background: #f00; position: relative; } /**step 2**/ @-webkit-keyframes shake
阅读全文
摘要:类似于jquery的css()函数,js封装 CSS函数:css(oDiv , “width” , “200px ”)设置样式css(oDiv , “width”)获取样式JS:Function css(){ If(arguments.length==2){ Return arguments[0].
阅读全文
摘要:function addListener(element,e,fn){ if(element.addEventListener){ element.addEventListener(e,fn,false); } else { element.attachEvent("on" + e,fn); } }
阅读全文
摘要:function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "
阅读全文
摘要:$(document).ready(function(){ $.ajax({ type:"get", cache:false, url:"ajaxpage.aspx?t=getcity", dataType:"json", beforeSend:function(){ $("#vvv").appen
阅读全文
摘要:自己写了一个javascript的可循环轮播图,支持手机滑动,不过代码着实小白,全局变量,函数调用满天飞,研究别的代码规范好的轮播图插件,表示看得懂但是写不出。。 HTML: <div id="main" > <!--轮播图片或背景--> <div class="bigbox"> <ul id="l
阅读全文
摘要:http://www.missyuan.net/school/web_2013/web_10748.html 一.使用HTML中的viewport来实现 viewport语法如下: HTML代码 <!--在html代码的<head>...</head>中嵌入下面代码--> <meta name="v
阅读全文
摘要:#content_left{ //左 width:73px; height:100px; vertical-align:middle; margin-right:-100px; float:left; background-color:#FFFF99;}#content_right{ //右 wid
阅读全文
摘要:刚刚接触angularJS,网上学习了一遍菜鸟教程(http://www.runoob.com/angularjs/angularjs-tutorial.html),做了些基础知识的笔记。 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面
阅读全文
摘要:&&表达式中,若前一个为false则不会执行下去,||表达式中,一直寻找到true即停止 例:成长速度为5显示1个箭头,为10显示2个箭头,为 15显示3个箭头,其余显示0个箭头var arrows = (speed==5 && 1) || (speed==10&&2) || (speed==15
阅读全文
摘要:<link id=”link” rel=”stylesheet” src=”css1.css” />给link加IDFunction skin1(){ Var link = document.getElementById(“link”);Link.href=”css1.css”}Function s
阅读全文
摘要:做为一名毕业不久的兢兢业业的前端小白,傻到一直用word做笔记,还有各种手抄(捂脸),下定决心以后改用博客,据说大神们都是这么做的!嘿嘿,先把各种笔记腾上来,内容实在惨不忍睹各种智商感人,希望不要有人喷在下~
阅读全文