项目名称:KeepGoing(继续前进)介绍工作后，学习的脚步一直停停走走，希望可以以此项目为基础，可以不断的迫使自己不断的学习以及成长将以Girvs框架为基础，从壹开始二次开发一个前后端管理框架在这过程中一步步去学习使用到的技术点，也同时会将在此过程中遇到的问题进行分享项目地址前端框架创建上文介绍到这次将使用到Vue3作为前端使用的技术，也将和大家一起学习并使用这项技术，首先我们将从头开始创建一个Vue3空项目具体的操作步骤就不在介绍了，网上一搜就有很多的文章，下面附上自己在使用过程中参照的文章Vue3项目创建这次将实现两个功能：用户登录,获取用户信息1.用户登录1.1需要完成的任务开发一个
撰稿丨千山日前，RubyonRails的创建者DavidHeinemeierHansson（DHH）宣布，将从前端工具链Turbo的8.0版本开始删除TypeScript，这一决定引起了开发社区极大的震惊与不满。TypeScript作为广受欢迎的语言，以其强大的类型系统和优秀的可维护性而出名。所以Turbo8的决定受到了很多人的质疑。很多Turbo用户表示，这个决定不仅仓促，而且是“不受欢迎的”。但如果你有留意过前端工具的发展动态，也许会记得，数月前，前端框架Svelte曾宣布将在4.0版本从TypeScript迁移到JavaScriptJSDoc。如今，又一个前端工具选择放弃TypeScri
今天看见网上各位大佬五花八门的前端图片获取并转化为base64格式的操作，果然高手在民间，很神奇，没想到有这么多方法，那我也来写一个我自己的方法我是习惯使用filereader这个内置类，感觉比较简单，不用管内部原理，反正可以获取图片，实现在互联网上的传输就可以啦！首先，我们需要使用input（file类型）和一个button元素，一个负责上传图片，一个负责处理图片，在处理函数里面，通过files和readasdataurl方法配合，实现图片的转化：元素divclass="mybox"> inputtype="file"name=""id="sendimg"> buttononclic
前端到底是什么？一、前端是什么？前端又称web前端，用官方定义来说，前端就是网站前台部分，运行在PC端、移动端等浏览器上展献给用户浏览的网页，所以大部分人的理解，前端就是开放网页的。 但其实并不是，前端开发是创建Web页面或APP等前端界面呈现给用户的过程，通过HTML,CSS,及JavaScript以及衍生出来的各种技术、框架、解决方案、来实现互联网产品的用户界面交互过程。以前的前端确实是单纯的用DreamWeaver以及其他一系列的软件做静态网页。但随着互联网技术不断的发展，网站开发的难度加大，网页从静态网页发展为动态网页，交互效果更加强大。 以生活中常见的举个例子吧我们所见的，网页，手机
为什么要升级，如图云桌面（相当于堡垒机-远程桌面）的项目审查是大概基于node16版本进行扫描的，本来我方是通过降版本从14到12绕过大范围更新，但现在躲得过初一躲不过十五，如何更新package-lock.json中的一个包的依赖关系答案-爱码网，而且不能直接去lock修改子依赖项，因为初始化时会被重置成父依赖需要的版本，但有意思的是就算升级父依赖也不一定能把子依赖升级到相应的版本，不知道云桌面到底是基于什么标准扫描的，老项目很多依赖包版本都太老了。其实当我们每次运行现在的项目都能发现npm已经有代码审查出很多问题，但确实不影响项目运行，这些提示跟云桌面一样提示说这些旧插件已经不再维护了，继
一、工具的选择近期想将vue+js+elementUI的项目升级为vue3+ts+elementUIplus，以获得更好的开发体验，并且vue3也显著提高了性能，所以在此记录一下升级的过程对于一个正在使用的项目手工替换肯定不是个可实现的解决方案，更优方案是基于AST（抽象语法树）解构代码，根据既定规则，批量修改然后输出文件。目前主流的转换工具大致有babel插件、gogocode、jscodeshift等等，在对比了官方文档、使用方式等方面最后决定使用gogocode来进行便捷升级。（官方文档相比之下更为清晰，使用方式更为方便，对于某些代码的转换核心代码更为简洁）gogocode是一个基于AS
为什么进行测试你是否有以下烦恼：当你加班加点完成一个功能后，提交给测试部，立马返回几个bug当你修改完bug后，并检查了好几遍，确保无误后，提交给测试部，有返回几个bug……对于以上情境，你是否有过疑问，为什么检查都没问题了还是出现bug？以上这些都是因为没有做好测试。你可能会问，做了呀，都检查好几遍了。的确，你是测试了，但是你并没有完成测试的闭环。你可能完成测试的一部分，其他的部分并没有完成。既然你说我没完成测试，那何为测试，又怎么进行测试?什么是测试？对于前端来说，测试主要是对HTML、CSS、JavaScript进行测试，以确保代码的正常运行。常见的测试有单元测试、集成测试、端到端（e2
最近遇到一个需求，就是前端发送post请求获取后端的excel文件，并且前端实现下载导出到本地的功能。前端页面就长上面那样，一个批量导出功能，用户勾选之后，前端通过接口把id和其他的参数传给后端，接口调用方法这里需要注意的是，这里必须设置responseType:‘blob’，后端返回来一个文件流，然后前端通过封装的方法实现下载导出，前端导出方法如下：这里前端通过blobDownloads实现下载：前端需要引入这个jsimportlocalDownloadUtilfrom"@/utils/localDownloadUtil.js";然后我们看看这个js里封装了两个下载方法，一种是iframe下
背景：前端控制台报错isnotdefined的bug，在一个页面渲染的模板里，多个接口都使用了同一个模板，但是接口返回的参数是不同的。有些接口返回了这个参数，另一些接口可能压根就没有这个参数。这个时候进行页面渲染，调用了那个不存在的参数，就报了isnotdefined的错。Isnotdefined是程序上的错，因为没有声明这个变量就使用了它导致的报错。解决方法：面对这种情况，不能提前声明、防止重复声明，普通的判空方法会报错，又必须要进行判空。这时候使用typeofXX!=‘undefined’&&XX进行判空处理，第一个是判断是否定义，第二个是判断空值。那么undefinedinstanceo
一、websocket基础classMyWebScoket{constructor(socketUrl){//super(socketUrl);this.onopenFn=nullthis.oncloseFn=nullthis.onmessageFn=nullthis.onerrorFn=nullthis.socketUrl=socketUrlthis.socket=nullthis.init()}init(){letself=thislettimeStep=newDate().getTime();self.socket=newWebSocket(self.socketUrl+timeStep
