【5】吴润泽-CSDN博客

原创小程序云开发--内容安全审查API云调用

云调用云调用是小程序·云开发提供的在云函数中调用微信开放接口的能力，需要在云函数中通过 wx-server-sdk 使用。接口方法openapi.security.msgSecCheck需在 config.json 中配置 security.msgSecCheck API 的权限，{ "permissions": { "openapi": [ "security.msgSecCheck" ] }}云函数msgcheck写法// 云函数入口文件co

2022-01-21 14:12:39 2789 1

原创小程序动画

小程序动画点击事件 <view> <image src="../../../images/RightArrow.png" class="icon_5"></image> <view class="spe" bindtap="security"> <text>已交保证金</text> <text>3天无

2022-01-19 14:50:40 229

原创小程序生成海报携带参数-云函数生成二维码

1. 逻辑代码 async qcFn() { console.log('生成海报'); let that = this const houseId = this.data.houseDetail._id const refferId = app.globalData.openid // houseDetail?id=${this.data.houseDetail._id}&refferId=${app.globalData.openid}`); //

2022-01-15 17:49:33 630

原创 2021-09-27 uniapp页面传参数据显示[object Object]

uniapp页面传参数据显示[object Object]url拼接属性名为listthat.datalist为参数 uni.navigateTo({ url:"/pages/administer/administer?list="+that.datalist, })传到另一个页面控制台显示的数据是这样的，显示[object Object] onLoad(options) { console.log('options',o

2021-09-27 18:53:00 1384

原创 2021-08-17 爬表情包

需要用到cheerio包cheerio官方文档:https://cheerio.js.org/中文文档:https://github.com/cheeriojs/cheerio/wiki/Chinese-README中文文档(简书):https://www.jianshu.com/p/629a81b4e0131:安装npm install cheerio2安装axios 用于发送请求npm install axiosnode 启动文件const cheerio = require('c

2021-08-17 09:24:22 75

原创 dialog 对话框组件封装

需要在全局注册成组件,<template> <div class="xtx-dialog" :class="{fade}"> <div class="wrapper" :class="{fade}"> <div class="header"> <h3>{{title}}</h3> <a href="JavaScript:;" class="iconfont icon-cl.

2021-08-14 17:49:54 129

原创消息提示组件封装

1. 基础定义和使用本节目标: 以普通组件的形式封装全局提示组件的基础样式2.vue提供了内置组件 Transition 它可以在内部元素进行显式和隐藏切换的时候，自动为元素添加动画<template> <transition name="down"> <div class="xtx-message" :style="style[type]" v-if="show">  <

2021-08-07 23:25:02 72

原创 2021-07-22

页面需求点击不同的类型显示不同的组件,正确的选项在from中的option,istrue选项为11:点击单选是单选按钮 +input框2:点击多选切换成多选框 <el-form-item label="选项 :" v-show="form.questionType !== '3'"> <div class="option_item">  <template

2021-07-22 15:27:07 66

原创 MongoDB安装方案

安装MongoDB黑马头条项目 + 人力资源后台项目的接口服务均采用了 MongoDB + KOA2 技术栈，所以在使用本地服务之前，我们需要首先安装MongoDB，这也是该环节中出问题最多的一项。安装版本请安装MongoDB4.2版本附上4.2版本的百度网盘地址https://pan.baidu.com/s/1fEytxQ04-LjzLObs7MsCPw 提取码： gugq安装注意事项默认选择 complete模式，不改变安装目录在安装过程中，我们建议安装在C盘目

2021-07-06 20:07:35 326 2

原创 checkbox背景颜色设置

checkbox背景颜色设置js文件 data: { languages:[ { 'id':1, 'name':"python" }, { 'id':2, 'name':"java" },{ 'id':3, 'name':"php" }, ] },wxml文件 <form bindsubmit="onsubmitevent"> <checkbox-group bindchange="

2020-12-24 15:57:42 1384 1

原创 form-type:submit和reset用法

form-type:submit和reset用法<form bindsubmit="onSubmitEvent"><view>用户名：<input name="username" placeholder="姓名"></input>密码：<input name="password" password="" placeholder="密码"></input></view><button form-typ

2020-12-24 10:04:13 1912 1

原创用if函数，进入无限循环，如何退出当前函数

用if函数，进入无限循环，如何退出当前函数wxml文件<view class="container"> <icon type="success" size="100"> </icon> <view class="tips"> 操作进行中{{seconds}}</view> <button class="finish-btn" type="primary" >完成 </button></view&g

2020-12-13 22:43:54 1110

原创小程序组建 scroll-view-微信红包动画案例

list.wxml文件<scroll-view class="scroll-view" scroll-y style="height:{{windowHeight}}px"bindscroll="scrollEvent"> <view class="circle-outter">  <view class="circle-

2020-12-07 21:07:04 321

原创小程序微博发布页面代码2020/12/05

1：list.js文件Page({ data: { weibos:[] }, onLoad: function (options) { }, writeweibo:function (e) { wx.navigateTo({ url: '/pages/weibo/aweibo/aweibo', }) }})list.wxml文件<view>这是第一条微博</view><view wx:for="{{weib

2020-12-05 23:24:27 3027

原创小程序模板技术 2020/12/01

模板wxml<template name="message"> <view class="message-group"> <text class="content">{{col}}</text> <text class="friend">{{bol}}</text></view></template>模板wxss.message-group{ height: 60px; line-

2020-12-01 22:53:25 78

原创缓动动画 2020/11/26

步长值改为一个慢慢变小的值步长公式：(目标值 - 现在的位置) / 10<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" co

2020-11-27 00:14:54 114

原创给不同对象添加不同得定时器；2020/11/26

给不同对象添加不同得定时器；<!DOCTYPE html><html lang="en"><head> <style> div { position: absolute; left: 0; width: 100px; height: 100px; background-color: pink;

2020-11-26 23:45:51 80

原创仿淘宝固定侧边栏 2020/11/26

页面被卷曲头部的位置，可以通过window.pageYOffset获得，如果是被卷曲左侧，window.pageXOffset<!DOCTYPE html><html lang="en"><head> <style> .slider-bar { position: absolute; left: 50%; top: 300px;

2020-11-26 09:37:44 290

原创立即执行函数2020/11/26

立即执行函数立即执行函数: 不需要调用，立马能够自己执行的函数立即执行函数最大的作用就是独立创建了一个作用域, 里面所有的变量都是局部变量不会有命名冲突的情况<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

2020-11-26 08:20:47 81

原创拖动盒子.2020/11/25

拖动盒子.盒子坐标：鼠标的坐标减去鼠标在盒子内的坐标，e.pageX - login.offsetLeft<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%;

2020-11-25 20:30:48 100

原创跟随鼠标移动事件2020/11/25

跟随鼠标移动事件我们在盒子内点击，想要得到鼠标距离盒子左右的距离。首先得到鼠标在页面中的坐标（ e.pageX, e.pageY）其次得到盒子在页面中的距离(box.offsetLeft, box.offsetTop)用鼠标距离页面的坐标减去盒子在页面中的距离，得到鼠标在盒子内的坐标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta

2020-11-25 13:38:08 125

原创 5秒钟跳转首页 2020-11-24

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2020-11-25 10:46:33 1174

原创倒计时效果 2020-11-24

倒计时效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title

2020-11-25 10:45:25 245

原创清除定时器2020/11/24

clearInterval(timer)clearInterval()方法能够取消setInterval()方法设置的定时器此方法能够取消setInterval()方法设置的定时器。此方法的参数必须是要取消相应的setInerval()方法的返回值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont

2020-11-25 10:43:22 67

原创发送短信案例2020/11/24

按钮点击之后，会禁用 disabled 为true同时按钮里面的内容会变化，注意 button 里面的内容通过 innerHTML修改里面秒数是有变化的，因此需要用到定时器定义一个变量，在定时器里面，不断递减如果变量为0 说明到了时间，我们需要停止定时器，并且复原按钮初始状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="

2020-11-25 10:41:22 109

原创清楚定时器 2020/11/24

clearTimeout( )清楚定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&gt

2020-11-24 20:32:45 94

原创定时关闭广告2020/11/24

setTimeout(function() {ad.style.display = ‘none’}, 2000)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=

2020-11-24 20:19:07 475

原创定时器 2020/11/24

setTimeout语法规范： window.setTimeout(调用函数, 延时时间);这个window在调用的时候可以省略这个延时时间单位是毫秒但是可以省略，如果省略默认的是0这个调用函数可以直接写函数还可以写函数名还有一个写法 ‘函数名()’页面中可能有很多的定时器，我们经常给定时器加标识符（名字)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

2020-11-24 19:55:24 65

原创调整窗口大小事件 2020/11/24

调整窗口大小事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <ti

2020-11-24 19:41:07 221

原创 window常见事件 2020/11/24

window.onload是窗口（页面）加载时间，当文档内容完全加载完成后触发该事件注意：window.onload传统注册事件方式只能写一次，如果有多个，会以最后一个window.onload为准如果使用addEventListener，则没有限制 load等页面内容全部加载完，包含页面dom元素，图片，flash,cssdocument.addEventListener(‘DOMContentLoad’,function(){})如果页面图片很多的话，从用户访问到Onload触发可能需要很长时.

2020-11-24 19:09:28 189 1

空空如也

空空如也