yancy_peng的博客

微信小程序开发引用静态资源图片报错解决

yancy_peng — Sat, 10 Jun 2023 10:49:50 +0800

微信小程序、vant引用静态资源图片报错解决

uni-app全局监听页面路由变化

yancy_peng — Fri, 26 May 2023 15:50:58 +0800

uni-app全局监听页面路由变化

VUE3 + TS + PINIA + LESS + AXIOS + VUE-ROUTER + ELEMENT-PLUS创建完整项目并配置完成全步骤

yancy_peng — Fri, 26 May 2023 10:10:01 +0800

Vue3+ts+pinia+less+element-plus项目创建并配置完成全步骤

vue3+elementPlus+ts封装form表单组件

yancy_peng — Fri, 24 Mar 2023 10:07:00 +0800

vue3+elementPlus+ts封装的form表单组件

使用vue3创建一个简单的threeJS实例（学习笔记）

yancy_peng — Wed, 22 Mar 2023 10:11:03 +0800

一个关于使用vue3+ts+threeJS的学习小demo

uniapp vue3+TS实现自定义switch组件开关

yancy_peng — Sat, 15 Oct 2022 23:12:07 +0800

因uniapp官方提供的switch组件并不能满足项目的需求。因此使用vue3+TS写了一个可自定义改变开关大小、颜色背景等功能的开关。

JS数组方法

yancy_peng — Fri, 07 Jan 2022 16:15:47 +0800

JS 数组方法1、Array.pop()2、Array.push()3、Array.shift()4、Array.unshift()5、Array.splice(index, how, n)6、Array.concat()7、Array.sort()8、Array.reverse()9、Array.slice(start, end)10、Array.forEach(callBack)11、Array.map(callback)12、Array.fliter(callback)13、Array.every(c

JavaScript 排序算法

yancy_peng — Thu, 06 Jan 2022 19:34:35 +0800

JS排序算法一、排序算法说明1、排序的定义：对一序列对象根据某个关键字进行排序2、对于评述算法优劣术语的说明3、排序算法图片总结二、排序算法实现1、冒泡排序2、选择排序3、插入排序4、希尔排序5、归并排序6、快速排序7、堆排序[来源](https://www.cnblogs.com/chengxiao/p/6129630.html)8、计数排序9、桶排序10、基数排序本文参考来源链接一、排序算法说明 1、排序的定义：对一序列对象根据某个关键字进行排序输入：n个数：a1,a2,a3,…,an 输出：

TypeScript 在执行时报无法加载文件，因为在此系统上禁止运行脚本错误和函数实现错误解决

yancy_peng — Mon, 20 Dec 2021 01:22:17 +0800

个人笔记 1、无法加载文件，因为在此系统上禁止运行脚本以管理员身份运行powerShell 然后输入以下命令： set-ExecutionPolicy RemoteSigned 最后输入是（Y）或者全是（A）即可 2、TS在执行时出现函数实现错误、无法重新声明等情况解决方法是在项目根目录下配置tsconfig.json文件可使用以下命令实现配置该文件（项目根目录）： tsc --init ...

微信小程序实现登录授权，并将获取到的用户授权信息存储到数据库中

yancy_peng — Sat, 13 Nov 2021 19:55:16 +0800

微信小程序实现登录授权，并将获取到的用户授权信息存储到数据库中（个人学习笔记）1.微信小程序授权登录实现原理图（如下）2.WXML中的代码3.JS代码4. WXSS代码5.后端代码（express）最终效果： 1.微信小程序授权登录实现原理图（如下）官方开发文档注意：在实现授权登录时，不要使用测试号进行 2.WXML中的代码

实现视频和图片的上传，并将相关上传后的地址保存到数据库中

yancy_peng — Sun, 24 Oct 2021 22:41:34 +0800

@[TOC] 实现视频和图片的上传个人学习笔记实现代码如下：我的文件目录结构路由 router upload.js const express = require('express') const router = express.Router() // 导入multer 和path const multer = require('multer') const path = require('path') // 创建multer实例对象，通过dest属性指定文件的存放路径 con

node JWT生成token 字符串和应用

yancy_peng — Thu, 21 Oct 2021 17:53:05 +0800

@[TOC]JWT生成token 字符串和应用（个人学习笔记） 1.安装生成token字符串的包 jsonwebtoken官网 npm i jsonwebtoken 2.配置全局config文件（config.js） module.exports = { // 加密和解密的token秘钥 jwtSecretKey: 'advance8', // token有效期 expiresIn: '12h' } 3.导入jsonwebtoken包，并生成token返回客户端 // 导

nodeJs 验证表单数据

yancy_peng — Thu, 21 Oct 2021 15:50:34 +0800

@[TOC]nodeJs 验证表单数据 1、安装相关验证包（joi官方API文档） npm install joi npm install @escook/express-joi 2、定义验证规则模块 // 导入定义验证规则包 const joi = require('joi') // 定义用户名和密码的验证规则 const username = joi.string().alphanum().min(3).max(16).required() const password = joi.string

nodeJS express 创建服务器，并对mysql数据库进行操作

yancy_peng — Thu, 21 Oct 2021 04:23:25 +0800

@[TOC] nodeJS express 创建服务器，并对mysql数据库进行操作（个人学习笔记）一、初始化 1、创建项目 1.1 创建文件夹，并进行初始化包管理文件 npm init -y 1.2 安装express npm i express@4.17.1 1.3 在根目录文件中创建app.js文件作为整个项目的入口文件 // 导入express const express = require('express') // 创建服务器实例对象 const app = express() /

微信小程序真机调试时后台是本地服务器，显示“Provisional headers are shown”问题解决

yancy_peng — Mon, 27 Sep 2021 10:38:47 +0800

微信小程序真机调试时后台是本地服务器，显示“Provisional headers are shown” 当在微信小程序开发工具里可以正常加载本地的数据，但是手机预览就是无法显示数据，此外将数据请求的url改成本机的ip，我试了试localhost和127.0.0.1都不行；如下图：问题解决方法：将URL请求地址改为自己的网络ip地址（如下图：获取方式cmd–>ipconfig），即可实现真机测试是正常显示数据结果如下：注意：在真机调试时要在同一网络下进行，否则也不能成功获取数据 .

jQuery ajaxSubmit 自动重复提交表单问题解决

yancy_peng — Mon, 26 Apr 2021 18:51:55 +0800

jQuery ajaxSubmit 自动重复提交表单问题解决个人笔记使用一、问题描述：当提交一次时一切看似正常，但是当提交第二次时，表单会进行两次提交，三次时会提交三次，以此类推。二、解决后的效果如下图：三、准备工作：需要先引入jQuery.js 和 jQuery插件jQuery.form.js1、ajaxSubmit 封装代码如下：2、使用并提交表单代码如下：个人笔记使用一、问题描述：当提交一次时一切看似正常，但是当提交第二次时，表单会进行两次提交，三次时会提交三次，以此类推。二、解决后的效果如