快应用开发 实现可拖动调节亮度(源码分享)
时间:2018-11-19
本文章向大家介绍手机屏幕亮度自动调节功能的实现,需要的朋友可以参考一下
快应用开发 - 俗称快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。用户无需下载安装,即点即用,享受原生应用的性能体验。
最近由于项目需求,接触了, 但在开发中,各种坑,首先布局,只在flex布局基础上去实现布局,大部分js事件不支持,至于怎样,你们自己去想吧。
废话不多说,实现效果图: (可拖动调节)
<div id="sliderBox" ontouchstart="SliderX_Start" ontouchmove="SliderX_Move"> <div style="width:{{ slideWidth }}"></div> </div>
export default { private: { slideWidth: 0, startX: 0, moveEndX: 0, X: 0 // 亮度控制 SliderX_Start(e){ this.startX = e.touches[0].pageX - e.touches[0].offsetX; console.log('--------------->> e:',e); }, SliderX_Move(e){ this.moveEndX = e.changedTouches[0].pageX; this.X = this.moveEndX - this.startX; this.slideWidth = parseInt(this.X); console.log('--------------->> 移动距离:',parseInt(this.X)); }, }
目前快应用很多事件都不支持,以上仅供参考。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 电商商品爬虫,亚马逊amazon采集源码
- Python tk例子,古董音乐播放器exe
- 爬虫例子,Python多线程爬虫例子案例
- 【爬虫】花瓣图片爬虫,Python图片采集下载源码
- Python大作网图片采集下载,多线程图片爬虫
- Python素材下载爬虫,多线程rar下载爬虫
- 一个简单的图片爬虫,Python图片采集下载
- 百度统计后台总是被广告骚扰?看看应用python是如何实现的
- Python电商爬虫,法国亚马逊商品采集
- Python堆糖网图片爬虫,多进程及多线程的使用例子
- Python Post提交简单案例,文本内容在线语音合成
- Python多线程爬虫,主播信息资料爬取采集
- 基于Tensorflow2 Lite在Android手机上实现图像分类
- Python知乎专栏爬虫,pdfkit专栏文章制作PDF电子书
- Python爬虫练手,一个简单的Python资讯采集案例