inmarry-CSDN博客

原创小程序云开发读取数据超过20条

一、新建node.js云函数在cloudfunctions文件下新建云函数，起名为 getAll 。二、在index.js文件下写代码// 云函数入口文件const cloud = require('wx-server-sdk')// 云开发环境初始化cloud.init({env: cloud.DYNAMIC_CURRENT_ENV})exports.main = async (event, context) => { const db = cloud.data

2022-05-03 21:45:20 684

原创小程序云开发操作数据库

work_detail 为集合名。1、增db.collection("work_detail").add({ data: { detail_time: that.data.timeData, } }).then(res => { consol..

2021-12-25 10:16:57 563

原创 js-数组

一、解析动态json数据取出key和value的值。再封装到一个数组里面。let userData = res.data.data;let userArray=[];for (let [key, value] of Object.entries(userData)) { userArray.push({"时间":key,"人数":value}); console.log(userArray)}只取key值：for (let key of Object.keys(ob..

2021-11-18 11:54:07 157

原创小程序云开发集成vant

1、选中该目录在终端中打开2、输入命令自动生成package.json包cnpm init3、安装vantcnpm i @vant/weapp -S --production4、将app.json中的"style":"v2"去掉。5、修改 project.config.json中的部分代码packageJsonPath：指 package.json路径；miniprogramNpmDistDir：指构建成功后的文件位置。"setting": ...

2021-11-13 15:46:43 610

原创 ps—添加、去除水印

一、添加水印1、打开需要添加水印的图片，在图片上直接用 “文字工具” 写上水印内容，2、在图层中隐藏图片显示字体，用 “矩形选择”工具选中字体部分，然后，在 “编辑” — “定义图案” ，3、在图层中隐藏字体显示图片，在 "编辑"— “填充” 内容为图案，定义图案为刚刚自定义的字体，透明度选择。完成。二、去除水印...

2021-07-16 18:15:28 578

原创 ps—抠图

1、复制图层2、点击“通道”，将“蓝”色通道复制一份。3、选择复制的蓝色通道，在顶部选择栏中 “图像” 里找到 “调整”—“色阶”。参数如下图所示：4、按下 Ctrl+I 键，将前景色设置为白色，找到画笔工具将所需抠出的人物图像全部图成白色。5、然后将在图层下面找到点击 “将通道作为选区载入” 。6、回到图层里面，选择图层副本，按下 Ctrl+J 复制选区内容，完成所抠图片。...

2021-07-16 17:08:54 177

原创 vue-js

1、设置当前页面color在mounted 里面写：document.querySelector('body').setAttribute('style', 'background-color:#fff')2、链接跳转及传参、接收参数方法一：this.$router.push({ path: '/group/groupDetail',...

2020-07-15 16:53:36 113

原创 wx 支付

1、请求后台接口获取wx需要数据将请求接口得来的数据存到全局变量里面payData。Ajax('post', '/api', obj).then(res => { let data = res.data; this.payData = data; //wx判断支付环境是否可用，若环境准备好接着调用 onBridgeReady()方法 ...

2020-06-11 17:53:48 157

原创拖拽排序

1、npmcnpm install awe-dnd --save2、main.jsimport VueDND from 'awe-dnd' Vue.use(VueDND)3、使用<template> <div class="color-list"> <div class="color-item" ...

2020-06-01 16:57:39 149

原创 vue-cropper图片裁剪 PC

1、安装cnpm install cropperjs2、上传裁剪上传图片到oss然后进行裁剪将x，y，width，height拼接到图片链接上即完成裁剪。在弹框中实现图片裁剪及预览。<div class="content_div"> <el-upload ...

2020-05-28 11:38:49 928

原创常用HTML

1、input框纯数字输入<input class="price_input" placeholder="手机号" type="number" oninput = "this.value=this.value.replace(/[^0-9.]+/,'')"/2、下载pdf<a class="down_load" target="_blank" href="http:/...

2020-05-27 18:08:40 50

原创 vue- canvas生成海报图

此图为生成的海报图。1、通过cnpm安装cnpm i vue-canvas-poster --save2、引用 import {vueCanvasPoster} from 'vue-canvas-poster'components: { vueCanvasPoster },3、全局注册-在main.js中引用/*canva...

2020-05-26 17:41:02 5655 3

原创 vue-弹幕展示

1、安装cnpm install vue-baberrage2、全局引入import { vueBaberrage } from 'vue-baberrage'Vue.use(vueBaberrage)3、使用import { MESSAGE_TYPE } from 'vue-baberrage' <...

2020-04-21 10:27:05 269

原创短信验证码--倒计时

<span class="get_code" @click="getCodeNum">{{codeDes}}</span>1、全局变量let timeOut = 60;2、定义两个变量codeDes: '获取验证码',//验证码描述codeNum: 60,//验证码时间3、倒计时方法：//点击获取验证码 getCod...

2020-04-03 11:14:14 190 1

原创 video视频播放

1、html <div class="video_box wrap"> <div class="video_cont" v-if="isiOS"> <video id="video" class="video_box" webkit-playsinline="true" x5-playsinline="" ...

2020-03-20 19:23:38 346

原创下拉分页

1、先在data里面定义变量allLIst 表示请求接口收到的数据；loadNextPage 表示是否进入下一页；2、在mounted里面监听分页滚动条//分页监听滚动条window.addEventListener("scroll", this.handleScroll);3、在methods里面写handleScroll方法//分页——滚动条触碰到底部...

2019-09-27 16:57:34 168

inmarry的博客