qq_37902065的博客

原创 uni-app获取短信记录

// 读取短信内容 //不同机型可能获取不全 //查看权限是否已允许 var Context = plus.android.runtimeMainActivity(); var res = plus.android.invoke("android.support.v4.app.ActivityCompat", "checkSelfPermission...

原创 promise用法

let checkLogin = function(){ return new Promise(function(resolve,reject){ var flag = true; if (flag) { resolve({ ...

原创 播放音频uni-app

var p = plus.audio.createPlayer( "/static/test.mp3" ); p.play(); setTimeout(function(){ p.stop() },5000)...

原创 JSON.stringify()的作用是将 JavaScript 值转换为 JSON 字符串，而JSON.parse()可以将JSON字符串转为一个对象。

简单点说，它们的作用是相对的，我用JSON.stringify()将对象a变成了字符串c，那么我就可以用JSON.parse()将字符串c还原成对象a。let arr = [1,2,3];JSON.stringify(arr);//'[1,2,3]'typeof JSON.stringify(arr);//stringlet string = '[1,2,3]';consol...

原创 uni-app 消息推送

var pinf = plus.push.getClientInfo(); var cid = pinf.clientid; //客户端标识 console.log(pinf); plus.push.addEventListener("click", function(msg) { ...

原创 常用验证规则

手机 ^1[2-9]\d{9}$邮箱 ^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$时间 ^(([1-3][0-9]{3})[-]{0,1}(((0[13578]|1[02])[-]{0,1}(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)[-]{0,1}(0[1-9]|[12][0-9]|30...

原创 监听layui 单选框选中事件

// 监听单选框选中事件 <input type="radio" name="beshared" value="0" title="开启" lay-filter="beshared" checked> <input type="radio" name="beshared" value="1" title="关闭" lay-filter="besha...

原创 node.js处理post请求

http.createServer(function (req, res) { if(req.method==='POST'){ // 数据格式 console.log('content-type',req.headers['content-type']); let postData=""; // 类似jquery绑定事件和方...

原创 node.js处理get请求

var http = require('http');const querystring = require('querystring');http.createServer(function (req, res) { console.log(req.methods); const url=req.url; console.log('url:',url); ...

原创 uni-app获取通话记录 自定义基座打包能成功获取

// 获取通话记录 var CallLog = plus.android.importClass("android.provider.CallLog"); var main = plus.android.runtimeMainActivity(); var obj = main.getContentResolver(); plus.android....

原创 uni-app获取手机通讯录

<block v-for="(item,index) in list" :key="index"> <view>{{item.displayName}}</view> <block v-for="(subitem,idx) in item.phoneNumbers" :key="idx">...

原创 express生成器安装

1 安装expresss生成器npm install express-generator -g2安装ejs模板express --view=ejs myapp3 cd myappnpm install4安装nodemon自动更新npm install -g nodemon5 nodemon start运行...

原创 uni-app返回页面修改前一个页面的数据 h5/APP/小程序

var pages=getCurrentPages(), prevPage=null; if(pages.length>1){ prevPage=pages[pages.length-2]; } if(prevPage){ // #ifdef H5 prevPage.customerSource=that.source[that.c...

原创 微信小游戏图片加载

var canvas = wx.createCanvas(); var image = wx.createImage(); canvas.width = 800 canvas.height = 600 image.onload = function () { var context = canvas.getContext...

原创 uni-app插件封装与引用

原创 二维数组全组合

// 二维数组，最先两个数组组合成一个数组，与后边的数组组成新的数组，依次类推，知道二维数组变成一维数组，所有数据两两组合doExchange: function(doubleArrays) {            var len = doubleArrays.length;            if (len &gt;= 2) {                var arr1 =...

原创 uni-app实现星级评价

&lt;view class="stars-wrapper"&gt;            &lt;view v-for="n in 5" @mouseenter="enter(n)" @mouseleave="leave()" @click="Selected(n)" :class="{'on':cur&gt;=n}"&lt;/view&

原创 uni-app返回图片不显示的问题

图片引入需要使用绝对路径不能使用相对路径

原创 uni-app元素节点操作

mounted() {            uni.createSelectorQuery().select('#test').boundingClientRect(function(e){                console.log(e)                uni.pageScrollTo({                    scrollTop: e.top...

原创 uni-app全局组件引用

1 components文件下的vue文件&lt;template name="page-head"&gt; &lt;view class="uni-page-head"&gt; &lt;view class="uni-page-head-title"&gt;{{title}}&lt;/view&gt; &lt;/view&gt;&lt;/tem

原创 hover事件放大效果

.wrapper{    overflow: hidden;     display:block;     position: relative;     padding-top:67%;            height:0;}.wrapper span{            display:block;            width:100%;           ...

原创 vue-layer引用

1 npm install vue-layer2 在程序入口添加import Vue from 'vue';import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);3 调用 this.$layer.msg('手机号不能为空'); ...

原创 在vue项目中引入高德地图

1 在index.html文件中引入js文件&lt;script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&amp;key="&gt;&lt;/script&gt;2 3343  &lt;template&gt; &lt;div id="container" class="my

原创 vue每个路由修改一个title

import Vue from 'vue'import Router from 'vue-router'import Login from '@/pages/login/Login'import Pwd from '@/pages/login/Pwd'Vue.use(Router) const router=new Router({  routes: [    {      pa...

原创 layui的用法下拉框必须引用css和js文件

&lt;link rel="stylesheet" type="text/css" href="layui/css/layui.css"&gt; &lt;form class="layui-form layui-form-pane" action=""&gt;    &lt;!-- 第一行 --&gt;                     &

原创 Cannot read property 'site' of undefined

错误原因 数组里没有这个属性 调用了

原创 微信小程序实现下拉菜单

点击对应上面的tab选中&lt;view class='nav-wrapper'&gt;&lt;view class='nav-container'&gt;&lt;view class="scroll_box"&gt;&lt;scroll-view class="scroll-view_x" scroll-x scroll-left="{{scrollLeft}}" sty

原创 微信小程序生成随机验证码

wxml文件&lt;view class='makecode' bindtap='getcode'&gt;{{code}}&lt;/view&gt;js文件data: {code:"获取验证码"},getcode:function(){this.createCode();},createCode() {var code;//首先默认code为空字...

原创 jquery实现扑克牌切换效果

 &lt;!DOCTYPE html&gt;&lt;html&gt;    &lt;meta charset="utf-8"&gt;    &lt;title&gt;切换效果&lt;/title&gt;    &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/sc

转载 微信小程序swiper实现滑动放大缩小效果

&lt;swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" current="0" bindchange="swiperChange"&gt;&lt;block wx:for="{{imgUrls}}" wx:index="{{index}}"&a

原创 微信小程序scroll-view左滑动

&lt;scroll-view scroll-x style="width: auto;overflow:hidden;" class='scroll-box'&gt;&lt;/scroll-view&gt;需要设置 white-space: nowrap; 里面的元素需要变成行内元素.scroll-box {white-space: nowrap;}.scroll-box ....

原创 小程序如何接收传递过来的参数

因为被同一公众号关联的小程序之间可以进行跳转，这样从一个小程序跳转到另一个小程序时就需要接收传递过来的参数。具体如何跳转请参阅官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/navigateToMiniProgram.html下面直接贴代码：onLaunch: function(options)    {     ...

原创 微信小程序下拉刷新，上拉加载更多

1 下拉刷新在app.json中，将window选项中的enablePullDownRefresh设为true1.wx.request （获取远程服务器的数据，可以理解成$.ajax）2. scroll-view的两个事件   2.1 bindscrolltolower（滑到页面底部时）   2.2 bindscroll (页面滑动时)   2.3 bindscrollto...

原创 微信小程序菜单吸顶效果实现 思路很清晰 获取滑动的距离与菜单距顶部的距离做判断 id的值改变一下就ok了 css

wxml部分&lt;view class=" {{menuFixed ? 'fixed': ''}}" id="affix"&gt;菜单栏&lt;/view&gt;wxss部分.fixed{position: fixed; top: 0; }js部分onShow: function () {var that = this;var query = wx.createSel...

原创 单页应用和多页应用

多页应用就是 多页面跳转优点  首屏时间快  seo效果好缺点  页面切换慢单页应用  js 渲染优点 页面切换快缺点 首屏时间长  seo差

原创 移动端项目优化

1尽可能减少结构标签2 尽可能少用图片 尽量使用css3控制标签完成图片效果3尽可能减少文件大小，图片压缩到无损最小值4减少服务器请求次数

原创 mpvue搭建微信小程序

1、全局安装 vue-clinpm install --global vue-cli2、vue init mpvue/mpvue-quickstart my-weixin 3、cd my-weixin 4、npm install 5、npm run dev

原创 vue图片显示不出来

原创 vue仿饿了么组件开发，app组件向goods组件传递数据

原创 vue引用组件以及向子组件传递数据