悟空_大师兄_-CSDN博客

原创【微信小程序】云开发悟空工具

出于最近钱不知道花哪里去这个问题想起了记账找个几个app记账的但是别人的毕竟还是别人的就想着自己写一个记账刚好云开发提供便利不需要服务端就可以满足全部所以开始了~第一个云开发小程序记账小工具《悟空记账工具》进入微信管理后台开通云开发开启云开发之旅1.利用官方提供的demo 进行云开发环境的部署创建集合云函数2.开启项目的整个构造整理看了几个记账的APP 从而选定自己的简单风格及功能3.小程序分为三个 tabbar 明细记账个人中心4.明细-显示为月份的记

2020-12-21 14:42:49 630

原创 css 充能可动效

【代码】css 充能可动效。

2023-10-11 15:41:57 127

原创 VUE环境下 CSS3+JS 实现发牌翻牌

1.通过变量show来控制添加 'popup-top-box-card' + index 给牌Class 改变position top left 实现发牌动作 rotateY(180deg) 实现翻牌动作。2.通过变量show来控制卡牌子级添加 ‘popup-box-card-son-rotate’ opacity 延迟0.05s显示0.2s卡牌内容。1.父级（卡牌未放开显示背景）卡牌子级（显示卡牌内容）

2023-08-29 14:53:42 1128 1

原创 Apache JMeter

打开 apache-jmeter-5.4.1\bin 找到jmeter.bat 双击打开或者 ApacheJMeter.jar 双击打开。添加Http请求配置元件添加请求头参数（content-type：application/json）设置中文找到 options =》choose Language =》chinese。下载 Apache JMeter 并安装 java。设置线程组执行参数每多少秒执行多少次。添加监听器查看结果或报告。新建计划创建线程组。

2023-08-18 15:11:41 752

原创 JavaScript 倒计时（天时分秒）

timeDiff 为时间差（单位：毫秒）

2023-08-09 22:13:35 201

原创 JavaScript 实现计算下周几是几月几号

4.一天86400000毫秒计算出距离天数的毫秒数加上今天0点的毫秒获得下周2的时间。weekday为你要想要下周周几（weekday： 1|2|3|4|5|6|7}）3.根据一周7天减去当前周几加上要的下周2 计算出下周2距离今天的天数。5.根据获取到的下周2时间获取到对应的年月日。（按照获取下周2的例子来）2.获取今天的0点时间。调用获取对应的年月日。

2023-08-09 22:09:37 471

原创【TypeScript】入门

npm create vite 选择 typescript。

2023-08-01 10:19:05 43

原创飞书接入机器人NODE开发自动回复

3.事件订阅接收数据接收数据由于加密过的需要AESCipher 解密监听 im.message.receive_v1 获取用户发送的数据如果你有gpt的话可以接上webGpt。4.配置应用服务端地址（当事件触发会触发设置的地址并发送事件数据）开启Encrypt Key 实现回调数据加密接收到数据后通过。1.引入axios 调用飞书api接口做准备 npm i axios 并封装。3.添加事件订阅并根据权限开通权限此处只添加获取消息事件。2.添加应用能力选择机器人添加。

2023-07-05 20:52:27 2578

原创【微信小程序】自定义省市区数据

使用文件管理及文件下载 api 下载数据并使用setDataArea方法处理数据（locations location 更改初始化的数据格式）获取省市区数据：由于小程序包大小限制则放在了线上通过下载到本地保存再使用（文件下载本地并使用可参考另外一篇文章）自定义省市区数据 region 自定义数据使用的name range-key。列数据改变触发 bindcolumnchange 计算下一列数据。由于特殊人员不行情况需要前端自己搞省市区数据则冲吧！赋值 bindchange。

2023-06-13 16:50:53 1459

原创【微信小程序】下载文件到本地并使用

3.读取（readFileSync）本地文件并使用 catch 处理未加载到数据重新 wx.downloadFile 设置filePath 下载文件保存本地并使用即可。2.1 判断要下载的文件是否存在(accessSync)于本地通过 try 去判断进入catch则没有存在于本地。1.使用小程序文件管理API （wx.getFileSystemManager()）2.2 通过wx.downloadFile 设置filePath 下载文件保存本地。

2023-06-09 17:13:23 2157

原创微信小程序实现打字机效果

获得数据 curStr 从后开始查找对应的字符串（lastIndexOf）实现：js 定时器将字符串逐个填充到显示的字段上面字间隔50毫秒。从第最后一个开始倒序循环获取数据数组从第一个开始的数据。使用正则过滤出字符串中的每一个字生成数组。截取字符串第一个到对应字符串的数据。实现：str 为要打字的字符串。

2023-04-04 16:31:28 1266 1

原创前端性能优化之预加载

Resource Hints(资源预加载)包括预连接、资源与获取、资源预渲染等。图片预先加载到浏览器。

2023-04-03 16:27:15 786

原创微信小程序全局组件注册使用

index.wxml中引入组件并设置Id 方便调用组件内方法。1.创建 component 全局组件 showToast。在app.json中设置usingComponents。index.js 获取组件并使用。3.在页面中使用全局组件。

2023-04-03 12:03:55 1212

原创阿里云sll证书配置HTPPS（nodejs配置）

点击云服务器安全组配置规则添加访问规则开放使用到的端口号。点击域名域名解析解析设置添加记录记录值为服务器公网IP。

2023-03-02 15:52:54 558

原创 JS 函数参数（动态参数、剩余参数）

提倡多使用剩余参数支持箭头函数 ()=> 动态参数不支持。//arguments 获取传递的所有参数是一个伪数组。1.动态参数 arguments 只存在于函数内。2.剩余参数 ...arr 是一个真数组。需求：求和函数传入不同实参求和出来。

2023-02-22 17:34:39 729

原创【uniapp+node.js】用户式加班计算器项目

加班时长计算器（uniapp+node）

2023-02-02 18:02:27 311

原创【微信小程序】2022最新用户信息授权方式

用户信息授权方式变更为”头像昵称填写“

2022-11-23 09:48:32 1307

原创基于 Node.js 平台 Web 开发框架 express 学习

post接收参数需要使用解析中间件 body-parser （npm install body-parser）1.使用cors跨域处理安装cors （npm install cors）2. 全局中间件解决所有路由的跨域问题 main.js。并在main.js引入。接口获取request参数的三种方式。res.send() 设置返回数据。ajax (axios示例)ajax (axios示例)ajax (axios示例)

2022-10-11 18:31:50 553

原创 web前端开发乱七八糟的奇怪操作

Object.assign(this.$data,this.$options.data.call(this))

2022-08-04 17:49:32 238

原创小程序奇葩BUG 更新~

1.如果swiper-item中使用了image组件需要加上webp=‘true’并添加图片的长宽。但是苹果手机真机测试时出现BUG只显示前两个swiper-item关闭手机重新打开手机又渲染出来。用户在小程序“客服会话按钮”进入客服会话时服务端可监听到同时可获取到session-from。IOS设置animation动画设置opacity会出现底部闪烁一下暂无找到更加方案。2.如果swiper-item中使用了text组件需要将text更改为view或其他。............

2022-07-19 16:31:58 541

原创【vue3.2】项目开发常见手册（持续更新。。。。）

1。父子组件之间的相互xxemitdefineEmits defineProps refdefineExpose子组件接收父组件const props = defineProps({ name: { type: String, //类型 default: '', //默认值 required: true, // 是否必填 }})子组件调用父组件事件或更新父组件数据//子组件const emits =...

2022-05-14 17:21:48 849

原创【微信小程序】统一处理分享转发功能及分享转发时拦截及按钮触发分享转发 onShareAppMessage

1.统一处理分享功能app.js 设置! function () { var PageTmp = Page; Page = function (pageConfig) { // 设置全局默认分享 pageConfig = Object.assign({ //右上角分享功能 onShareAppMessage() { return { title: '全新玩法 ', //分享标题 path: '/

2022-05-12 17:58:12 1333

原创小程序圆圈加载倒计时

控制pass-btn的显示来进行倒计时js的同步wxml<view class="pass-btn" bindtap="closePoster">  <view class="loading"> <view class="left"></view> <view class="right"></view.

2022-05-12 17:30:02 332

原创 VUE3.2 使用vue-cropper 图片裁剪插件并上传OSS

插件文档： https://github.com/xyxiao001/vue-cropperVue 3 组件内引入npm install vue-cropper@nextimport 'vue-cropper/dist/index.css'import { VueCropper } from "vue-cropper";Vue3 全局引入import VueCropper from 'vue-cropper'; import 'vue-cropper/dist/index.c..

2022-04-29 17:48:06 1385 4

原创【微信小程序】app.js 设置全局默认分享（onShareAppMessage）

!function(){ var PageTmp = Page; Page =function (pageConfig) { // 设置全局默认分享 pageConfig = Object.assign({ //右上角分享功能 onShareAppMessage () { return { title: '蜗牛盲盒欢闹上线~',//分享标题 .

2022-04-13 09:54:41 1511

原创 vue加解密

npm installcrypto-jsnpm installjs-md5import CryptoJS from 'crypto-js';export const appKey = 'cb6015828a44b5234ce9ed1c3bc7acb0';import md5 from 'js-md5'export const calcuMD5 = (pwd) => { return md5(pwd) }export const SEEDMD5 = calcuMD5("U2Fs..

2022-04-02 13:38:20 3968

原创【VUE】vant-ui 浏览器适配 rem viewPort

vant浏览器适配vant-uivant组件及设置的px 自动转化为自适应单位行内样式不生效Viewport 布局Vant 默认使用px作为样式单位，如果需要使用viewport单位 (vw, vh, vmin, vmax)，推荐使用postcss-px-to-viewport进行转换。npm installpostcss-px-to-viewportpostcss-px-to-viewport是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单...

2022-03-30 14:44:35 853

原创【VUE】关于长列表优化2022

设置box 显示区域达到区域内滚动并监听滚动事件代码如下：<template> <div class="box" ref="box" @scroll="handleScroll"> <ul class="list" ref="list" :style="{ transform: getTransform }"> <li class="item" v-for="(item, index) in visiba

2022-03-24 11:43:38 1608

原创【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022

获取用户信息小程序官方API更新后获取用户信息显得繁琐要去做兼容判断是否支持wx.getUserProfile 再选择获取用户信息的方式<view> <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button> <button wx:else open-type="getUserInfo" bindgetuserinf.

2022-03-10 15:55:48 2050

原创【微信小程序】反编译

下载wxappUnpacker下载 node.js电脑下载模拟器模拟器下载微信下载RE文件管理器打开微信进入对应的小程序打开文件管理器进入：/data/data/com.tencent.mm/MicroMsg/{数字字母文件名}/appbrand/pkg找到小程序的 .wxapkg文件复制到根目录通过微信转发文件到电脑创建新的文件夹电脑 cmd 打开终端进入对应的文件夹node -vnpm -v全局安装依赖：npm install esprima

2022-03-09 11:43:10 7469 2

原创小程序反编译代码报错_typeof3 is not a function

修改一下 @babel\runtime\helpers\typeof.jsfunction _typeof2(o) { "@babel/helpers - typeof"; return (_typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) { return typeof o; } : function(o) { re..

2022-03-09 10:19:01 3393 3

原创【微信小程序】网络请求封装使用Promise 封装 wx.request

创建httpServire.js 统一请求模板const app = getApp();// 线上const URL_HOST = 'https://betadoctor.taiorient.com/api/';let header = { "content-type": "application/json;charset=UTF-8"}const formatParams = (data) => { let arr = []; for (let name in data)

2022-03-02 16:24:56 234

原创 Vue监听滚动实现锚点定位（双向）

<template> <div ref="sliderBody" class="slider-main"> <div class="slider-body"> <div ref="sliderMenu" class="slider-menu" :style="{transform: 'translateY(' + top + 'px)'}"> <div class="slider-menu-item" v-for=...

2022-02-17 14:12:37 1485

原创【前端VUE3】vue3 + ant-design-vue3 (axios vuex router)

检查是否已安装 node -v npm -vant-design-vue3 文档（https://next.antdv.com/components/overview/）1.安装vue/cli:npminstall-g@vue/cli@next2.创建项目（"vue":"^3.2.13"）vue create ant-vue选择：Default(vue3)等待》》》创建成功cd ant-vuenpm run serve 运行3.安装ant-d...

2021-12-15 14:24:15 2562

原创 webpack5 安装自定义配置使用

webpack 安装创建项目目录：webpakc-dome进入目录初始化npm操作：npm init -y安装webpack webpack-cli ：npm install webpack webpack-cli -D运行命令：webpack --mode development （开发）运行命令：webpack --mode production（生产）webpack 基础模板const { resolve } = require('path')//nodejs 方法

2021-12-03 16:29:44 979

原创 Vue v-model、model 的使用

vue v-model 语法糖双向绑定通过原生input的 value 跟 @input 实现vue model指定prop的值和监听的事件model: {prop: 'value',event: 'input// 随便命名事件，对应下面$emit即可}1、text和textarea元素使用value属性和input事件2、checkbox和radio使用checked属性和change事件3、select使用value和chan...

2021-11-19 10:10:40 936

原创 JavaScript 监听页面滚动到底部监听盒子内滚动到底部

1.JS监听页面滚动到底部window.onscroll = function() { if ((document.documentElement.scrollTop + document.documentElement.clientHeight) == document.documentElement.scrollHeight) { alert('到底了') } }2.监听盒子内滚动到底部boxScroll('news-container2', 'fun',

2021-11-01 18:00:56 1161

原创 JS 排序算法 (javascript ) 冒泡排序比较快速排序

1.冒泡排序1.1 解析let arr = [2,3,4,2,1]对比相邻的两个值 j大于 j+1 则两个值交换位置1.2 测试效率bubbleSort(arr)0. 测试数据 arr.length <3W 花费时间 0m - 1m1. 测试数据 arr.length == 5W 花费时间 3m - 4m2. 测试数据 arr.length == 10W 花费时间14m - 15m3. 测试数据 arr.length == 20W花费时间...

2021-10-29 16:30:21 199

原创【前端 VUE】vue 时间戳转日期校验正整数校验数字带小数点是否是字母数字

//验证是否是字母数字 0 1 2export function checkPass(pass) { if (pass.length < 6) { return 0; } var ls = 0; if (pass.match(/([a-z])+/)) { ls++; } if (pass.m...

2021-05-06 16:23:44 569

原创【微信小程序】小程序仿微信朋友圈效果

废话不多说直接上代码HTML<view class='scrtionList'> <view wx:if="{{list.length<=0}}" style="width:100%;text-align:center;color:#c5c5c5;padding-top:110...

2021-05-06 16:20:54 2151 6

微信小程序开发纸质翻页效果源码-小程序翻页效果 uniapp实现

微信小程序开发纸质翻页效果源码_小程序翻页效果 uniapp实现

2023-10-23

Apache JMeter

Apache JMeter 安装包

2023-08-18

飞书接入机器人NODE开发自动回复

2023-07-05

微信小程序自定义省市区资源数据

2023-06-13

【微信小程序】自定义省市区数据

处理省市区数据格式

2023-06-13

uniapp+nodejs 前端+服务端实现简易加班计算器

公司实行加班制度：固定每周加班6个小时每天上班时间为8个小时中午休息时间为12：00- 1：30 算起来好麻烦直接写个软件吧登录注册提供多人使用单人单数据 1.通过nodejs +express 搭建服务端提供接口进行数据增删改查并将数据生成json文件保存本地目录 2.通过uniapp搭建前端服务实现用户操作记录查看加班时长

2023-02-02