这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 config.js const config = {base_url_api : "https://douban.uieee.com/v2/movie/", }export {config}http.js import { config } from "../config"; class HTTP {requset({ url, method = "GET", data = {} }) {const promise = new Promise((resolve, reject) =...
这篇文章主要介绍了JavaScript实现身法证验证代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 function isIdCardNo(num) {num = num.toUpperCase(); //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。 if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {//alert(输入的身份证号长度不对,或者号码不...
一、bindtap事件在wxml文件里绑定:<view class=wel-list bindtap=TZdown><image src="/images/welcome_08.png"></image><text>C语言资料下载</text></view>在js文件里相应: Page({TZdown: function () {wx.navigateTo({url: ../download/download});} })二、bindinput事件wxml文件: <input type="number" placeholder="请输入手机号" class="inp-holder" maxlength="11" bindinput="getPhone" /> <input type="number" placehol...
前言 最近做一个项目,由于用到了竖向swiper,导致占用屏幕过大,用户滑动总是滑动到swiper组件,页面无法向下拉动,于是找各种办法禁止用户手动滑动swiper组件。 经过网上一番查找,网友们也是闹洞大开,各种方法都想出来了,有用透明蒙层覆盖的,这不失为一种很好的解决办法,但是如果swiper上有元素需要点击就没有办法了。 继续查找,于是找到了用 catchtouchmove 事件来截获用户手动滑动事件,这样既解决了禁用用户手动滑动,有...
关键是 let that = this 因为在onLoad 的 wx.request方法里, this指的是 wx.request 的上下文, 所以应该是在 onLoad 的时候定义 let that = this 调用远程服务,序列化后,把obj赋值给bookList 最开始的报错代码如下: Page({data: {bookList: []},onLoad: function() {wx.request({url: https://jiashubing.cn/wechat/book,header: {content-type: application/json},success(res) {var obj = JSON.parse(res.data)console.log(...
选项卡这个效果估计以后的项目会经常涉及到,对代码还是半熟练的情况下还是写下来吧。 先来布局一个简单的页面: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0;padding: 0;list-style: none;}#box{margin: 50px;}#box li{width: 100px;height: 40px;line-height: 40px;text-align: center;background-color: #d8d8d8;margin-right: 2px;float: left;}#box .active{back...
初学者。 推拉门是网页中常见的一种形式,通过JS实现比较简单。主要是通过getElement找到节点元素,然后对其进行相应的赋值即可。 新建一个index.html文件,并在同一个目录中添加三个文件夹,images(用来当作“门”的图片),styles(用来存放css文件),scripts(用来存放js文件)。然后在index.html中添加代码:<!doctype html> <html><head><meta charset="utf-8"/><title>sliding doors</title><link rel="stylesheet" href="sty...
1 面向对象编程思想在程序项目中有着非常明显的优势: 1- 1 代码可读性高.由于继承的存在,即使改变需求,那么维护也只是在局部模块 1-2 维护非常方便并且成本较低。 ?2 这个demo是采用了面向对象的编程思想. 用JavaScript 语言编写的游戏小程序--贪吃蛇. ? 代码注释详细,逻辑清晰 . 非常适合新手前端开发者, 锻炼JavaScript语言的面向对象的编程思想. 该小Demo已上传GitHub,欢迎下载! 觉得好的话,随手给个star, 您的star是我最大...
选项卡在网页中很常见,可以说是必备的一个元素了,网上其实也有很多案例讲解选项卡的做法,各种炫酷。 写这篇文章,就是记录下自己的一个练手Demo了。 两张简陋的图。主要逻辑就在于找到选项卡和内容框相对应的下标。 <html> <head> <meta charset="UTF-8"> <title>选项卡</title> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> </head> <style> .tab{width:400px;height:400px;border:1px solid red;} ...
本文实例为大家分享了jquery验证用户名是否重复的具体代码,供大家参考,具体内容如下$("#form-admin-add").validate({rules:{userName:{required:true,minlength:2,maxlength:16,remote: {type: "post",url: "/checkUserName.html",data: {userName: function() {return $("#userName").val();}},dataType: "html",dataFilter: function(data, type) {var data=JSON.parse(data)if (data.status ==400)return false;elsereturn tr...
本文实例为大家分享了微信小程序授权登录解决方案的具体代码,供大家参考,具体内容如下getUserInfoF:function(){var that = this;wx.getSetting({success: (res) => {console.info(res.authSetting);wx.getUserInfo({success: res => {this.globalData.userInfo = res.userInfoconsole.info("一开始同意授权"+res.userInfo.nickName);if (this.userInfoReadyCallback) {this.userInfoReadyCallback(res)}},fail(err) {console.inf...
应公司需求,写了一个弹窗日历选择器,感觉用着还不错,封装了一下,分享给大家,希望大家有什么意见可以指出来相互交流共同改进! 先上一个效果图:(当天日期为2018-4-18)时间改为5月份的效果图:直接上代码: wxml: <view class="weui-cells weui-cells_after-title" style=margin-top:100rpx;><view class="weui-cell weui-cell_access" hover-class="weui-cell_active" catchtap=showModalBtn><view class="weui-cell__bd">选...
wxml文件中:<!--倒计时 --><view class="countDownTimeView countDownAllView" ><view class="voteText countDownTimeText">{{countDownDay}}天</view><view class="voteText countDownTimeText">{{countDownHour}}时</view><view class="voteText countDownTimeText">{{countDownMinute}}分</view><view class="voteText countDownTimeText">{{countDownSecond}}秒</view></view> js文件中: Page( {data: {windowHeight: 654,ma...
思路: 要实现无限轮播,需要在轮播图前后各加一张图片,加在前面的是轮播图的最后一张图片(重复的),加在后面的是轮播图的第一张图片(重复的)。例: <div class="wrapper-content"><img class="wrapper-content_img" alt="4" src="img/4.jpg"/><img class="wrapper-content_img" alt="1" src="img/1.jpg"/><img class="wrapper-content_img" alt="2" src="img/2.jpg"/><img class="wrapper-content_img" alt="3" src="img/3.j...
前几天偶然看见一个人脸识别的小程序demo,觉得很有趣下载下来想玩玩,结果只是一个框架而已用不了的,花了点时间完善一下 吐槽一下wx.uploadFile这个接口,真是个大坑,最开始调用时候,我以为它和同期的wx.downloadFile一样,只需要填入必须的参数就可以用,结果还是要配合后台php的 首先,upload这个接口的url和request一样指的是php的路径,而不是download一样文件路径 其次,我在最开始一直没弄懂这个"name"到底应该填什么,上...