小程序显示弹窗时禁止下层的内容滚动实现方法,具体如下① 第一种方式利用position:fixed. 禁止页面滚动. 一. 页面结构html <view class="indexPage {{proInfoWindow?indexFixed:}}">-----------此处为整个页面的结构内容<button catchTap="_proInfoWindowShow">点击显示弹窗</button> </view> // 当proInfoWindow为true的时候显示弹窗 <view wx:if="{{proInfoWindow}}">此处为弹窗内容</view> 二. CSS部分 //添加一个类名, 把弹...
本文实例讲述了vue动画效果实现方法。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com vue动画</title><script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script><link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/2.0/animate.css" rel="external nofollow" /><style>#box{width:400px;margin: 0 auto;}#div1{width:100px;...
Vue项目中实现用户登录及token验证先说一下我的实现步骤: 使用easy-mock新建登录接口,模拟用户数据使用axios请求登录接口,匹配账号和密码账号密码验证后, 拿到token,将token存储到sessionStorage中,并跳转到首页前端每次跳转时,就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面。注销后,就清除sessionStorage里的token信息并跳转到登录页面使用eas...
前言使用promise 队列,保存多张图片到手机相册问题:有些手机会出现只能保存五张图片,报错信息:无法写入promise需要好好学习 核心代码// pages/saveImgs/index.js import { writePhotosAlbum } from ../../utils/util Page({/*** 页面的初始数据*/data: {list: [https://timgs.top1buyer.com/admin/special/special_img_20190301160008479.jpg,https://timgs.top1buyer.com/admin/special/special_img_20190301160013201.jpg,http...
本文实例讲述了JS浅拷贝和深拷贝原理与实现方法。分享给大家供大家参考,具体如下: 浅拷贝只会拷贝一层,深层的引用类型改变还是会受到影响。 深拷贝是所有内部的属性还有值都被拷贝了一份,不管深层的引用类型怎么改都不会受到影响。 浅拷贝的实现方式 1、自定义函数 function shallowClone (initalObj) {var obj = {};for ( var i in initalObj) {obj[i] = initalObj[i];}return obj; }2、ES6 的 Object.assign() let newObj = ...
本文实例讲述了微信小程序五子棋游戏的棋盘,重置,对弈实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋对弈、悔棋DEMO 效果图分析 1. 采用微信小程序的canvas制作五子棋; 2. 确定棋盘大小及格数; 3. 绘制棋盘—-通过棋盘宽高和格数计算间距,同时保存坐标点; 4. 黑方和白方下子—-定义一个布尔变量代表各自的身份; 5. 重置棋盘—-重新开始; 6. 通过判断当前棋手,悔棋时进行改变。 绘制棋盘 drawLine(arr){arr....
本文实例讲述了微信小程序五子棋游戏的悔棋实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋悔棋DEMO 效果图分析 悔棋功能需要的操作: 1. 判断当前持棋人; 2. 清空棋盘; 3. 将当前持棋人的棋子数组的最后一个棋子还原到全局坐标数组的位置; 4. 删除当前持棋人的棋子数组的该坐标。 js this.page.changeUndo = function(e){if (self.START_GAME){var lastM = self.myPoint.length - 1;var LastA = self.AIPoint.len...
本文实例讲述了微信小程序五子棋游戏AI实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋AI篇DEMO 效果图原理 1. 将棋盘中能够胜利的五子连珠方法遍历一个数组; 2. 当AI持棋时,遍历棋盘中所有棋子的空位; 3. 如果用户落子该位置,给用户该位置的五连珠方式进行加分:1连10分,2连20分,3连40分,4连80分; 4. 如果AI落子该位置,给AI该位置的五连珠方式进行加分:1连15分,2连25分,3连45分,4连85分; 5. 最后对该位...
小程序可以根据管理后台配置动态更新展示内容,如实现下面新鲜事栏目图片的来源的可配置,点击跳转url的可配置。实现方案 1后端创建一个map结构的数据表,表结构如下:2 管理后台根据不同业务设定不同的key和value,更新数据库 如key:ad1url value:a.png 如果需要更新页面图片,只需更新ad1url对应的value 3 小程序根据对应业务key获取对应的配置项,更新页面显示 技术栈 后端接口服务:SpringBoot Mybatis MySql 管理后台:vue ...
本文实例讲述了vue自定义指令实现方法。分享给大家供大家参考,具体如下: vue中的指令就是v-on v-bind v-show等等,那么自定义指令是什么呢? 自己定义的指令就是自定义指令。 语法: Vue.directive(id, definition) 这里可以参考vue中的指令 <h1 v-if="yes">Yes</h1> 其中,if就是指令ID,yes是expression Vue.directive()传入接受两个参数,id是指指令ID,definition是指定义对象。其中,定义对象可以提供一些钩子函数。 钩子函...
本文实例讲述了微信小程序拍照和摄像功能实现方法。分享给大家供大家参考,具体如下: 拍照 原先的想法是使用微信的camera组件来实现,并且模拟发朋友圈的样子来进行相机的设置,其实就是将camera组件的大小设置成根屏幕一样大,并在上面使用一个cover-image组件来给用户进行点击,可是实际上的情况是第一,cover-image组件有时候会消失,第二,整个流程实现起来很僵硬,页面跳转也是卡的要死,后来无意间发现了另一个API:wx.choo...
本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>*{margin: 0;padding: 0;list-style: none;}ul{margin:100px ;}li{width: 50px;height: 50px;border: 1px solid;float: left;text-align: center;line-height: 50px ;}.act{background: red;}</style> </head> <body> <ul id="app"><li @click="fun(x)" v...
说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我很垃圾!人吗,都是要成长的!大佬,请多多指教!!! 我前段时间刚刚写了一个类似余股票的项目,上边的K线图是要实时去刷新的,所以要用vue做一个心跳,当然大家也可以选择用websocket,大佬们感觉肯定很简单,但是我只是一个刚入门的小前端,特此记录一下。 思路其实思路很简单,首先要了解vue的生命周期和vue的内置函数,其思路就是先定义一个定时...
前言 小程序由于封闭性较强,要像web应用一样实现灵活的数据收集,会有一定难度。目前开源的埋点SDK,一般采用手动埋点的方式,这种方式有较强的侵入型,为了解决这个问题就有了该文章。 手动埋点以腾讯移动分析的SDK为例,如果要记录埋点信息,只要插入一句代码即可 // 例如,记录搜索行为 search(keyword) {if (keyword) {...业务代码}mta.Event.stat("ico_search", {"query":keyword}); }示例代码看起来是比较简洁的,但是埋点需...
本文实例讲述了JS尾递归的实现方法及代码优化技巧。分享给大家供大家参考,具体如下: 在学习数据结构和算法的时候,我们都知道所有的递归都是可以优化成栈+循环的。 对于特定的递归函数,一般我们都是手动对它们进行优化的。 在学习scala的时候,接触到尾递归的概念。我们只要将递归写成尾递归方式,编译器会自动帮助我们优化。 ps:并不是所有的递归都可以改写成尾递归 在js中,尾递归通常会被解释器优化。然而,并不是所有的js解...