会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
刘家三胖
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
下一页
2016年3月31日
js Date
摘要: var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDa
阅读全文
posted @ 2016-03-31 15:09 刘家三胖
阅读(1490)
评论(0)
推荐(0)
2016年3月29日
js 闭包
摘要: 摘自http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript
阅读全文
posted @ 2016-03-29 17:16 刘家三胖
阅读(330)
评论(0)
推荐(1)
2016年3月25日
js 图片放大镜功能
摘要: 原理:放置两张相同的图片,一张作为主图片(图片1),另一张作为用来裁剪并放大的图片(图片2) 鼠标移动时,计算鼠标在图片1的位置(距离图片1左上角的x,y距离),以此决定在图片2开始裁剪的位置,放大用zoom:放大倍数 类似于京东淘宝查看图片的功能 HTML: <img id="img1" src=
阅读全文
posted @ 2016-03-25 15:07 刘家三胖
阅读(348)
评论(0)
推荐(1)
前端页面优化
摘要: 页面级优化 一.减少HTTP请求 (1)合理设置HTTP缓存:变化的图片资源可以直接通过HTTP Header中的Expires设置一个很长的过期头; 变化不频繁而又可能会变的资源可以使用Last-Modifed来做请求验证。 在网站根目录 .htaccess 中加入以下代码 ExpiresActi
阅读全文
posted @ 2016-03-25 14:54 刘家三胖
阅读(227)
评论(0)
推荐(0)
css 背景图片自适应分辨率大小 兼容
摘要: 拉伸,all浏览器兼容.bg{ background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMe
阅读全文
posted @ 2016-03-25 14:51 刘家三胖
阅读(1440)
评论(0)
推荐(1)
纯css实现箭头
摘要: 很久之前收集的,忘记出处了。 1.梯形: 当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形; border: 10px solid #000; border-left-color: #f00; width: 10px; height: 10px; 2.三角形:当元素宽、高为零,且
阅读全文
posted @ 2016-03-25 14:41 刘家三胖
阅读(655)
评论(0)
推荐(1)
js 排序算法
摘要: 在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[
阅读全文
posted @ 2016-03-25 14:09 刘家三胖
阅读(197)
评论(0)
推荐(1)
css3 渐变 兼容
摘要: .gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left b
阅读全文
posted @ 2016-03-25 14:04 刘家三胖
阅读(194)
评论(0)
推荐(1)
css 兼容性总结
摘要: 1.就是ie6双倍边距的问题,在使用了float的情况下,不管是向左还是向右都会出现双倍,最简单的解决方法就是用display:inline;加到css里面去。 2.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3
阅读全文
posted @ 2016-03-25 14:03 刘家三胖
阅读(167)
评论(0)
推荐(1)
css3 @keyframe 抖动/变色动画
摘要: 一.纯css实现 .shake{ //抖动的元素 width: 200px; height: 100px; margin: 50px auto; background: #f00; position: relative; } /**step 2**/ @-webkit-keyframes shake
阅读全文
posted @ 2016-03-25 13:56 刘家三胖
阅读(1537)
评论(0)
推荐(1)
上一页
1
2
3
4
5
下一页
公告