移动代理商主题的文章列表，还有移动代理商的技术要点_第18页

键盘移动

/**使div可以根据不同的方向键向不同的方向移动*按左键，div向左移*按右键，div向右移*37左*38右*39上*40下<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title>...

代码星球 ·2020-07-24

div跟随鼠标移动

1、目标是实现div跟随鼠标而移动，分三种情况进行实现a）首先获取div，进行绑定鼠标移动事件，给div开启定位功能第一种实现方式，假如body的大小跟页面大小一样，则可以用这个方法。1）获取鼠标的坐标，进行给div坐标赋值，实现如下：varleft=event.clientX;vartop=event.clientY...

代码星球 ·2020-07-24

HTML5 移动端的上下左右滑动问题

在移动端页面上，如果要实现【顶部轮播，手指触摸左右滑动】我的方案是，通过监听滑动，阻止默认事件来完成div.addEventListener('touchmove',function(event){event.preventDefault();//阻止浏览器的默认事件})　　这样，左右滑动可以完成了，但是触摸这个div...

代码星球 ·2020-07-24

HTML 5 Audio/Video DOM canplaythrough 事件在移动端遇到的坑

canplaythrough事件定义和用法当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频时，会发生canplaythrough事件。当音频/视频处于加载过程中时，会依次发生以下事件：loadstartdurationchangeloadedmetadataloadeddataprogresscanp...

代码星球 ·2020-07-24

webapp新体验Rem实现移动端网页适配详解资源

　　本来想写一篇，webapp使用Rem的问题，查了一下相关rem的介绍之后，发现很多平台已经解释的很清楚了，图文并茂，于是我便想将其解释资源整理一些，方便以后自己查阅。　　　腾讯ISUX：webapp变革之rem(解释的最精辟了)　　　大漠博客：CSS3的REM设置字体大小　　　　小黑成长录：关于webapp中的文字...

代码星球 ·2020-07-24

移动端一像素解决方案

@charset"utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-to...

代码星球 ·2020-07-14

移动端测试之：多段同屏

browser-sync1.安装cnpmi-gbrowser-sync2.运行在你的文件所在目录，browser-syncstart--serverbrowser-syncinit修改files server ...

代码星球 ·2020-07-14

移动端1px细线解决方案总结

一、移动端1px变粗的原因　　为什么移动端css里面写了1px,实际看起来比1px粗，其实原因很好理解：这个px的含义是不一样的。移动端html的header总会有一句<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum...

代码星球 ·2020-07-14

php文件及文件夹操作（创建、删除、移动、复制）

<?php/***操纵文件类**例子：*FileUtil::createDir('a/1/2/3');测试建立文件夹建一个a/1/2/3文件夹*FileUtil::createFile('b/1/2/3');测试建立文件在b/1/2/文件夹下面建一个3文件*FileUtil::createFile('b/1/2/...

代码星球 ·2020-07-12

echarts移动端字体模糊解决方法

echarts使用canvas画图，在移动端使用rem时候，若viewport的scale被缩放，则字体会发生模糊，本人采用的解决方法是在不同的dpr下使用不同的字体大小，具体代码如下：获取字体大小，实测在主流手机上效果尚可：functionfGetChartFontSize(){constdpr=window.dev...

代码星球 ·2020-06-28

移动端点透问题及其解决方案

1.点透场景层A覆盖在层B上面，常见的有对话框等，层A用touchstart或者tap(zepto)事件点击进行隐藏或者移开，由于click晚于touchstart，超过300ms，当层A隐藏后，click到的是下面的层B，此时层B的click事件会触发，或者其上的a链接会跳转，input，select会调起键盘。ze...

代码星球 ·2020-06-28

移动端键盘遮挡问题

输入框focus后，键盘弹起会遮挡住输入框，解决方法有如下几种：1.找到元素的顶部位置，页面滚动到元素顶部位置(有时页面高度不足，可能要添加padding-bottom，以保证页面滚动到指定元素后，用户能手动滑动到其他位置，可以使用click事件或focus和blur事件，来控制和解除行为)zeptothis.$el....

代码星球 ·2020-06-28

移动端经验总结(持续更新)

1.字体灰度平滑，抗锯齿(ios,macOS有效，windows无效) -webkit-font-smoothing:antialiased2.隐藏元素opactiy:0代替display:none.hidden{　　opactiy:0;　　pointer-events:none;(使元素对鼠标事件等失去响应...

代码星球 ·2020-06-28

移动端判断横屏竖屏

1.CSS判断横屏竖屏写在同一个CSS中@mediascreenand(orientation:portrait){　　/*竖屏css*/}@mediascreenand(orientation:landscape)and(min-width:450px){　　/*横屏css*/}分开写在2个CSS竖屏<link...

代码星球 ·2020-06-28

移动端页面模板

<!DOCTYPEhtml><htmllang="en"><head><title>淘宝网触屏版</title><metacharset="utf-8"><metaname="viewport"content="initial-scale=1...

代码星球 ·2020-06-28