title:工作日记,前段后分离项目,在部署时遇到的问题,Vue项目打包成dist文件之后放在服务器上,通过运行java-jar包,在application.yml中引入静态资源的方式访问前端。如下图所示:问题1:前端页面是可以访问到了,但是后端访问不到,在本地中运行就可以。首先前端我在vite.config.ts配置的代理服务器,在本地启动起来是可以的并且不会有跨域问题,放在服务器上代理就失效了。答案:我们将项目打包成dist静态文件后,代理服务器就被抽离出来了,所以访问不到(网上看到的)解决:如果是通过上图中的方式引入的静态文件,则不需要配置代理,直接访问后端接口即可,否则就需要配置代理服
在使用xlsx读取excel的时间格式的数据时,如‘2023-11-30’,‘2023/11/30’,默认会读取一串数字字符串,如:‘45260’,此时需要在read的时候传入一个配置项:import{read}from'xlsx'constworkbook=read(fileData,{type:'binary',cellDates:true,//读取日期格式的数据})此时拿到的是标准的时间格式:‘WedNov29202323:59:17GMT+0800(中国标准时间)’,这个时间格式是带时区的,有没有发现,只要输入年月日,读到的数据总是差43秒,解决思路也很粗暴,判断是这个时间,直接加44
不需要打包的MVVMJavaScript框架无需繁琐学习,无需npm、nodejs、webpack,即刻上手scriptsrc="https://cdn.jsdelivr.net/gh/kirakiray/ofa.js/dist/ofa.min.js">/script>官方文档取代jQuery在许多小型项目中,我们可能并不需要引入像React和Vue这样的大型框架,而是倾向于使用jQuery进行简单的前端操作。ofa.js改进了jQuery的API,并将jQuery的许多方法替代为属性,使得使用ofa.js在很多场景下更为合适。简化前端开发和使用流程ofa.js的目标是简化繁琐的前端开发流程。
目录HTML、CSS、JavaScriptWeb前端开发简介1.HTML1.1介绍1.2快速入门1.3VSCode安装使用1.4基础标签1.4图片、音频、视频标签1.5超链接标签1.6表格标签1.7布局标签1.8表单标签1.9表单项标签2.CSS2.1概述2.2css引入方式2.3css选择器2.4css属性3.JavaScript3.1JavaScript引入方式3.2JavaScript基础语法3.3变量3.4运算符3.5流程控制语句3.6函数HTML、CSS、JavaScript今日目标:了解课程中讲解的HTML标签的使用了解CSS的使用掌握JavaScript基础语法Web前端开发简介
@RequestParm我们可以通过@RequestParm注解去绑定请求中的参数,将(查询参数或者form表单数据)绑定到controller的方法参数中,通俗点说就是,我们可以在get请求和post请求中使用改注解,get请求中会从查询参数中获取参数,post请求会从form表单或者查询参数中获取参数默认情况下,方法参数上使用该注解说明这个参数是必传的,但是我们可以通过required=false来设置是否必传,或者通过defaultValue设置默认值。如果类型不是Sting类型的话,会自动进行转换可以将参数类型声明为list,同一个参数名解析多个参数值1.使用Get请求/***GETh
希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS盒模型简介CSS盒模型CSS盒模型结构盒模型的属性边框border边框宽度border-width边框样式border-style边框颜色border-color边框简写border边框的四个方向border-radius外边距margin内边距padding盒模型的大小课后练习应用CSS行内样式表使用border-radius属性制作圆角边框。网页标题:字体样式综合应用总结前言1盒模型简介2盒模型的属性3盒模型的大小4盒子的margin合
给自己一个目标,然后坚持一段时间,总会有收获和感悟!在使用vue的过程中,总会遇到一些有疑问的地方,总结就能够加深印象,下次再出现的时候也有个参考的地方。目录一、常见属性二、重复原因三、高阶用法3.1、自定义列模板3.2、自定义表头样式3.3、自定义行样式和操作列3.4、分页和排序3.5、表格合并3.6、自定义空数据提示3.7、自定义加载状态一、常见属性ElementUI的el-table组件是一个强大的表格组件,提供了许多常见的属性来配置和定制表格的外观和行为。【下面是一些常见的el-table属性的介绍】data:表格的数据源,可以是一个数组或者一个接受Promise的函数。columns
在HarmonyOS应用开发中,事件分发是一个关键的概念。为了实现一个灵活且可扩展的事件分发机制,我们可以采用非侵入式的设计方法。本文将介绍如何在HarmonyOS前端开发中实现非侵入式的事件分发设计,并提供相应的源代码示例。一、事件分发设计原理事件分发是指将用户的操作(如点击、滑动等)传递给正确的处理程序或组件。在HarmonyOS中,事件分发设计原理如下:事件捕获(Capture)阶段:事件从根视图开始向下传递,由最上层的视图开始逐级向下,直到找到最合适的目标视图。事件目标(Target)阶段:找到目标视图后,事件将被分发到目标视图。事件冒泡(Bubble)阶段:事件从目标视图开始向上冒泡
2023年关于前端发展趋势 跨平台开发:随着React、Vue等框架的成熟,以及WebAssembly、ProgressiveWebApps等技术的普及,前端开发将更加跨平台。开发人员可以使用相同的代码库,在多个平台上构建应用程序,包括桌面应用程序和移动应用程序。 大模型和人工智能:随着ChatGPT和GPT-4等大型语言模型的推出,人工智能将在前端开发中扮演更重要的角色。开发人员可以利用这些模型来创建更智能的用户界面和交互体验,例如智能推荐、自然语言搜索等。 组件化:组件化开发是前端开发的核心思想。随着React、Vue等框架的成熟,组件化开发将更加
摘要:时隔两年半,我,一个卑微的前端菜鸡,又来写面经了!以为钱是程序员年轻奋斗的动力!作为一个程序员,在一个地方慢慢成长后会产生一个能力小提升的一种傲娇!希望你们一跳涨好几丈。。。下面是我最近面试遇到的题目,总结了一下。。。由于js是单线程的,并不存在真正的并发,但是由于JavaScript的EventLoop机制,使得异步函数调用有了“并发”这样的假象题目://设计一个函数,可以限制请求的并发,同时请求结束之后,调用callback函数sendRequest(requestList:,limits,callback):voidsendRequest([ ()=>request('1'),