- 博客(103)
- 资源 (11)
- 收藏
- 关注
原创 【微信小程序】云开发 悟空工具
出于最近钱不知道花哪里去这个问题 想起了记账 找个几个app记账的 但是别人的毕竟还是别人的 就想着自己写一个记账 刚好云开发提供便利 不需要服务端 就可以满足全部 所以开始了~第一个云开发小程序 记账小工具 《悟空记账工具》进入微信管理后台 开通云开发 开启云开发之旅1.利用官方提供的demo 进行云开发环境的部署 创建集合 云函数2.开启项目的整个构造整理 看了几个记账的APP 从而选定自己的简单风格及功能3.小程序分为三个 tabbar 明细 记账 个人中心4.明细-显示为月份的记
2020-12-21 14:42:49 666
原创 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 1356 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 794
原创 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 526
原创 飞书接入机器人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 3257
原创 【微信小程序】自定义省市区数据
使用 文件管理及文件下载 api 下载数据并使用setDataArea方法处理数据 (locations location 更改初始化的数据格式)获取省市区数据 :由于小程序包大小限制 则放在了线上 通过下载到本地保存再使用(文件下载本地并使用可参考另外一篇文章)自定义省市区数据 region 自定义数据使用的name range-key。列数据改变触发 bindcolumnchange 计算下一列数据。由于特殊人员不行情况 需要前端自己搞省市区数据 则冲吧!赋值 bindchange。
2023-06-13 16:50:53 1648
原创 【微信小程序】下载文件到本地并使用
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 2383
原创 微信小程序实现打字机效果
获得数据 curStr 从后开始查找对应的字符串 (lastIndexOf)实现:js 定时器将字符串 逐个填充到显示的字段上面 字间隔50毫秒。从第最后一个开始倒序循环 获取数据数组从第一个开始的数据。使用正则过滤出字符串中的每一个字生成数组。截取 字符串第一个到对应字符串的数据。实现:str 为要打字的字符串。
2023-04-04 16:31:28 1488 1
原创 微信小程序全局组件注册使用
index.wxml中引入组件并设置Id 方便调用组件内方法。1.创建 component 全局组件 showToast。在app.json中设置usingComponents。index.js 获取组件 并使用。3.在页面中使用全局组件。
2023-04-03 12:03:55 1394
原创 阿里云sll证书配置HTPPS(nodejs配置)
点击云服务器 安全组 配置规则 添加访问规则 开放使用到的端口号。点击域名 域名解析 解析设置 添加记录 记录值为服务器公网IP。
2023-03-02 15:52:54 1775
原创 JS 函数参数(动态参数、剩余参数)
提倡多使用剩余参数 支持箭头函数 ()=> 动态参数不支持。//arguments 获取传递的所有参数 是一个伪数组。1.动态参数 arguments 只存在于函数内。2.剩余参数 ...arr 是一个真数组。需求:求和函数 传入不同实参 求和出来。
2023-02-22 17:34:39 756
原创 基于 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 570
原创 web前端开发 乱七八糟的 奇怪操作
Object.assign(this.$data,this.$options.data.call(this))
2022-08-04 17:49:32 280
原创 小程序 奇葩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 609
原创 【vue3.2】项目开发常见 手册(持续更新。。。。)
1。父子组件之间的 相互xxemitdefineEmits defineProps refdefineExpose子组件接收父组件const props = defineProps({ name: { type: String, //类型 default: '', //默认值 required: true, // 是否必填 }})子组件调用父组件事件 或 更新父组件数据//子组件const emits =...
2022-05-14 17:21:48 887
原创 【微信小程序】统一处理分享转发功能 及 分享转发时拦截 及 按钮触发分享转发 onShareAppMessage
1.统一处理分享功能app.js 设置! function () { var PageTmp = Page; Page = function (pageConfig) { // 设置全局默认分享 pageConfig = Object.assign({ //右上角分享功能 onShareAppMessage() { return { title: '全新玩法 ', //分享标题 path: '/
2022-05-12 17:58:12 1421
原创 小程序 圆圈加载倒计时
控制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 363
原创 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 1461 4
原创 【微信小程序】app.js 设置全局默认分享(onShareAppMessage)
!function(){ var PageTmp = Page; Page =function (pageConfig) { // 设置全局默认分享 pageConfig = Object.assign({ //右上角分享功能 onShareAppMessage () { return { title: '蜗牛盲盒欢闹上线~',//分享标题 .
2022-04-13 09:54:41 1571
原创 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 4006
原创 【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 911
原创 【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 1628
原创 【微信小程序】 获取用户信息 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 2115
原创 【微信小程序】反编译
下载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 7585 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 3773 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 275
原创 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 1569
原创 【前端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 2703
原创 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 1002
原创 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 949
原创 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 1255
原创 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 237
原创 【前端 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 612
原创 【微信小程序】小程序仿微信朋友圈效果
废话不多说 直接上代码HTML<!--pages/index/discor.wxml--><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 2313 6
uniapp+nodejs 前端+服务端 实现简易加班计算器
2023-02-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人