倒计时

本课程的源码请移步文章末尾 先来看下最终效果： git源： http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友，可以直接看最后那段代码。 wxml文件放个text <text>second: {{second}} micro second:{{micro_second}}</text> 在js文件中调用 function countdown(that) { var second = that.data.second if (second == 0) { // console.log("Time Out..."); that.setData({ second: "Time Out..." }); return ; } var time = setTimeout(function(){ that.setData({ second: second - 1 }); countdown(that); } ,1000) } Page({ data: { second: 3 }, onLoad: function() { countdown(this); } }); 运行验证下，从10走到1s，然后显示时间到。 于是继续将毫秒完善，注意毫秒的步长受限于系统的时间频率，于是我们精确到0.01s即10ms js /* 秒级倒计时 */

本文转载于: 猿2048 网站➪ React 进阶之选择合适的组件类型 最近项目基本都是用 React，今天总结分享 React Component 常见的几种形式，如果你在写 React 时经常不知道怎么拆分代码，这篇文章或许对你有所帮助。 原文链接： https://w3ctrain.com/2018/11/05/react-component-types/ 为了更充分理解 React，先搞懂平时写的 JSX 是什么。初学的时候有比较大困惑，这是一门新语言吗？大部分人是匆匆扫过文档就开始开发。通过 babel-presets-react 处理能看到，其实 JSX 只是语法糖，最终在浏览器跑的还是 JS。React Component 最终都通过 React.createElement 创建。 总之，写 React 其实就是在写 JS 。 SFC （Stateless Functional Component） React 可以使用 Function 来创建 Component，这类 Component 没有 lifecycle, 内部不维护 state，只要传入的 props 有变化则进行重新渲染。 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 用箭头函数的写法还更加简洁。 const

登录逻辑： 1 验证手机号码输入框，分别判断以下情况并作出弹窗警告 (1：是否为空 (2：是否为11位数字 (3：是否是13，15, 17, 18开头的正确手机号码 2 输入框下面添加一个获取验证码的按钮，默认为关闭不可点击， 点击后，开启一个定时器setInterval，然后发送一个ajax请求给后台，把手机号传给后台，让后台去发送短信 在验证上面3种情况之后，得到为正确手机号码后 再将验证码按钮设置为可点击 3 验证验证码的输入框，分别判断以下情况并作出弹窗警告 1：是否为空 2：是否为6位数字 4 验证座位号的输入框，分别判断以下情况并作出弹窗警告 1：是否为空 2：只能字母或者数字 勾选华夏航空娱乐系统安全须知 原文： https://blog.csdn.net/weixin_41818920/article/details/82290511 手机注册验证逻辑是这样的： 首先要找短信服务商如：梦网、云信使、互亿无线等等申请短信发送接口。 网站实现流程如下： 第一步：用户注册时输入手机号，网站首先要通过JS或者ajax+php验证这个号码是不是正确的手机号。 第二步：用户点击发送手机验证码，通过ajax把手机号传到php，这时php生成一个随机的验证码保存在session中，然后通过短信接口把这个验证码发送到这个手机号中。 第三步：用户输入手机收到的验证码注册

登录界面使用手机验证码注册登录很常见，VUE中实现获取验证码倒计时还是用到定时器setInterval 先上效果图 HTML部分 < div class = "login_list" > < span class = "login_title" > 短信验证码： </ span > < input class = "auth_input" type = "text" placeholder = "输入验证码" /> /*上面两行可忽略*/ /* * 下面两行是本次重点，通过v-show来控制该显示哪一行 * 首先显示.auth_text_blue 通过点击事件getAuthCode来获取手机验证码。 * 同时改变sendAuthCode的值，隐藏自身，显示倒计时.auth_text * */ < span v-show = "sendAuthCode" class = "auth_text auth_text_blue" @ click = "getAuthCode" > 获取验证码 </ span > < span v-show = "!sendAuthCode" class = "auth_text" > < span class = "auth_text_blue" > {{ auth _ time }} </ span > 秒之重新发送验证码 </ span > </