再看最后一眼青春的星空

灿烂火光就像盛夏的烟火

欢送挣扎万年文明的巅峰

我们啊

将变星辰永远飘在黑暗宇宙

这个男人来自三体

Tirion

导航

随笔分类 -  前端

上一页 1 2 3 4 5 6 7 下一页

布局转换:文档流->绝对定位
摘要:布局转换:文档流->绝对定位(详见妙味JS高级教程,运动课程第6课20分钟起)比如一个DIV中有三张图片并排,个数不确定的布局。需要鼠标移上去图片从中心放大,只使用float:left布局在放大的时候会导致旁边的元素跟着动,所以需要将float布局转换为absolute绝对定位1、先使用文档流布局, 阅读全文

posted @ 2016-04-21 15:05 Tirion 阅读(225) 评论(0) 推荐(0)

ThinkPHP缓存微信公众号access_token
摘要:access_token作为微信的全局票据,在高级接口中需要频繁调用,其有效期为7200秒,即2小时,而微信官方对调用Token的次数有限制(参见接口频率限制说明),获取access_token每日限额为2000次,测试号只有200次。如果每次响应都调用access_token,则有可能随着用户的增 阅读全文

posted @ 2016-04-21 15:04 Tirion 阅读(680) 评论(0) 推荐(0)

JS中对this的理解
摘要:this:引用的是函数据以执行的环境对象(一个对象) 对象中的this的理解 阅读全文

posted @ 2016-04-21 15:00 Tirion 阅读(267) 评论(0) 推荐(0)

AJAX保留浏览历史的解决方案——hashchange()
摘要:在ajax请求中,不能更新地址栏,地址栏上的“前进”和“后退”按钮就失效了,带来了另外一种糟糕的用户体验。 解决方案如下: 方案一:使用window. Onhashchange 事件 如下面Html片段,点击不同的连接,在mainPanel中加载不同的页面: page1 page2 page3 首先 阅读全文

posted @ 2016-04-21 14:57 Tirion 阅读(2453) 评论(0) 推荐(0)

IE6 7 8BUG锦集
摘要:1、浮动元素的双倍margin 说明:这是IE6及其以下版本的一个经典的BUG,触发这个BUG产生的条件是给元素设置了浮动并且同一方向设置了margin值。来看以下代码: <style type="css/text"> body,div { margin:0; padding:0; } .wrap 阅读全文

posted @ 2016-04-21 14:56 Tirion 阅读(200) 评论(0) 推荐(0)

并列元素模拟父子元素二级菜单
摘要:通常二级菜单是使用父子元素 父级分类 子分类1 子分类2 子分类3 子分类1 子分类2 子分类3 首先子分类是隐藏的,当鼠标滑倒父级分类上时出现子分类,而当鼠标滑倒子分类上时,子分类不会消失,因为子分类是在父级分类的元素里面的 那么,如果父级分类和子分类是并列元素,该怎样做到从父级分类滑到子分类上子 阅读全文

posted @ 2016-04-21 14:55 Tirion 阅读(222) 评论(0) 推荐(0)

如何生成a1,a2,a3,a4这样的变量名
摘要:var num=6; function Girl(beautifulScore){ this.beautifulScore=beautifulScore; } var girls=[]; for (var i = 0; i < num; i++) { girls[i]=new Girl(Math.f 阅读全文

posted @ 2016-04-21 14:51 Tirion 阅读(652) 评论(0) 推荐(0)

Hammer.js移动端触屏框架的使用
摘要:hammer.js是一个多点触摸手势库,能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件,免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸屏设备的浏览器,在桌面 阅读全文

posted @ 2016-04-21 14:51 Tirion 阅读(6216) 评论(1) 推荐(1)

Swiper说明及API手册说明
摘要:最近使用Swipe.js,发现中文的资料很少,试着翻译了一下。能力有限,翻译难免错漏,欢迎指出,多谢! 翻译自:http://www.idangero.us/sliders/swiper/api.php http://www.idangero.us/sliders/swiper/index.php 阅读全文

posted @ 2016-04-21 14:49 Tirion 阅读(818) 评论(0) 推荐(0)

Jquery实现图片的预加载与延时加载
摘要:有很多项目经常会需要判断图片加载完成后执行相应的操作,或者需要图片延迟加载,网上虽然已经有很不错的插件,但要为这些效果还得单独加载一个插件的话总感觉有点不舒服,干脆自己写了个方法: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 阅读全文

posted @ 2016-04-21 14:48 Tirion 阅读(326) 评论(0) 推荐(0)

使用jquery插件实现图片延迟加载技术(懒加载)
摘要:有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。 这里推荐使用jquery图片延迟加载插件jquery.la 阅读全文

posted @ 2016-04-21 14:47 Tirion 阅读(367) 评论(0) 推荐(0)

px em rem在WEB前端开发中的区别
摘要:我们都知道基于像素的字体大小所用的单位是px,但是随着响应式设计的不断火热,基于相对字体大小的单位em变开始流行起来。当然,rem也在Web前端开发人员讨论如何更好设置字体大小的讨论话题之列。是不是需要用em或者是rem来替换掉px在前端开发中进行使用呢? 为什么我们需要使用相对字体大小呢? 或许我 阅读全文

posted @ 2016-04-21 14:46 Tirion 阅读(7818) 评论(0) 推荐(2)

JS/JQuery控制图片宽度
摘要:这里不能使用jquery的load()方法,因为IE中会失效,所以创建一个函数用来调整图片的大小,然后改变window.onload方法 window.onload是在所有内容加载完后才执行,所以能改变图片的大小 阅读全文

posted @ 2016-04-21 14:43 Tirion 阅读(813) 评论(0) 推荐(0)

jQuery使用伪递归重复执行动画
摘要:使用setInterval()来重复执行动画,会因为动画执行过程的时候,setInterval()的时间依然是在走的,所以会导致动画的调用时间不理想,因此只能使用递归来重复执行动画。 阅读全文

posted @ 2016-04-21 14:41 Tirion 阅读(244) 评论(0) 推荐(0)

图片加载完毕后执行JS代码
摘要:$("#img").load(function(){...}); 这是jquery提供的一个方法,但是在IE中会有BUG,IE8不支持,IE9以上刷新后也不会执行,只有强制刷新才执行,所以不能使用这个jquery提供的方法 应该使用: 只能通过JS的onload来触发事件,当然触发的事件代码中可以使 阅读全文

posted @ 2016-04-21 14:37 Tirion 阅读(2682) 评论(0) 推荐(0)

定时器setTimeout()的传参方法
摘要:更具体的代码:http://www.cnblogs.com/3body/p/5416830.html 阅读全文

posted @ 2016-04-21 14:34 Tirion 阅读(314) 评论(0) 推荐(0)

动态绑定AJAX,获取下级分类并延迟执行
摘要:HTML: Javascript: 阅读全文

posted @ 2016-04-21 14:33 Tirion 阅读(202) 评论(0) 推荐(0)

使用animate()完成修改图片src切换图片的动画效果
摘要:如下所示,在动画效果中的回调函数中进行src的修改和动画的切换 阅读全文

posted @ 2016-04-21 14:30 Tirion 阅读(2052) 评论(0) 推荐(0)

一键分享到各个SNS插件
摘要:使用百度分享:http://share.baidu.com/code/advance#toid 例: HTML: CSS: JS: 阅读全文

posted @ 2016-04-21 14:28 Tirion 阅读(467) 评论(0) 推荐(0)

QQ在线客服的使用
摘要:<a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=2804010556&site=abbs.com&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="点击 阅读全文

posted @ 2016-04-21 14:24 Tirion 阅读(179) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 下一页

The Man from 3body