当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY;当触发touchmove事件时,在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。 查看全文>>
技术文章2020-09-14 |传智播客 |touch事件解析判断拖动方向
vue中显隐方法常用两种,v-show和v-if,但这两种是有区别的。 查看全文>>
技术文章2020-09-14 |v-show和v-if的区别 |v-if和v-show区别
在使用meta标签设置视口时,可以在content属性中添加一些参数,其格式为“参数名=参数值”,多个参数用“;”分开。以前面演示过的“width=device-width”为例,width就是参数名,device-width是参数值。 查看全文>>
技术文章2020-09-10 |传智播客 | 视口设置常用的参数有哪些
在传统的PC端网页开发中,并没有使用过meta标签来设置视口,此时浏览器会按照默认的布局视口宽度来显示网页。如果我们希望自己开发的网页在浏览器中以理想视口的形式呈现,就需要利用meta标签设置视口。 查看全文>>
技术文章2020-09-10 |传智播客 |meta标签设置视口
视口(Viewport)是移动Web开发中一个非常重要的概念,最早是由苹果公司在推出iPhone手机时发明的,其目的是为了让iPhone的小屏幕尽可能完整显示整个网页。通过设置视口,不管网页原始的分辨率尺寸有多大,都能将其缩小显示在手机浏览器上,这样保证网页在手机上看起来更像在桌面浏览器中的样子。在苹果公司引入视口的概念后,大多数的移动开发者也都认同了这个做法。 查看全文>>
技术文章2020-09-10 |传智播客 |什么是视口
px:像素(Pixel)。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的,是一个虚拟长度单位,是计算机系统的数字化图像长度单位。 查看全文>>
技术文章2020-09-10 |传智播客 |px rem em区别