阿里云效自动部署前端项目 想学前端自动化?比 Jenkins 更好上手的阿里云效 前言 前段时间写如何用 Jenkins 实现前端项目自动化打包部署,评论区有很多小伙伴分享了自己使用的 CI/CD 工具,笔者也是刚刚接触自动化,因此每个都了解了一下,于是就发现了这个 —— 阿里云效,而对于笔者的项目,Jenkins 就有一种杀鸡用牛刀的感觉,因此本文就用阿里云效重建流水线!(绝非广告哈) 特点 询问了一下Kimi:点击链接 2024-04-11 前端工程化 #阿里云效
Jenkins自动部署前端项目 前言 本文在服务器上搭建了 Jenkins,实现前端 Vue 项目的自动打包并部署至服务器上。 通过 docker 安装 Jenkins 通过 ssh 连接上局域网服务器 192.168.36.2,在 home 目录下新建了一个 Jenkins 文件夹,后续我们的配置文件就放在其中。 1234567891011cd# 将 Jenkins 相关的文件都放在这里mkdir jenkinscd jenk 2024-04-07 前端工程化 #Jenkins
微信小程序构建 npm 的坑 微信小程序构建 npm 的坑 前言 开发微信小程序时想使用 Vant Weapp,跟着文档构建 npm 一直失败,记录一下成功构建的步骤。 环境 系统:MacOS 14.2.1 (23C71) 微信开发者工具:Nightly 1.06.2401232 Node:v20.9.0 npm:10.1.0 模板:官方 TS + Sass - 基础模板 初始化环境 使用官方模板初始化环境: 由于笔者使用的 2024-01-30 微信小程序 #微信小程序
three.js 截图是空白?看看这里! three.js 截图是空白?看看这里! 前言 目前公司有一个需求,在 three.js 中展示模型,并截图作为模型的预览图。由于 three.js 本身是通过 canvas 画出来的,而 canvas 标签本身就可以输出成图片,本以为是一个鸽鸽下蛋这么简单的事情,但是还是有一些细节在的,于是记录下来,和大家分享一下。 环境 node v18.16.1 Microsoft E 2023-09-28 WebGL > three.js #WebGL #three.js
NestJS 入门(五)保存 Log 为文件 NestJS 入门(五)保存 Log 为文件 前言 到这里,我们的后台项目的骨架就基本完成了,在最后我们需要给项目增加一点点“记忆”——将项目中的部分 log 信息保存到本地文件中。本章主要使用winston来将日志记录到文件中。 一般来说,为了方便排查问题,log 中会记录请求的信息,报错的信息,和服务器的返回信息,分别对应了 NestJS 中的中间件、过滤器和拦截器,因此我们主要改造这三个部分 2023-08-01 Node.js > NestJS #Node.js #NestJS
NestJS 上传文件中文名乱码 NestJS 上传文件中文名乱码 背景 在使用 NestJS 写上传接口时,发现通过multipart/form-data上传文件的文件名是中文时,服务器读取到的是乱码,示例如下: 上传云海.jpg,服务器返回: 123456789101112131415161718{ "code": 0, "message": "请求成功& 2023-07-31 Node.js > NestJS #Node.js #NestJS #踩坑
NestJS 入门(四)Redis 和注销 NestJS 入门(四)Redis 和注销 前言 上一章我们讲解了生成 JWT ,并实现了用户登录的接口,由于 JWT 的无状态性,只要 JWT 还未过有效期,那么该 JWT 就一直会被服务器认为是有效的,这就会引发一些安全问题。例如上一章我们设置 JWT 的过期时间为 4 个小时,那么不论用户是关闭浏览器,或者手动退出登录,该 JWT 都是不会失效的,而我们希望当用户退出登录后,当前用户的 JW 2023-07-27 Node.js > NestJS #Node.js #NestJS
使用 docker 创建 Redis 服务 使用docker创建Redis服务 配置docker镜像源 123456"registry-mirrors": [ "https://4346hkfk.mirror.aliyuncs.com", "https://docker.mirrors.ustc.edu.cn", "https://hub-mirror.c.163. 2023-07-27 docker #docker
ES6 Iterator遍历器 [ES6] Iterator遍历器 概念 遍历器(Iterator)是一种接口,为各种不同的数据结构提供同一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。 作用: 为各种数据结构,提供一个统一的、简便的访问接口; 使得数据结构的成员能够按某种次序排列; ES6 创造了一种新的遍历命令for...of循环,Iterator 2023-07-26 JS > ES6 #JS #ES6
ES6 Set 和 Map [ES6] Set 与 Map Set Set 类似数组,区别在于一个 Set 中的值都是唯一的,没有重复值。 创建一个 Set 1const s = new Set() Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数来初始化。 12345678910111213141516171819// 例一const set = new Set([1, 2, 3, 4 2023-07-26 JS > ES6 #JS #ES6