一尾流莺 半世情缘

@click 组件被点击@longpress 长按（手指触摸超过350ms）@longtap 长按@tap 点击@touchstart 手指触摸动作开始@touchmove 手指触摸后移动@touchcancel 手指触摸被打断，如来电提醒，弹窗@touchend 手指触摸动作结束，如松开按钮...

生命周期生命周期文档应用生命周期App 在App.vue中定义// 应用初始化完成触发，全局只触发一次，可做登录判断...onLaunch// 应用启动的时候，或者从后台进入前台就会触发onShow// 应用从前台进入后台就会触发onHide页面生命周期page 在页面中都可以定义// 监听页面加载，在开始加载的时候触发，元素还未开始渲染 -- 页面只执行一次 tab页面不加载onLoad// 监听页面显示，每次页面出现的时候，就会触发这个钩子。onShow// 监听

uni-app 推送、个推 unipush 实现，问题汇总

basic.jsimport Vue from 'vue'import store from '@/store'1、运行环境判断if(process.env.NODE_ENV == 'development'){ //本地环境 development}else{ //线上环境 production}2、请求方法（异步/同步）/** 删除对象空属性 * @method deleteObjNull * @param {Object} obj 要处理的对象 */const d

一、本地存储二、Vue.prototype三、引入公用模块四、Vuex

SQLite是一个C语言库，它实现了一个 小型， 快速， 自包含， 高可靠性， 功能齐全的 SQL 数据库引擎。SQLite是世界上使用最多的数据库引擎。它内置于所有移动电话和大多数计算机中，并且捆绑在人们每天使用的无数其他应用程序中。下面是介绍如何使用INSERT OR REPLACE命令。业务需求具体业务中,遇到需要批量插入和修改数据库的情况。当前数据不存在，进行数据插入操作当前数据存在，进行数据更新操作以上的业务情况，可以使用SQlite的 INSERT OR REPLACE命令进.

这篇文章是对上一篇的补充 demoUNI-APP 使用sqlite数据库本地缓存首要工作引入 封装的 sqlite.js 地址传送门源码HTML<template> <view> <view class="uni-divider uni-divider__content">Demo</view> <button @click="openSQL">打开数据库</button> <button @cli.

搜索结果展示高亮效果效果图展示未高亮效果高亮效果主要源码html<template> <view> <!-- 展示搜索结果 --> <view class="contacts-box uni-flex-center" v-for="(item,index) in contactsList" :key="index" @click="contactsClick(item)"> <view class="name">.

实现的基本原理：用一张水波纹的gif图片，设置为和背景图同样的色调，将水波纹设置为绝对定位，固定在下方，并且显示的优先级设置为最高，即会覆盖原来的背景图，无需用js，纯css实现。本文使用 uni-app 来实现，用原生的小伙伴可以自己改一下语法效果图HTML代码<template> <view> <view class="top"> <view class="center"> <view class="center_.

UNI-APP 使用sqlite数据库本地缓存、本地缓存

参考 文档https://ask.dcloud.net.cn/article/35621https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.launchApplicationUNIAPP实现跳转其他的APP在安卓中，在开发的过程，需要先获取外部APP的包名才能实现跳转外部APP而IOS需要获取对应的“URLscheme”才能跳转外部APP，所谓的URLscheme就是指下面代码中的“taobao://”if (plus.

场景：在聊天页面中，发送消息input输入框后一个发送按钮，点击发送按钮默认收回键盘input失焦导致键盘收回一、点击发送时让input重新聚焦:focus="true"但会先将键盘收起再马上弹出，体验不是很友好二、将click点击事件 @click="" 换成 @touchend.prevent=""<view class="send-btn" @touchend.prevent="sendClick">发送</view>...

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。要实现的最终效果图：uni-app 在page.json里的配置项{ "path": "pages/chat/list", "style": { "navigationBarTitleText": "45things", "app-plus": { "titleNView.

常见的赋值data: { msg: '我是一条消息',}修改 msg 的值：this.setData({ msg: '修改了 msg 的值'})修改对象里属性的值data: { obj: { name: '我是旧名字' }}修改 obj[name] 的值： let value = 'obj.name'; // 注意这里哈 this.setData({ [value]: '我是新名字' })obj 新增动态属性值 let value = `

最近在做小程序，遇到了拖拽，分享下以前的代码共同学习下以下是源码奉上：index.wxml<!--index.wxml--><view class="container"> <view bindtap="box" class="box" > <view disable-scroll="true" wx:for="{{content}}...

动态获取元素宽高query.select(selector)query .selectAll(selector)

1. 直接用方法 ：catchtouchmove="preventD" <view class="selector-bj {{isTapSelector ? '' : 'is-focus-selector' }}" wx:if="{{selectorBj}}" bindtap='tapSeleBj' catchtouchmove="preventD"></view> ...

先上最后的效果图看看：wxml<view class="logistics-box" wx:if="{{logisticsData.length > 0}}"> <view class="logistics-item" wx:for="{{logisticsData}}" wx:key="index"> <view class="logis...

最近项目要求实现图片识别功能，查文档后写此篇文章小程序官方文档wxml<image src="xxx.png" mode="widthFix" data-src="xxx.png" bindtap="previewImage"></image>js 文件实现 “previewImage”方法 /** * 此处注意的一点就是，调用 "wx.pr...

在微信小程序开发中，会碰到自定义弹窗出现后，蒙版下面的页面仍可以滚动的问题。解决方法：1. 先点击出现蒙层时，页面的最外层view：height:100vh （灵活设置，蒙层出现时height:100vh;,反之height: ;） 微信小程序中的 vw 和 vh 单位 100vh 微信小程序的屏幕高度； 100vw 微信小程序的屏幕宽度2. 在蒙层的最外层view中加入catc...

原文链接 传送门2019-01-03 : 修复了日期day-1,新增了年月日(除去时分秒),删除了不必要的touchmove新增：column: ""(年月日)配置:pickerConfig: { endDate: true, // 是否需要结束时间，为true时显示开始时间和结束时间两个picker column: "", //可选的最小时间范围hour、min...

需求：从 index.wxml 页面,跳转到 aaa.wxml 页面方法一：WXML页面实现1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator...

9102 年 小程序位置更新想获取当前位置，调用wx.getLocation说没有权限；加上这段代码就好了'permission':{ "scope.userLocation": { "desc": "你的位置信息将用于定位您的家庭地址" } }...

最近小程序项目中遇到了switch方面的一些应用，这边就来总结下。// &lt;switch checked="{{switchCheck}}" @change="switch"/&gt;&lt;view @tap = 'openSwitch'&gt; 打开开关 &lt;/view&gt;&lt;view @tap = 'closeSwitch'&gt; 关闭开关 &lt;/view.

平时作小程序开发时候会遇到一些刷新页面的问题，下面就一起来看一下。

最近一直在做小程序的开发，发现大家常用这三种来开发，这边就来探讨下；一张简单的图来稍作比对：小程序支持的是 WXML + WXSS + JS 这样的组合，所以，wepy 和 mpvue 都是将文件构建到 dist 目录，转换为小程序支持的文件类型，然后将微信开发者工具指向 dist 目录下，进行调试开发，并且两者都提供了热更新。开发文档的链接：原生开发小程序文档：点此进入wepy ...

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。onLoad // 生命周期函数--监听页面加载onReady // 生命周期函数--监听页面初次渲染完成onShow // 生命周期函数--监听页面显示onHide // 生命周期函数--监听页面隐藏onUnl...

最近做项目遇到了小程序的滚动条，这边就来聊一聊;打开官方demo，看了一遍官方文档，没有任何说明，这是官方的一贯作风。没有一个属性是去控制显示/隐藏滚动条。既然是组件，那就是css来控制的。又去看一下css中的scroll的介绍，有大概如下的属性参考链接:-webkit-scrollbar 滚动条整体部分。:-webkit-scrollbar-button 滚动条的轨道...