首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

HTML5 实现手机摇一摇

HTML5新增了一些JavaScript API接口,比如地理定位、重力感应等。今天主要介绍devicemotion事件(设备事件),它提供设备的加速信息,表示为定义在设备上的坐标系。...本文给大家讲解了HTML5实现手机摇一摇的效果。 ?...手机摇一摇的实现思路: 1、检测设备是否支持重力传感; // 监听运动传感事件,查看是否支持硬件运动 if (window.DeviceMotionEvent) { alert("您的设备支持硬件调用...$(".wrap")[0].innerHTML = acceleration.x + " " + acceleration.y + " " + acceleration.z; } 4、为了防止系统认为简单的变化也是在摇动手机...var SHAKE_THRESHOLD = 800; // 设定摇晃的阈值为600 运行相应操作 /* * 功能:测算三个方向重力加速度,达到一定值进行相应操作 * 作者:HTML5

4K60

基于 Django 的手机管理系统

一、概述 打算通过设计数据库,然后结合 Python 框架Django,实现在网页上对数据库的增删改查(本例以手机的管理为例,不考虑订购功能),有普通用户界面和管理员用户界面,普通用户只能做简单的查看需求...二、设计数据库 根据业务需求,设计数据表,需要下列这些属性: 手机型号、品牌、手机描述、出厂年份、价格、照片、产地。...on_delete=models.CASCADE, verbose_name='型号') nickname = models.CharField(max_length=15, default='超值二手手机...三、设计网站 设计网站,在 Django 中增加 static 文件和 template 文件,套用相关模板和框架(这里运用了 bootstrap),编写 HTML 文件,调用数据库中的内容,设计的网站如下...四、总结 至此,一个简单的 手机管理系统就被我们实现出来了(Django + Bootstrap + MySQL),当然其中还存在中很多的不足,比如没有实现普通用户登录功能,HTML 页面写的也比较简陋

1.5K40

只用HTML,如何打开手机相机?前端小哥现场教学

Alex 发自 凹非寺 量子位 | 公众号 QbitAI HTML不是编程语言,但这并不妨碍前端工程师把它玩出花儿来。...比如,有人就拿HTML来访问用户的相机—— 在网页上,点击按钮即可直接打开手机前置镜头来拍照。 (没错,就是前置镜头!小哥可能有镜子之类的) 也可以调用手机的后置镜头,开启摄像模式。...值得注意的是,在这里,小哥只用了HTML语言就实现了上述功能。 他利用HTML的capture属性,只需设置几个input参数,再加上几行代码搞定了。...如何用HTML打开相机? 首先当然是写代环节。 小哥创建了一个index.html文档,配合HTML的accpet属性,来指定不同标签所要capture的文件的具体属性。...DOCTYPE html>      <meta name="viewport" content="width

2.7K10
领券