网页前端
joneeky
这个作者很懒,什么都没留下…
展开
-
无刷新加载页面
无刷新加载页面,提高加载速度,提升用户体验,可实现加载完毕页面入场动画。不用说,要实现无刷新加载肯定是要用到Ajax。原理是只加载一次index(主页),这个主页我们可以理解成一个容器,需要加载新页面时,不必跳转,而是把新页面代码全部读取出来,然后把主页的旧代码清空,最后写入最新的代码即可。我们把加载页面的函数写在主页里,就算主页的代码被清空了,也不会丢失这个函数,因为已经被浏览器加载到内存中原创 2016-08-01 01:37:26 · 1724 阅读 · 0 评论 -
【H5】DIV分割与拼接(动画拼接)
实现原理:定义容器DIV,此DIV中可包含任何内容。然后用这个DIV可克隆4个DIV,插入到父容器中,并隐藏被克隆DIV。这个时候,4个DIV其实是和容器DIV一模一样的,每一个DIV负责显示容器DIV的一部分,便完成了DIV的拼接。需要显示DIV的某一部分,要用到 webkit 的私有 CSS 属性 clip-path,此属性功能很多,但现在只需要用到它的 polygon 函数,该函原创 2016-08-16 23:26:30 · 2138 阅读 · 0 评论