javascript内存泄露及谷歌浏览器查看内存使用

前言

今天写一下javascript导致内存泄露的几种方式,及我们在平时工作中,如何通过谷歌浏览器查看内存使用情况。我前面的文章制作公司数据大屏的几点技术总结 ,里面用到了不少setInterval,setInterval用多了,会占用大量的内存,要我们必须及时清理,否则,运行时间一长,极有可能导致浏览器崩溃!

几种常见的js内存泄露

1、意外的全局变量

JavaScript 处理未定义变量的方式比较宽松:未定义的变量会在全局对象创建一个新变量。在浏览器中,全局对象是 window 。

例如:

a:active加动画ios点击无效及不记录页面跳转历史解决方案

前言

最近做了一个项目,三个按钮,动画出现,点击按钮之后,按钮放大,然后页面跳转。我用的是a标签,直接加了一个href地址。谷歌中模拟,以及安卓手机中,a标签都是可以跳转的,但是用iphone手机测试,a标签点击无法跳转,今天记录一下我的代码及解决方案。第二个要分享一下如何不记录url跳转历史。

a标签:active加动画点击无效

我的css代码如下:

制作h5婚礼邀请函动画总结

前言

很多网上的婚纱摄影公司,或者婚庆公司,或者一些h5制作平台,都可以做一些婚礼邀请函,但是这样的婚礼邀请函千篇一律。没有什么特色,仅仅是图片展示。在某人的强烈要求之下,我制作了一个h5婚礼邀请函(目前源码暂时不公开吧,过段时间再说)。用到了一些知识和小技巧,在这里简单总结一下!

transform 中透视效果应用

动画的书写,自然少不了transform ,像translate3d、rotate、scale3d的应用,相信大家都很熟练了。假如不熟练的,可以看下animate.css,列举了一些常用的动画效果。我今天着重说一下perspective ,透视效果的实现。

perspective 动画透视效果

制作公司数据大屏的几点技术总结

前言

说起数据大屏,大家可以想到天猫双11数据大屏,酷炫!对的,数据大屏就是讲究酷炫效果。不过,我们公司做数据大屏,虽然要求效果酷炫,但是时间很紧,几天时间就要出来,在很紧的时间下出来,我总结一下我是如何操作的。

一、屏幕自适应

我这边只拿到设计师给到的1920*1080的设计图,但是说不一定是这个尺寸,目前不知道展示这个数据大屏的屏幕尺寸是多少,因此,只能做出自适应效果!如何做到自适应效果呢。想了几种方案,目前我用的方案是采用vh和vw单位来进行页面布局。关于这两个单位的一些介绍,我之前有篇文章写过,http://www.haorooms.com/post/css_unit_calc 。 这样就可以实现自适应布局了。

用vh和vw单位的好处