自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 Next14 app +Trpc 部署到 Vercel

Next14 app +Trpc + MongoDB 集成部署到 Vercel。包含 Trpc 服务端调用方式和客户端调用方式以及权限中间件,JWT 鉴权。

2024-03-04 21:46:44 210

原创 Next14 app +Vercel 集成 MongoDB

Next14 app 使用 Vercel 中集成的 MongoDB 连接,并且部署到到 Vercel

2024-03-03 19:02:26 445

原创 NextJS + Trpc + PayloadCMS + MongoDB 自定义服务器搭建

NextJS 从0开始自定义服务器配置Trpc、Payload 教程。Trpc 管理接口,PayloadCMS 内容管理系统

2024-03-03 12:54:18 791

原创 web3 连接以太坊、Xverse、UniSat钱包,获取签名

以上就是 连接以太坊、Xverse、UniSat钱包并获取签名。拿到地址数据后再获取地址代码后面添加生成签名代码。全部代码了,希望可以帮助到有需要的小伙伴。文档写的很烂,有些变量都不知道哪里来的。连接钱包部分可以参照文档,但是生成。

2023-07-08 13:29:22 1458

原创 uni-app h5端使用 jenkins 构建报错

h5 端在本地 dev 以及 build 都没问题,在 jenkins 上报错。

2023-06-09 11:02:57 281

原创 uni-app 仿 ios 计算器功能

使用 uni-app 仿 ios 计算器功能,附仓库地址 https://github.com/peng-xiao-shuai/calculator

2023-05-06 13:35:51 365

原创 Juxiang Cloud Technology Co., LTD(聚项云)Technical Service Support

Juxiang Cloud Technology Co., LTD(聚项云)Technical Service Support

2022-08-12 17:29:23 235

原创 Vite 使用TSX/JSX

安装yarn add @vitejs/plugin-vue-jsxornpm install @vitejs/plugin-vue-jsx -D配置在 vite.config.ts 文件中挂载import vueJsx from '@vitejs/plugin-vue-jsx'export default defineConfig({ plugins: [ vueJsx()]})tsconfig.json 文件中{ // include 需要包含tsx"include":

2021-05-30 16:07:21 6385

原创 vue3 setup使用i18n插件(多语言)

一、安装 npm install vue-i18n@nextORyarn add vue-i18n@nextPS:我的版本是 9.1.6二、使用1.在src目录新建 language文件夹 (如下图)PS:此处我用的 TS 如果没有安装 TS 的可以使用 JS2.在 language 文件夹下新建 index.ts en-US.ts zh-CN.ts 三个文件//en-US.tsexport default { // 名称 'name': 'peng-xiao-hei'

2021-04-19 01:02:17 5211 1

原创 关于Vite rollup部署 import “/@/XXX” form “XXX“问题(已解决)

报错问题Rollup failed to resolve import "/@/api/XXX" from "src/XXX.vue".This is most likely unintended because it can break your application at runtime.If you do want to externalize this module explicitly add it to`build.rollupOptions.external`原因rollup本

2021-03-26 22:40:48 30142 12

原创 vue3 线上环境切换路由卡死

项目配置vue@3vite@2tsvue-router@4问题开发环境上没有问题,部署线上切换路由浏览器页面卡死'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.主要由watch监听整个useRouter()引发浏览器页面卡死未解决之前代码如下:let route

2021-02-27 14:50:58 2383

原创 uni-app使用websocket(心跳机制)

uni-app使用websocket(心跳机制)在使用websocket的过程中,有时候会遇到网络断开的情况,但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有:服务器会继续向客户端发送多余的链接,并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳,说明还活着,没有心跳说明已经挂掉了。1. 为什么叫心跳包呢?它就像心跳一样每隔固定的时间发一次,来告诉服务器,我还活着。2. 什么是心跳机制?心跳机制

2021-01-06 12:57:32 7763 15

原创 解决canvas base64图片 在小程序真机不显示问题?

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-11-25 00:39:39 1607 4

原创 vue中如何使用富文本编辑器(TinyMce)

vue中如何使用富文本编辑器(TinyMce)英文官网:https://www.tiny.cloud/中文官网:http://tinymce.ax-z.cn/安装使用npm install tinymce --save命令下载完整的包npm install tinymce --save下载完成之后,在node_modules下找到tinymce包下的资源拷贝到项目本地由于tinymce默认是英文界面,自己项目需要中文界面,所以需要下载中文的语言包。还可以下载自己需要的语言包在static/

2020-10-12 14:56:30 987 1

原创 Vue $set()数据更新了 视图层没更新?

过程:从后台拉去到数据由父组件传递给子组件,子组件在watch中监听传过来的数据,在拆分重构后赋值给data里的lists_R,在然后点击修改lists_R里的某一项数据结构:数组里面套对象,对象包裹字符串和数组,然后数组又套对象[{String,[{...},{...},{...}] },{ String,[{...},{...},{...} }]HTML部分<block v-for="(item,index) in item.baskets" :key="index"> <

2020-06-24 00:55:18 730

转载 CSS Grid 网格布局(详解)

注意,设为网格布局以后,容器子元素(项目)的float、display: inline-block、display: table-cell、vertical-align和column-*等设置都将失效。

2020-05-13 23:12:38 1736

原创 html页面中引入vue.js如何在引入swiper.js

首先还是按照常规的来 引入Vue.js和Swiper.js以及Swiper.css直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script> .

2020-05-11 23:19:40 1361 1

转载 Vue 计算属性做表单验证

使用 Vue.js 的计算属性(computed)做表单验证是一个非常省心省车事情,源码示例是一套简单的注册表单校验参考博客原址:https://blog.csdn.net/u013350495/article/details/89403412效果图:<!DOCTYPE html><html lang="en"><head> <me...

2020-03-22 20:24:59 1068

原创 Promise { pending }是什么?

Promise {<pending}Promise {<pending>}首先你需要知道 promise 要用then接收或者async await例如:a() 是一个Promise封装的方法// 定义一个变量直接a() 赋值给 blet b = this.a()console.log(b) //这里就会返回 Promise {<pending>}第...

2020-03-14 17:31:03 31233 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除