草庐IT

c4前端

全部标签

[手把手系列之] Jenkins自动化部署vue前端项目

Jenkins自动化部署实例讲解前言简介:Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件项目可以进行持续集成点击下面的链接进入官网选择最新的版本下载,然后一键安装即可。下载地址:windows版本Jenkins下载一、安装Jenkins插件1、安装完推荐的插件,我们还需要额外的插件来满足使用,需要单独下载插件,依次下载安装即可Gitee:这里以Gitee作为代码仓库NodeJs:前端项目打包的基本环境QyWechatNotification:自动部署后进行企业微信发送对应消息通知二、Gitee配置证书令牌1

二蛋赠书十四期:《微前端实战》

前言大家好!我是二蛋,一个热爱技术、乐于分享的工程师。在过去的几年里,我一直通过各种渠道与大家分享技术知识和经验。我深知,每一位技术人员都对自己的技能提升和职业发展有着热切的期待。因此,我非常感激大家一直以来对我的关注和支持。为了回馈大家的厚爱,我决定启动一项特别的赠书活动。我希望通过这个活动,能够让更多的读者获得有价值的技术支持,并提高自己的技能水平。在这个活动中,我将不定期向大家赠送一本技术相关书籍。这些书籍涵盖了各种技术领域,包括编程、人工智能、大数据等等。每一本书都是经过我精心挑选,力求为大家带来最有价值的内容。同时,为了更好地满足读者的需求,我在每期的赠送活动中都会开展投票。大家可以

2023年最火前端项目凭什么是它?

近日,JavaScriptRisingStars正式公布2023年JavaScript明星项目榜单,其中 shadcn/ui 位列榜首,2023年获得了 39.5k Star。本文将深入探讨shadcn/ui 是什么、使用方式、实现原理,它凭什么能够成为年度最火前端项目!概述ShadcnUI与其他UI和组件库如MaterialUI、AntDesign、ElementUI的设计理念截然不同。这些库一般通过npm包提供对组件的访问,而 ShadcnUI允许用户将单个UI组件的源代码直接下载到项目中,提供了更大的灵活性和定制空间。按照ShadcnUI的说法,ShadcnUI实际上并不是一个组件库,而

如何构建一个高性能的Web应用程序:Svelte前端和Rust后端

slvelte是一个流行的前端JavaScript框架,以其简单性和性能而闻名。另一方面,Rust是一种系统编程语言,以其内存安全性、速度和并发性而闻名。结合这两种技术可以产生强大而高效的web应用程序。在这篇文章中,我们将探索如何在前端使用slvelte,在后端使用Rust来创建一个web应用程序。设置后端设置web应用程序的第一步是创建后端。我们将使用Rust的Rocket框架创建一个RESTAPI,它将作为我们的slvelte应用程序的后端。创建一个Rust项目:cargonewrust-backend接下来,通过向Cargo.toml文件中添加Rocket框架到项目中:[depende

使用Go-Gin框架实现 OSS 前端直传功能

引言在现代Web应用中,文件上传是一项常见功能。传统的上传方式通常需要文件经过后端服务器转发到对象存储服务(如阿里云OSS)。然而,这种方法可能对服务器造成额外的负担,并降低上传效率。本文将探讨如何使用Go-Gin框架实现OSS前端直传,从而提高效率并减轻服务器负担。OSS前端直传的好处减少服务器带宽和存储需求:直接上传到OSS可以减少服务器流量和存储空间的使用。提高文件上传速度:文件直接从客户端上传到OSS,减少了中转时间。增强数据安全性:文件不经过服务器,降低数据泄露风险。简化分布式系统的数据管理:当应用采用分布式架构时,直接上传文件到OSS可以避免在多个服务器之间同步数据。这种方法减少了

前端URL拼接路径参数

前端URL拼接路径参数一、应用场景二、具体实现1.字符串拼接2.URL对象实现四、完整代码一、应用场景我们有时候会遇到浏览器URL拼接参数的场景,例如页面跳转时,带上一个特定的标识:https://www.baidu.com?from=csdn二、具体实现1.字符串拼接我们首先能想到用字符串拼接的方式实现constbaseUrl='https://www.baidu.com'consturl=baseUrl+'?from=csdn'但是如果要跳转的url并不是固定的时候,比如:constbaseUrl='https://www.baidu.com/s?wd=time'consturl=base

程序员-AI必修课,AIGC 全栈项目实操(AI/前端/后端/测试/运维)

探索AI世界,成为全能程序员!《程序员-AI必修课,AIGC全栈项目实操》震撼上线!无论您是前端大神、后端高手、测试达人,还是运维专家,这门课程都将带您深入全栈,掌握AI在各个领域的应用。课程目录一览:ChatGPT为程序员赋能系列:ChatGPT如何为程序员赋能-课程安排ChatGPT如何为程序员赋能-ChatGPT背景介绍ChatGPT如何为程序员赋能-ChatGPT在代码场景应ChatGPT如何为程序员赋能-ChatGPT在岗位场景应ChatGPT如何为程序员赋能-ChatGPT在岗位场景应ChatGPT如何为程序员赋能-ChatGPT在岗位场景应ChatGPT如何为程序员赋能-Chat

使用 OpenAPI Typescript Codegen 一键生成前端接口代码

目录OpenAPITypescriptCodegen的使用安装:`npminstallopenapi-typescript-codegen--save-dev`用法:`openapi--input./spec.json--output./generated--clientxhr`❎解决报错:zsh:commandnotfound:openapi原因:openapi-typescript-codegen安装后没有将其加入到系统的PATH中,或者需要使用npx命令来运行它。解决方法1:使用npx运行openapi命令:`npxopenapi--inputhttp://localhost:3000/

【解决关于前端Vue接收后端easyExcel导出接口传过来的文件流,无法获取请求头Content-Disposition信息,即无法从文件流中获取导出文件名】

解决关于前端Vue接收后端easyExcel导出接口传过来的文件流,无法获取请求头Content-Disposition信息,即无法从文件流中获取导出文件名后端代码需要注意的地方前端处理代码后端代码需要注意的地方后端需要暴露请求头,这样前端才能拦截到响应的请求头信息//暴露请求头,并且将文件名设置到请求头中response.setHeader("Access-Control-Expose-Headers","Content-disposition");前端处理代码varblob=newBlob([res.data],{type:'application/vnd.openxmlformats-o

修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题

问题部分的组件库(例如antd)使用到了window.innerWidth和window.innerHeight属性,可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用,后续不管主应用如何变化,子应用的这两个属性无法跟随变化,也就导致子应用使用的这些组件库表现异常。解决方式1借用作者在交流群中的说明,使用Object.defineProperty重写对应属性的getter即可故在此借助无界的插件系统,可以按照下面的方式(重写getter)进行属性指向修正。不只是innerWidth和innerHeight,其他属性也可以这样处理。importWujie