摘要:
挖坑,待填 阅读全文
摘要:
概述 在移动端上面,比如说微信上面打开一个页面,如果有video标签的话,常常会出现 video标签默认置顶 的情况,一般的解决方案是在不需要看见它的时候给它加一个 display:none 进行隐藏。今天在浏览 "TGideas文档库" 的时候无意中发现了另一个方案,记录下来,供以后开发时参考,相 阅读全文
摘要:
概述 之前觉得2个效果很叼,一个是 3D翻转效果 ,另一个是 视差效果 。今天好好的研究一下,把心得记录下来,供以后开发时参考,相信对其他人也有用。 3D翻转 3D翻转效果 其实非常简单,其实就是 perspective属性 的一个运用。perspective属性就是 视距 的意思。下面是一个鼠标放 阅读全文
摘要:
挖坑,待填 阅读全文
摘要:
概述 发现了一个好看的文字效果和背景渐变,记录下来供以后开发时参考,相信对其他人也有用。 参考资料: "JX about" "一个少女心满满的例子带你入门 Canvas" 源代码 代码如下: 阅读全文
摘要:
概述 我们常常在网站中看到一些画线的动画效果,非常炫酷,大多数这种画线动画效果是通过 SVG实现 的,也有不少是用 纯css实现 的,下面我总结了一下这2种方法,供以后开发时参考,相信对其他人也有用。 参考资料: "移动端网页" "PC端网页" SVG实现画线效果 在svg里面,可以用 stroke 阅读全文
摘要:
概述 html中有许多用于嵌入各种类型内容的标签,包括:embed,audio,canvas,iframe,img,math,object,svg和video。之前我在很多地方都看到了 object标签 和 embed标签 ,现在做一个总结供以后开发时参考,相信对其他人也有用。 参考资料: "htm 阅读全文
摘要:
概述 作为一个前端开发人员,时不时的会用到SVG,所以我简略的学习了一下 SVG基础 ,总结了一下并记下来,供以后开发时参考,相信对其他人也有用。 参考资料: "MDN SVG教程" 介绍 SVG是 XML语言 的一种形式,有点类似XHTML,它可以用来绘制矢量图形。它可以成为任何复杂的组合图形。S 阅读全文
摘要:
概述 这是我自己用swiper和看别人官网源码用swiper总结出来的,供以后开发时参考,相信对其他人也有用。 observeParents 有时我们会改变swiper的 父级元素 ,比如页面的resize方法;也有时我们会动态给swiper 添加一些子元素 。这个时候,需要如下设置swiper,才 阅读全文
摘要:
概述 今天看决战平安京官网源码,突然看到了rel的alternate属性,百度了一下,记录下来,供以后开发时参考,相信对其他人也有用。 PC端rel 在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate"标记 ,这有助于百度发现网站的移动版网页所在的位置。代码如下: 后面的 阅读全文