至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(9)  tangzihan ++阅读原文
    探讨移动端适配
    在探讨移动端适配前我们先要了解下面几个概念 1. 像素 2. 分辨率 2. 物理像素 3. CSS像素 像素 > 像素(Pel,pixel;pictureelement),为 组成一幅图像的全部亮度和色度的最小图像单元 。电视的图像是由按一...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    触屏事件
    touch:触摸事件 常用触摸事件如下 | 事件|描述 | |--|--| | touchstart | 手指触摸到dom元素时触发 | |touchmove|手指在dom元素上滑动时触发| |touchend|手指离开dom元素时触发 触摸事件对象(TouchEvent)...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    使用zy.media.js视频插件
    zyMedia是一款基于HTML5原生multimedia、自定义UI的多媒体播放器。 [github](yMedia是一款基于HTML5原生multimedia、自定义UI的多媒体播放器。)
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    使用swiper插件
    swiper插件用于做各种动画如轮播图,滑动菜单等等,通过swiper可以快速的得到我们想要的动画效果 官网地址:https://www.swiper.com.cn/ 使用方法 ![](http://)![](http://www.zihanzy.com/uploads/images/article_...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    移动端click延迟300ms问题解决
    解决办法 1. 禁用浏览器缩放 2. 通过faskclick [github](https://github.com/ftlabs/fastclick) 在页面引入faskclick.js文件 添加如下代码 if ('addEventListener' in document) { document.addEventListener('...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    移动端轮播图效果实现
    基本结构 基本css / 轮播图 / .focus{ position: relative; padding-top: 44px; overflow:hidden;//溢出的图片隐藏 } .focus ul{...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    rem+css预处理+媒体查询与rem+flexible.js做网页适配
    引入 1. 页面布局文字能否随着屏幕大小变化而变化? 2. 流式布局和flex布局主要争对宽度布局,那高度如何设置? 3. 怎样让屏幕发生变化时候元素高宽等比例缩放? rem是什么? l rem是一种新的单位,是一个相对...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    移动web开发介绍
    视口(viewport) 视口(viewport)浏览器显示页面内容的屏幕区域,视口可以分为布局视口,视觉视口和理想视口 布局视口(layout viewport) 一般移动设备的浏览器默认设置了一个布局视口,用于解决早期的PC端页面...