历史记录

wxml代码:

<view class="boxseace"><view class="seaces"><input bindconfirm="clickes" placeholder="{{sous}}" placeholder-class="dos" confirm-type="done" bindfocus="jujiao" bindblur="shijiao" value="{{values}}"></input></view>
</view><view class="tag" hidden="{{show}}"><!--  标签页面 --><view class="doubans"><text>搜索记录</text></view><view class="doubanq" catchtap="qchc"><text>清除缓存</text></view><view class="labelbox"><view wx:for="{{listes}}" wx:key="key" class="laelitem" bindlongpress="deleteImage" data-idx="{{index}}" catchtap="dianjishijian">{{item}}</view></view>
</view><view wx:for="{{rewq.data.subjects}}" wx:key="key" class="box" data-index="{{index}}" catchtap="clicklist"><view class="boxs"><image src="{{item.pic.normal}}"></image></view><view class="box1"><view class="box2">{{item.title}}</view><grade value="{{item.rating.value}}" onoff="{{true}}"></grade><view class="box3">{{item.card_subtitle}}</view></view>
</view>

js代码:

var list=[];
var temporary="";
Page({/*** 页面的初始数据*/data: {sous:"搜索",                /**input内的字符 */rewq:{},                  /**跳转准备的参数 */listes:[],                /**缓存的内容 */show:false,                  /**控制是否显示/隐藏 */values:''},jujiao:function(res){                     /**input聚焦的回调 */// console.log("聚焦",res);this.setData({show:true})},shijiao:function(res){                    /**input失焦的回调 */// console.log("失焦",res);if(temporary == ""){this.setData({show:false})}else{this.setData({show:true})}},clicklist:function(res){                          /**跳转传参 */// console.log("点击事件res.currentTarget.dataset.index是点击的哪个的数",res);var i = parseInt(res.currentTarget.dataset.index);console.log(i);var moves={type:this.data.rewq.data.subjects[i].type,id:this.data.rewq.data.subjects[i].id}console.log("要传递的电影详细信息",moves);var model = encodeURIComponent(JSON.stringify(moves));wx.navigateTo({url: "/index/details/details?model="+model,success: function (res) { },fail: function (res) { },complete: function (res) { },})console.log("mores",mores);// console.log("rewq",this.data.rewq);}, clickes:function(e){                                        /***文本框完成触发函数 */// console.log("触发事件",e.detail.value);temporary = e.detail.value;var ques = e.detail.value;if(ques == "" || ques == " "){}else{list.push(ques);};wx.setStorage({                                           /**缓存 */data: list,key: 'key',})wx.getStorage({                                           /**读取缓存 */key: 'key',success(res) {// console.log("getStorage", res)that.setData({listes: res.data})}})var that = this;  wx.request({                                                              /**搜索触发api */url: 'https://m.douban.com/rexxar/api/v2/search',data: {start: 0,count:10,q:ques},header: {},method: 'GET',dataType: 'json',responseType: 'text',success: function(res) {console.log("成功的返回值:", res);that.setData({rewq: res})// console.log(that.data.rewq);},fail: function(res) {},complete: function(res) {},})},qchc:function(){                                        /**清除缓存api */wx.clearStorage({success:function(res){// console.log(res);list=[];}}),this.setData({listes:null})},deleteImage:function(res){                            /**长按事件 */// console.log("长按事件de  xia  biao",res.currentTarget.dataset.idx);var i = res.currentTarget.dataset.idx;wx.getStorage({                                           /**读取缓存 */key: 'key',success:(res)=> {// console.log("getStorage", res)list = res.data;// console.log("数组",res);list.splice(i,1);this.setData({listes: list          /**** ------------------------------------------- */})wx.setStorage({                                           /**缓存 */data: list,key: 'key',})}})},dianjishijian:function(res){                          /**点击事件 */console.log("点击事件",res);var i = res.currentTarget.dataset.idx;var that = this;wx.getStorage({                                           /**读取缓存 */key: 'key',success:(res)=> {var ques = res.data[i];// console.log("getStorage", ques);that.setData({values:ques})}})},/*** 生命周期函数--监听页面隐藏*/onHide: function () {var arr =["1515554165","sahdsahshds","85131","我的","撒娇","试试","的规划","是撒会"];arr.splice(2,1);               //从start的位置开始向后删除delCount个元素console.log(arr)},

微信小程序 历史记录和长按清除相关推荐

  1. java与微信小程序通讯_java与微信小程序实现websocket长连接

    本文实例为大家分享了java与微信小程序实现websocket长连接的具体代码,供大家参考,具体内容如下 背景: 需要在小程序实现地图固定坐标下实时查看消息 java环境 :tomcat7 jdk1. ...

  2. 微信是与服务器长连接,java与微信小程序实现websocket长连接.pdf

    java与与微微信信小小程程序序实实现现websocket长长连连接接 本文实例为大家分享了j ava与微信小程序实现websocket长连接的具体代码,供大家参考,具体内容 下 背背景景:: 需要在 ...

  3. 微信小程序计算圆周长和面积

    微信小程序--计算圆周长和面积 一..js文件 二..wxml文件 三..wxss文件 结果展示 一..js文件 截图 代码如下: data: {result:"",intst:& ...

  4. 微信小程序加入(长按识别)群聊(群二维码)

    小程序里放二维码图片 目前小程序放群二维码,长按识别 [支持]企业个人微信二维码 [不支持]企业微信群固定码 [支持]企业微信群码(7天过期) [支持]个人微信码 [支持]微信群码二维码 微信小程序中 ...

  5. 微信小程序 之 rich-text 长按复制事件

    微信小程序的富文本编辑器 rich-text 没有提供长按出现复制剪切功能,下面是为大家提供的长按实现复制的简单功能,效果没有微信聊天页长按复制的效果好. 步骤: 1,在 rich-text 表签里添 ...

  6. 微信小程序 - 超详细 “长按说话“ 实时语音录制与播放功能,仿微信发语音 “按住说话,松开取消“ 录音功能效果(详细示例源码,一键复制开箱即用!)

    效果图 网上的教程代码都太乱了,各种乱七八糟的代码还没有注释,根本无法复制后进行改造. 在微信小程序项目开发中,详细的实现了长按录音.上滑手势取消等功能,丝滑流畅不卡顿 你直接直接粘贴,稍微改改提示文 ...

  7. 微信小程序:实现长按扫描二维码

    小程序内置扫描二维码 image 使用小程序提供的image组件,image组件上有一个show-menu-by-longpress的属性,设置为true <image show-menu-by ...

  8. 讨论一下微信小程序中如何长按识别图片中二维码跳转

    [一].image标签展示二维码 目前微信官方支持小程序原生页面在微信版本IOS≥8.0.6,安卓≥8.0.3时直接长按识别二维码, <image src="二维码图片地址" ...

  9. 微信小程序如何支持长按识别二维码功能

    1.previewImage 小程序wxml <image src="{{image}}" bindtap="imgLoad"></image ...

最新文章

  1. 创业互联网公司如何搭建自己的技术框架
  2. DJango操作MySQL数据库
  3. unigui 导入导出数据
  4. BZOJ2435 [Noi2011]道路修建
  5. 单细胞转录组基本概念(一)
  6. oracle插入CLOB类型超过4000个字符报ORA-01704错的解决方法及其它相关场景解决方案...
  7. c语言表白代码颜色,C语言告白代码,一闪一闪亮晶晶~
  8. pom env.java home_关于java:aven:POM.xml中缺少工件com.sun:tools:jar:1.6.0编译时异常...
  9. 软景php,你不得不知的软景配置标准
  10. asp.net中读取数据库中的数据可以使用DataReader和DataSet 2种方式(初学者望大家不要笑我)...
  11. 转发 eclipse 取消javascript 验证
  12. 从PMP理论看华为销售项目运作与管理
  13. EDG夺冠刷屏背后,是正在发力的B站直播
  14. 红米(RedmiBook)笔记本无线网卡QCA6174在Linux下wifi异常解决方法
  15. 《很杂很杂的杂学知识》 学习笔记
  16. Mac菜鸟进阶必学的10个Mac小技巧
  17. 看书要仔细----自定义控件库摸索记
  18. 分部声明一定不能指定不同的基类
  19. 《SQL Server从入门到精通》
  20. 2016里约奥运会倒计时 技术团队谈幕后科技

热门文章

  1. mysql:mysql版本
  2. myeclipse数据库逆向hibernate教程 -
  3. 了解Unix的历史与现状
  4. 解决安装VC6.0后出现MSDEV.EXE错误,无法用打开工程解决方法
  5. Codejock Suite Crack,工作区更易于管理
  6. hasp运行不成功_HASP加密锁错误代码原因
  7. ec2 linux 图形界面,如何在Amazon EC2 Ubuntu服务器上设置GUI
  8. 计算机采用阿基米德,阿基米德与这个历时两千多年无人能解的牛群问题
  9. 典型相关分析原理(例题+代码)
  10. 算法详解——后缀自动机