👀前置了解：(官网https://cloudstudio.net/)什么是CloudStudio？CloudStudio是基于浏览器的集成式开发环境（IDE），为开发者提供了一个永不间断的云端工作站。用户在使用CloudStudio时无需安装，随时随地打开浏览器就能在线编程。为什么要使用CloudStudio？CloudStudio作为在线IDE，包含代码高亮、自动补全、Git集成、终端等IDE的基础功能，同时支持实时调试、插件扩展等，可以帮助开发者快速完成各种应用的开发、编译与部署工作。CloudStudio的应用场景有哪些？快速启动项目(直接创建对应类型的工作空间，快速启动项目进入开发状态
vue3和ts结合开发的时候，总是会遇到引用数据类型的重新赋值的情况，但是在vue3中，又不能使用直接赋值的情况，因为会改变proxy的结构，导致响应式失败，那么该如何重新赋值响应式对象数据成为了一个技巧问题，今天它来了数组Array的响应式赋值如果是数组的话，踩坑点：**清空数组，然后再重新给数组赋值的时候，发现数组变化了页面没有响应，代码如下：derwayList=[];//或者使用下面的也不行derwayList=reactive([]);原因：虽然重新代理了，但是这个数组已经不是页面上的数组，也就不是setup返回出去的那个，通俗来说就是你大爷已经不是你大爷了正确的使用方式应该是：//
1技术背景1.1Vue.js简介和特点Vue.js是一种用于构建用户界面的渐进式框架。它具有以下特点：易学易用：Vue.js的API设计简单直观，使得开发者可以快速上手。响应式数据绑定：Vue.js使用了响应式的数据绑定机制，当数据发生变化时，页面会自动更新。组件化开发：Vue.js支持组件化开发，将界面拆分为多个独立可复用的组件，提高代码的可维护性和复用性。虚拟DOM：Vue.js使用虚拟DOM技术，在内存中维护一个虚拟的DOM树，通过比较新旧DOM树的差异，最小化操作真实DOM的次数，提升性能。1.2PDF.js库简介和功能概述PDF.js是一个由Mozilla开发的JavaScript库
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面）二、监听窗口大小改变，设置根字体大小created(){//获取当前设备的宽度，设置rem的根字体大小letwidth=window.innerWidth;width=widthconsthtmlObj=document.getElementsByTagName(“html”)[0];htmlObj.style.fontSize=width/76.8+“px”;//对resize事件进行浏览器兼容处理if(document.createEvent){varevent=document.crea
前言这个系统主要实现了以下功能：爬虫：数据爬取及分词后端：数据库全文模糊搜索、高频词获取前端：输入拼音缩写或文字后匹配输入建议、搜索、列表分页、高亮关键词、相关度排序及时间排序、深色模式及浅色模式切换爬虫：python后端：nodejs前端：vue2这个课设从代码到报告一共用了三天，ddl生死时速，所以很多地方实现得并不好，比如等我都交上去了突然发现没做关键词搜索历史，等我去做机器学习实验的时候才发现关键词自动补全用的是FP-growth算法。不过我确实尽力了，因为老师宽容，加上疫情不考试由课设决定成绩，这门课拿了满绩点，混子人生中第一个满绩点呜呜呜。爬虫数据爬取新闻爬取是参考爬取华农数信院官
vue3语法的发展Vue3在早期版本（3.0.0-beta.21之前）中对compositionapi的支持，只能在组件选项setup函数中使用。在3.0.0-beta.21版本中增加了的实验特性。如果你使用了，会提示你还处在实验特性阶段。在3.2.0版本中移除的实验状态，从此，宣告正式转正使用，成为框架稳定的特性之一。所以我们现在直接就开始使用3.2.0之后的写法优势与组件选项setup函数对比，的优点：更少、更简洁的代码，不需要使用return{}暴露变量和方法了，使用组件时不需要主动注册了；更好的Typescript支持，使用纯Typescript声明props和抛出事件，不会再像opt
一.背景文件上传项目可参考：点击预览1.最简单也是最普遍的做法是form表单提交，其实前端提交到后端也是难以离开form表单提交，一般有两种方式来处理文件、图片上传：先上传，获取返回路径，再整个表单提交后端保存；普通数据与文件图片同时提交后端，由后端处理优点比较第一种可以优先处理文件上传，异步处理，节省用户提交loading的时间，特别是一些大文件第二种在最后提交才进行文件处理，没有脏数据，节省了文件服务器空间和流量缺点比较，可以说刚好相反，第一种只有一选择文件，马上就上传，用户可以在最后提交之前一直change文件，就可能不断上传了一些没必要的文件图片，造成了各种文件脏数据，除非通过某些逻辑
Web实现页面打印安装官网地址：https://github.com/Power-kxLee/vue3-print-nb//安装打印组件npminstallvue-print-nb--save引用vue2引用importPrintfrom'vue-print-nb'//全局引用Vue.use(Print);//或者//单组件引用importprintfrom'vue-print-nb'//在自定义指令中注册directives:{print}vue3引用//全局引用import{createApp}from'vue'importAppfrom'./App.vue'importprintfrom
前言在vue中，我们经常会用到键盘事件，不管是我们按下某个键，其实都是一次键盘事件的调用，下面就介绍下Vue中的键盘事件先写一段代码，这里我选择的键盘事件是keyup,当然用keydown也是没问题的问题来了，什么按键都能触发事件，我们期望的是只能按下回车键才能打印输入的值，那么：如何判断回车呢？传统方式判断案件编码最原始的办法，就是判断按键编码inputtype="text"placeholder="按下回车提示输入"@keyup="showInfo">showInfo(e){//如果按键没有按回车，就不打印日志13就是回车键的编码if(e.keyCode!==13){return;}con
在Jenkins上使用Pipline进行集成，利用SonarScanner做静态代码扫描的过程中，遇到了几个问题，这里记录了一点解决办法。在Jenkins上使用Pipline进行集成，利用SonarScanner做静态代码扫描的过程中，遇到了几个问题，这里记录了一点解决办法。1.脚本变量定义错误：自动安装SonarScanner插件，在Pipline脚本中使用官方wiki中说明的脚本：stage('SonarQubeanalysis'){//requiresSonarQubeScanner2.8+defscannerHome=tool'SonarQubeScanner2.8';withSona
