数码 | 易学教程

详解手机注册验证码操作思路与流程

阅读更多关于详解手机注册验证码操作思路与流程

手机注册验证码操作思路与流程 1、前端传入手机号参数并做验证码倒计时 /** * 重新获取验证码倒计时 * @returns */ reGetSMS : function () { var obj = $('#btn_getCode'); // 重新发送倒计时 var validCode = true; var time=60; if (validCode) { validCode = false; var t = setInterval(function () { time --; $(obj).html('重新获取('+time+'s)'); if (time==0) { clearInterval(t); $(obj).html("重新获取"); validCode = true; sms_flag = true; } },1000); } } 2、随机生成验证码 public static String getSMSCode() { return String.valueOf((int)(Math.random() * 9000) + 1000); } 3、将生成的验证码通过第三方接口已短信形式发送给手机 /** *参数是手机号码和由验证码组成的字符串 */ private static boolean send(String phone, String content)

h5手机页面注册处理(短信验证)

阅读更多关于 h5手机页面注册处理(短信验证)

//获取验证码 var wait = 60; function time(o) { if(wait == 0) { o.removeAttribute("disabled"); o.value = "获取验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value = "重新发送(" + wait + ")"; o.style.backgroundColor = ''; wait--; setTimeout(function() { time(o) }, 1000) } } $("#btn").click(function() { var phone1 = $("#phone1").val(); if(phone1.length == 11) { time(this); var json = { phone:phone1 } var param = { form:JSON.stringify(json) } $.ajax({ url: "https://ttcf.cheleu.com/api/h5sms.do", type: 'post', dataType: "json", data:param, success: function(data) { mui.toast("验证码已发送，请注意查收。"); }

pyautogui的简单使用

阅读更多关于 pyautogui的简单使用

利用Python的pyautogui可以实现对鼠标的控制，也可以进行键盘控制例如打字等。在一定程度上对于重复性工作可能会有所帮助（例如隔几分钟移动一下鼠标防止锁屏等）。但总体而言感觉意义不大，比较鸡肋，食之无味，弃之可惜。当然用的好的话也还是有些比较厉害的地方的。下面还是总结一点常用的功能吧。 1、导入pyautogui import pyautogui #import time 2、鼠标操作 3、键盘操作 4、截图操作 5、鼠标操作 6、其他骚操作除此之外，可以通过https://pyautogui.readthedocs.io/en/latest/ 官方文档来进行学习。来源： https://www.cnblogs.com/LieDra/p/12006594.html

手机端页面设置缓存

阅读更多关于手机端页面设置缓存

设置缓存 <meta http-equiv="Cache-Control"content="no-cache"/> 手机页面通常在第一次加载后会进行缓存，然后每次刷新会使用缓存而不是去重新向服务器发送请求。如果不希望使用缓存可以设置no-cache。来源： CSDN 作者： binlety 链接： https://blog.csdn.net/binlety/article/details/81452488

前端学习笔记-JS-DOM-常用鼠标/键盘事件

阅读更多关于前端学习笔记-JS-DOM-常用鼠标/键盘事件

常用的鼠标事件鼠标事件触发条件 onclick 鼠标点击左键触发 onmouseover 鼠标经过触发 onmouseout 鼠标离开触发 onfocus 获得鼠标焦点触发 onblur 失去鼠标焦点触发 onmousemove 鼠标移动触发 onmouseup 鼠标弹起触发 onmousedown 鼠标按下触发禁止鼠标右键菜单/鼠标选中 <body> 我是一段不愿意被分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu',function (e) { e.preventDefault(); }); // 2. 禁止选中文字 selectstart document.addEventListener('selectstart',function (e) { e.preventDefault(); }) </script> </body> 鼠标事件对象 MouseEvent 鼠标事件对象说明 e.clientX 返回鼠标相对于浏览器窗口可视区域的X坐标 e.clientY 返回鼠标相对于浏览器窗口可视区域的Y坐标 e.pageX 返回鼠标相对于文档页面的X坐标 IE9+ 支持 e.pageY 返回鼠标相对于文档页面的Y坐标 IE9+ 支持 e

移动端自适应布局----rem字体

阅读更多关于移动端自适应布局----rem字体

一.px,em,rem之间联系与区别 px：像素是相对于显示器屏幕分辨率而言的相对长度单位，不会受屏幕宽度改变 em：继承父级的font-size，与父级的字体大小有关 rem：是em的升级版，rem只会相对html的值，不会受到父级的影响。二.移动端怎么用rem 假设设计师的视觉稿是按照iPhone6的宽度来设计的，即375px 那么，我们可以完全按照视觉稿上的尺寸来赋值给元素的样式，比如视觉稿上的尺寸是80px，那么在css中就可以直接定义width:80px; 页面中所有的尺寸都这样来设置。当所有的网站所有的页面样式都设置好之后。 1. 设置页面的rem大小 ```css html { font-size: calc(100vw/3.75); } 或者（ipone6举例） html{ font-size:26.67vw; } ``` 100vw是设备的宽度，除以3.75可以让1rem的大小在iPhone6下等于100px 2. 替换页面中的单位，把所有的px单位替换成rem，除以100，比如前面的80px，就是0.8rem 这样在iPhone6下，所有元素的尺寸还是和视觉稿的尺寸一样，而iphone5中，因为设备的宽度变小了，100vw/3.75得到的值，会相应的变小，即rem的单位值会变小，页面中所有的尺寸会等比例缩放。这样就可以做到针对任何分辨率的设备保持视觉一致了

iOS如何适配与屏幕大小相同的图片

阅读更多关于 iOS如何适配与屏幕大小相同的图片

随着ios设备的增多，不同尺寸的屏幕给开发者适配打来困扰，特别是一个全屏的图片，如何适配不同的机型呢，这里介绍一个方法，供大家参考： nsdictionary *LaunchImages = @{@"480":@"launchImage-700",@"568":@"launchImage-710",@"667":@"launchImage-720",@"736":@"launchImage-730"}; nsstring *key = [nsstring stringwithFormat:@"ld",[uiscreen mainscreen].bound.size.height]; self.view.layer.contents = (id)[uiimage imagewithname:launchImages[key]].CGImage; 这就是适配不同机型的代码，大家看看把。来源： CSDN 作者： IOS菜鸟先飞链接： https://blog.csdn.net/u010711384/article/details/46051989

移动端字体设置rem。和兼容。

阅读更多关于移动端字体设置rem。和兼容。

移动端字体单位font-size选择px还是rem？一：做少部分手机适配可以用px。二：当要适配各种手机端设备时用rem。 *二： 1.使用rem来设置Web页面的字体大小； 2.rem是相对于根元素<html>； 3.rem能等比例适配所有屏幕 4.在根元素<html>中定义了一个基本字体大小为62.5%（也就是10px。设置这个值主要方便计算，如果没有设置，将是以“16px”为基准）；引入css代码如下： html { font-size : 10px } @media screen and (min-width:321px) and (max-width:375px) { html{font-size : 11px } } @media screen and (min-width:376px) and (max-width:414px) { html{font-size : 12px } } @media screen and (min-width:415px) and (max-width:639px) { html{font-size : 15px } } @media screen and (min-width:640px) and (max-width:719px) { html{font-size : 20px } } @media screen and

安卓APP开发中的屏幕适配问题如何解决？

阅读更多关于安卓APP开发中的屏幕适配问题如何解决？

1 为什么要进行Android屏幕适配由于 Android 系统的开放性，任何用户、开发者、 OEM 厂商、运营商都可以对 Android 进行定制，于是导致： Android 系统碎片化：小米定制的 MIUI 、魅族定制的 flyme 、华为定制的 EMUI 等等——当然都是基于 Google 原生系统定制的； Android 机型屏幕尺寸碎片化： 5 寸、 5.5 寸、 6 寸等等； Android 屏幕分辨率碎片化： 320x480 、 480x800 、 720x1280 、 1080x1920。屏幕尺寸分布图据友盟指数显示，统计至 2015 年 12 月，支持 Android 的设备共有 27796 种。当 Android 系统、屏幕尺寸、屏幕密度出现碎片化的时候，就很容易出现同一元素在不同手机上显示不同的问题。虽然系统为使您的应用适用于不同的屏幕，会进行缩放和大小调整，但您应针对不同的屏幕尺寸和密度优化应用。这样可以最大程度优化所有设备上的用户体验，用户会认为您的应用实际上是专为他们的设备而设计，而不是简单地拉伸以适应其设备屏幕。 2 相关概念 2.1 屏幕尺寸含义：按屏幕对角测量的实际物理尺寸。为简便起见， Android 将所有实际屏幕尺寸分组为四种通用尺寸：小、正常、大和超大单位 : 英寸（ inch ），一英寸≈ 2.54cm 2.2

前端手机页面的适配css

阅读更多关于前端手机页面的适配css

我之前一直不知道同一个网页，手机页面和PC页面，怎么呈现出不同的效果呢？这个不同，不是说放大缩小的那种不同，而是布局就不同了。今天我百度了下，看到了解惑的CSS代码 @media only screen and (max-width: 767px) 顾名思义，最大不超过767px宽的屏幕适用以下css 这里可以举个例子 PC端：手机端：但是这里有一点，就是PC端将他给缩小，也会有手机端效果：学到了学到了这里再贴一般的主流配置： 1200px+ @media screen and (min-width:1200px){ #page{ width: 1100px; }#content,.div1{width: 730px;}#secondary{width:310px} } 1100px @media screen and (min-width: 960px) and (max-width: 1199px) { #page{ width: 960px; }#content,.div1{width: 650px;}#secondary{width:250px}select{max-width:200px} } 880px @media screen and (min-width: 768px) and (max-width: 959px) { #page{ width:

订阅数码