- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【pinia Plugins】支持重置state的某个或多个值 - $resetFields - pinia插件开发
后续并不打算支持，而是希望开发者通过拓展插件的方式来实现。时经常有需要重置某个、或者某几个属性字段的需求，不过，来进行重置的，既然如此，只需要拓展一个。的类型提示，那就可以简单的有如下实现。，并不支持针对单个属性进行重置。之前使用咱自定义的插件即可生效。借此需求正好可以熟悉以下。下面是个简单的使用示例。
2023-08-02 15:13:41
970
原创 【unplugin】vite unplugin-auto-vconsole插件 自动导入vconsole 生产环境根据链接参数动态加载vconsole代码，手机端不方便，希望用于生产调试时正常用户不需
当希望使用 vconsole，并且希望在生产环境使用，并且还不希望正常用户看到，并且还不希望占用正常用户加载速度或者加载的 js 体积时，你可能用得上例如生产环境http://baidu.com 这样访问，并不会加载或出现vconsole，减少正常用户的加载文件体积enable_console=1 这样访问，则自动加载可以帮助你快捷的引入 vconsole 以方便进行移动端的调试当你需要线上环境调试时只需要添加固定参数，即可动态加载并开启 vconsole,eg：http://baidu.com。
2023-06-27 17:22:46
583
1
原创 【canvas】李峋同款爱心代码 html canvas js 直接浏览器打开
李峋同款爱心js版本，新建html文件，复制如下代码粘贴保存打开即可使用。
2022-11-15 12:01:53
4474
4
原创 【postcss】解决vite中使用postcss-px-to-viewport无法使用vant等多种设计尺寸问题|postcss-plugins
vite中使用postcss-px-to-viewport适配vant的375和自己的750等其他设计尺寸
2022-04-13 16:11:17
13659
10
原创 【Linux部署02】Nginx 服务器
Linux项目部署记录启动 Nginx开机自启动 Nginx此时访问已解析到该服务器ip的域名地址即可看到Nginx启动成功纯手动配置一个静态资源的访问地址vim /etc/nginx/nginx.conf 编辑nginx配置文件 server相关部分如上，完成了一个简单的配置，当访问网站根地址时，去响应 /www/cnjm 的资源mkdir -p /www/cnjm可以选择ftp上传、或者手动新建测试一下touch /www/cnjm/index.htmlvim /www/cnjm/i
2022-01-12 11:45:13
1014
原创 【Linux部署01】Linux服务器准备
记录下Linux相关部署，方便自己查看、使用。 nginx web服务器、代理等 Jenkins 自动化构建 pm2 node服务（nest.js） Redis
2022-01-12 11:40:06
986
原创 nestjs-redis 报 Please make sure that the argument ModuleRef at index [1] is available in the RedisCo
nestjs-redis 报 Please make sure that the argument ModuleRef at index [1] is available in the RedisCoreModule context.
2022-01-06 16:36:13
2993
2
原创 【nest.js_07】nest.js 拦截器-@injectable
nest.js 拦截器其实官网文档真的很详细拦截器的作用从文档可以看到拦截器具有一系列有用的功能，这些功能受面向切面编程（AOP）技术的启发：在函数执行之前/之后绑定额外的逻辑转换从函数返回的结果转换从函数抛出的异常扩展基本函数行为根据所选条件完全重写函数 (例如, 缓存目的)拦截器示例common/modify.interceptor.ts可以理解为 next.handle() 前后就是响应程序处理之前、之后示例中 handle() 返回一个 Observable。包含从路由处
2021-09-22 11:33:19
2341
原创 koa+ts 通过自动导入路由文件，通过路由装饰器注册路由
koa 类装饰器 路由装饰器 自动注册路由文件koa 中如何优雅地定义路由？最近在搞 nest.js，学习装饰器想起，以前刚接触 koa/experss 时，就想着怎么能把路由写的优雅一点不想写一堆的router.get('/', (ctx, next) => {});当时只是简单的把文件分开直到，用在 koa/express 中，岂不是也很好，就在此简单记录一下，koa 中实现路由装饰器准备工作先准备一个极简的 ts+koa 的基础项目新建 koa-adorner 文件夹初始
2021-09-18 17:20:03
957
原创 【nest.js_06】nest.js-middleware中间件的使用，配置logger写入请求参数日志
nest.js 中间件的使用 log 场景文档logger middleware新建 logger 中间件 nest g middleware logger middlewarelogger 中间件内容middleware/logger.middleware.tsimport { Injectable, NestMiddleware } from "@nestjs/common";import { Logger } from "../common/log4js/index";@Inje
2021-09-14 15:28:02
1377
原创 【nest.js_05】nest.js+log4js配置日志记录
日志记录log4jsstacktrace-jsyarn add log4jsyarn add stacktrace-js配置 log4js 日志设置log4js 示例/src/config/logConfig.tsimport * as path from "path";const baseLogPath = path.resolve(__dirname, "../../logs"); // 日志根目录，视情况而定，这里将于项目同级const log4jsConfig = { a
2021-09-13 14:17:17
1333
原创 【nest.js_04】nest.js 异常处理过滤器-HttpExceptionFilter
filters工欲善其事必先利其器，在更多功能，或者更多业务之前，我觉得很多服务端的设施应该先行一步，比如全局的错误拦截。nest.js 本身内置了很多系统异常类，如果希望抛出异常，可以直接通过throw new xxx() ,需要注意的是，不同的异常类会抛出不同的状态码BadRequestException — 400UnauthorizedException — 401ForbiddenException — 403NotFoundException — 404NotAcceptableE
2021-09-07 11:03:11
1986
原创 【nest.js_03】nest.js+typeorm 简单实现一个查询
本项目数据持久化的方案选择 mysql 来进行演示mysql 的安装，启用，配置，已经数据库的创建不在本文考虑范围内默认已经有一个可以连接的数据库 nest_db, 将以一个 user 表为例展示 typeorm新建模块新建 user 模块，我们都放在 logical 下nest g mo user logicalnest g s user logical --no-specnest g co user logical --no-spec安装依赖包yarn add @nestjs/typ
2021-09-07 09:37:10
1071
原创 【nest.js_02】nest.js配置文件-nest-redis多环境配置
nest 中使用 dotenv、joi 实现各环境中数据库密码账号等配置以及校验链接 mysql，Redis 之前，我们需要准备好如何配置各环境中不同的变量，这非常重要首先，要确保密码，密钥等重要信息不可保留在代码中其次要为部署测试环境，生产环境使用的有可能是不一样的配置的准备安装依赖包yarn add dotenv joi使用 dotenv 可以让我们免于在各个文件中引入配置文件将环境相关的配置独立于代码之外，也可以很好的解决敏感信息的泄漏joi 模块，主要用来实现验证数据是否符合指定的规
2021-09-06 15:07:09
1801
原创 【nest.js_01】nest.js初识-项目初始化
记录学习 nest.js 开发的过程演示环境Windows 10 、mysql v8.0.12、Redis3 v.2.100、node v14.16.1、npm v6.14.12、nestjs v8.1.1链接node 下载安装地址 直接下载稳定版nest.js 中文文档地址 文档参考Nest CLI 安装新建项目运行以下命令新建 nest 项目 nest-admin-server-template 为项目名nest new nest-admin-server-templateWh
2021-09-06 15:05:29
461
原创 微信小程序2.9.0基础库canvas2D新API，生成海报保存到手机功能实现，包括文字换行，圆形图片，图片高度自适应等功能封装
WxCanvas利用canvas微信小程序原生实现的一个绘制微信小程序海报的类，基础库版本>2.9.0。下面链接中使用的api已被废弃，所以有了本文。微信小程序生成海报保存到手机使用场景该类封装了一些小程序海报生成中常用的方法，方便快速根据设计稿完成画布，减少搬砖时间。除基础功能外支持以下使用：多行文字绘制获得动态高度图片定宽或者定高，另一边自适应圆形图片绘制npm源码文末放全部代码调用示例js引入这取决于你放在哪里，你可以使用npm，也可以直接复制文末源代码，然后直接引
2021-08-30 18:04:40
2119
原创 微信小程序静默登录流程（等待登录完成方可请求业务），request网络请求封装，上锁避免重复login，区分测试环境（体验版）
如有错误或不好的地方，感谢指正小程序登录官方文档是本文的基础为什么有这个开发小程序时是否用户每次进入小程序都重新wx.login请求更新token？当我刚接触做微信小程序的时候我这样做过，后端同样是这种方式，但显然根据官方的意思这是不合理的，不然你压根用不着checkSession，而且这样是有问题的因此，才想把这一方面的东西记录下来，虽然现在没做小程序的项目，但也简单实现一下，以便自己以后用得着关于静默登录的调用时机当初始页面请求需要身份认证时，也许会遇到还没登录完成，token还
2021-08-24 18:04:58
4315
6
原创 js+css3简单图标浮动动画效果
纯属尝试一下(⊙o⊙)… 本人目前就只能想到这样做还有点感觉（但肯定是很菜的做法的。。。）看下效果图一开始想到直接 animation，不过不知道切换动画时如何平滑些，就加了些 js。以下是代码，过程注释都在里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I
2021-08-20 17:03:28
605
原创 js常用函数，常用库
名称简介地址micell.js包含多种类别，比如字符、字符串、日期、DOM、Cookie、URL 等等https://micell.org/cn/Day.jsDay.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间https://dayjs.fenxianglu.cn/Typed.js实现页面文字的打字动画效果https://github.com/mattboldt/typed.js/swiper.jsSwiper...
2021-06-07 10:29:25
236
原创 使用 COLOR THIEF 获取图片主色，实现图片渐变遮罩，颜色填充等
使用 COLOR THIEF 获取图片主色，实现图片渐变遮罩，颜色填充等Color Thief 是用于提取图片的主要颜色或者代表性颜色调色板的工具. 其使用是基于 javascript 和 canvas 的.COLOR THIEF 引入这里做简单示例，你也可以使用 npm i --save colorthief 方式引入COLOR THIEF官方 <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/c
2020-08-17 10:46:10
5289
原创 阿里云函数计算使用imagemagick处理oss图片
需求场景用户上传原图，需要将原图压缩（或者任何有可能的操作譬如一些oss自身的处理能力不能满足你的业务需求的）。处理的图片给放到压缩图库，方便使用，这时用户只有访问压缩图库的权限。准备工作阿里云对象存储新建两个Bucket，一个作为用户上传原图库Bucket1，另一个压缩图库Bucket2。开通函数计算(函数开发指南官方)，新建服务，新建函数，我这里使用了node开发，可以选择安装vscode插件Aliyun Serverless进项开发，包括函数服务创建开发测试上传。非常方便。设置完成会得
2020-08-14 16:04:21
559
原创 微信小程序生成海报保存到手机功能实现
利用canvas微信小程序原生实现生成海报到本地展示给用户看到的是html元素，保存的时候才绘制canvas生成图片保存，海报根据图片定，定宽，高度自适应先准备一张画布cvHeight cvWidth 动态给<canvas class='canvas' style='height:{{cvHeight}}px;width:{{cvWidth}}px;' canvas-id="myCanvas" />绘制过程获取海报内容或者下载图片，图片信息–微信的apiwx.getImag
2020-08-13 17:51:06
1277
原创 Windows使用charles抓取小程序sessionid
说在前面分享下如何使用charles进行抓包新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域...
2020-02-11 18:24:39
848
成语大全-看图猜成语-成语解析-成语json
2021-03-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人