1.2.1 案例: 移动轮播图 1. 可以自动播放图片 2. 手指可以拖动播放轮播图 1.2.2 案例分析 1. 自动播放功能 2. 开启定时器 3. 移动端移动,可以使用translate 移动 4. 想要图片优雅的移动,请添加过渡效果 1. 自动播放功能 无缝滚动 2. 注意,我们判断条件是要等 ...
分类:
移动开发 时间:
2020-01-15 00:04:34
阅读次数:
137
Swiper常用于移动端网站的内容触摸滑动 Swiper是什么? swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要 ...
分类:
其他好文 时间:
2020-01-14 23:37:52
阅读次数:
111
自定义自己的vue-cli模板 在使用vue-cli的过程中,常用的webpack模板只为我们提供最基础的内容,但每次需要新建一个项目的时候就需要把之前项目的一些配置都搬过来,这样就造成挺大的不方便,如果是作为一个团队,那么维护一个通用的模板,我认为是挺有必要的。 例如下面是我常用构建项目的目录。 ...
分类:
其他好文 时间:
2020-01-14 20:27:13
阅读次数:
177
1.3.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触 ...
分类:
其他好文 时间:
2020-01-14 20:26:22
阅读次数:
85
一.响应式布局:pc端用响应式布局较多 监测宽度变化给出不一样的网页布局 1.媒体查询 三种常用的媒体:all(所有媒体) screen(彩屏设备,手机 电脑) print(打印设备) 查询关键词: not only and(and两边要有空格) 媒体特性:min-width:500px 表示网页宽 ...
分类:
移动开发 时间:
2020-01-14 16:34:11
阅读次数:
119
移动端测试的八大过程 一、安装/卸载 真机上安装、卸载、高版本覆盖安装、低版本覆盖安装、卸载后安装高版本; 安装关注点:版本号、渠道号、数字签名(用抓包工具辅助查看)、安装成功后启动向导、安装过程中对意外情况的处理(取消、死机、重启、断电、内存不足、断网)、安装进度条、主要功能流程; 卸载关注点:卸 ...
分类:
移动开发 时间:
2020-01-14 13:35:04
阅读次数:
135
由于iphoneX做了全面屏并且还保留一块小刘海,因此很多以前的移动端H5页面需要结合App客户端做出相应的适配,具体如下: 1、顶部通栏 之前的客户端一直采用状态栏20pt+导航栏44pt的做法。由于iphoneX多了一块小刘海,因此iphoneX单独采用状态栏44pt+导航栏44pt,意味着内嵌 ...
分类:
其他好文 时间:
2020-01-13 20:07:39
阅读次数:
81
近几年,随着人工智能技术的深入发展及在各行各业加快落地化部署,客服行业已逐渐成为了人工智能技术众多落地应用中的重点应用场景。不少企业已经采用了智能客服机器人来替代大部分人工客服,并组建了智能化客服系统,由原来的大量人工客服模式转变为智能客服机器人+少量人工客服模式。智能客服机器人能全渠道连接客户,覆盖与客户接触的各类渠道,支持网页、QQ、H5、APP、微信公众号、微博等在线沟通,具备PC端和移动端
分类:
其他好文 时间:
2020-01-13 19:50:11
阅读次数:
105
此问题属于REM的优化 解决如下问题 在移动端rem布局中 , 多数环境多数浏览器下rem的计算妥妥的没有问题 , 但是部分环境 , 比如某些软件内嵌的webview中打开的h5页面 , 由于webview没有设置相应处理 , 导致页面的font-size会收到系统字号大小的影响。 font-siz ...
分类:
移动开发 时间:
2020-01-13 16:17:07
阅读次数:
125
脑洞爆炸的背景 最近开发项目动效开发越来越多 ; 部分动效需要在页面滑动的时候执行一定的效果;但是发现在移动端 很多时候页面滑动的速度快的时候 , 动效呈现的不稳定性越明显 , 会不流畅; 虽然使用css3的过渡可以从视觉层面解决这个问题 , 但是并不能根治, 于是乎想到了一个方案。。。 reque ...
分类:
移动开发 时间:
2020-01-13 16:00:45
阅读次数:
165