自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 JavaScript将文字转换为图片并保存

在JavaScript中,你可以结合HTML5的Canvas API和浏览器提供的Blob和URL.createObjectURL方法来实现将文字绘制到Canvas上并将其保存为图片到用户的本地设备。这样的库来渲染整个网页或者DOM元素到Canvas上,尤其是当目标内容包括复杂的CSS样式和布局时,如从HTML结构生成图片。在实际应用中,可能还需要处理跨域问题,尤其是在尝试导出含有外部资源(如图片)的Canvas时。另外,为了兼容更多场景,可能还需要配合。

2024-04-18 20:02:29 513

原创 SVG图片制作方式

SVG(Scalable Vector Graphics,可缩放矢量图形)是一种基于XML语法的矢量图像格式,能够在不损失质量的情况下任意缩放,适合用于网页设计、图标、图表和其他需要高质量、高清晰度图像的应用场景。部分在线编辑器或内容管理系统(CMS):如135编辑器、96编辑器,可能集成了SVG编辑和制作的功能,包括自动展开效果等高级功能。通过以上工具和方法,您可以根据需要定制和设计SVG矢量图形,并将其应用于网页设计或其他相关领域。:在线或桌面版矢量图形编辑器,适合初学者和专业人士创建SVG图形。

2024-04-15 15:15:00 530

原创 CSS根据屏幕分辨率自动调整样式

CSS 根据屏幕分辨率自适应样式的核心技术就是响应式设计(Responsive Design),主要依赖于CSS3的媒体查询(Media Queries)。媒体查询允许开发者根据设备的视窗宽度、高度、方向等特性来应用不同的CSS样式规则。在这个例子中,当屏幕宽度小于等于600px时,浏览器会加载并应用 styles-mobile.css;当屏幕宽度大于600px时,则加载并应用 styles-desktop.css。这样,当屏幕分辨率改变时,CSS 将自动应用最适合当前屏幕尺寸的样式,从而实现响应式设计。

2024-04-14 12:00:16 592

原创 react结合Redux实现全局状态管理

React与Redux结合使用,实现了组件与全局状态的解耦,使得状态管理更加清晰和可控。通过定义Reducer、创建Store、使用Provider组件、连接React组件与Store,以及dispatch Action,您可以构建一个具备集中式状态管理的React应用。若需使用中间件,请按照相应中间件的文档进行安装和配置。将React组件与Redux Store连接起来,可以自动订阅Store的变化,并通过props将需要的state和dispatch方法注入到组件中。

2024-04-12 15:02:41 895

原创 Vue在新窗口打开页面并传参

需要注意的是,如果希望传递的参数不显示在地址栏中,并且在用户关闭新窗口之前始终保持,可能需要在新窗口中自行管理这些参数,比如通过 Local Storage 或者通过页面初始化时从服务器获取。在 Vue 中,如果你想在一个新浏览器窗口(标签页)中打开一个页面并传递参数,可以使用 window.open() 函数结合 Vue Router 提供的方法来实现。如果是query形式传递,参数在url中可见,页面刷新后仍然可以从route中的query获取参数。

2024-04-11 15:17:03 835

原创 Sqlserver格式化日期

请注意,FORMAT函数使用的格式字符串遵循.NET框架的日期和时间格式说明符。函数,除非你需要FORMAT函数提供的额外灵活性。在实际应用中,考虑到性能问题,推荐优先使用。

2024-04-10 19:41:45 803

原创 Vue中component lists rendered with v-for should have explicit keys异常

如果不提供 key,Vue.js 在重新排序或更新列表时可能无法准确地跟踪每个列表项的状态,从而抛出“component lists rendered with v-for should have explicit keys”这个警告。在 Vue.js 中,当你在组件列表中使用 v-for 指令渲染多个组件时,每个组件元素都应当有一个明确的 key 属性。确保在任何使用 v-for 渲染组件的地方都提供一个唯一的 key 是良好的编程实践,这有助于提高应用性能并避免潜在的渲染问题。

2024-04-09 17:55:22 622

原创 nginx访问路径映射资源目录

Nginx映射资源目录是指在Nginx配置文件中设定规则,使得当客户端向Nginx服务器发送请求访问某个URL时,Nginx能够将该URL映射到服务器本地的实际文件目录,从而正确地提供该目录下的静态资源(如HTML、CSS、JavaScript、图片、视频等文件)。例如,请求http://example.com/static/images/image.jpg会映射到服务器上的/path/to/local/directory/static/images/image.jpg。}块来配置MIME类型映射。

2024-04-07 10:26:12 944

原创 Vue主流UI框架

Vue UI框架是一系列专为Vue.js应用程序设计的用户界面(UI)组件库,这些组件库提供了预封装的、可复用的UI元素,如按钮、表格、输入框、导航菜单、提示框、卡片、布局容器等,帮助开发者快速构建美观且功能完善的前端界面。综上所述,Vue生态中有众多成熟的UI框架可供选择,每种框架都有其特点和适用场景,开发者应根据实际项目需求挑选最适合的框架来加速开发进程,提高代码质量与应用体验。项目需求:根据项目的具体功能、设计风格、目标平台(Web、移动端、桌面应用等)选择最适合的框架。

2024-04-03 09:54:02 1685

原创 Vue在组件方法中传递自定义参数

在 Vue.js 中,如果你想要在组件的事件处理器(如 @click、@change 等)中传递自定义参数,可以通过在事件绑定时将参数附加到事件处理函数调用中来实现。对于组件间的通信,尤其是父组件向子组件传递数据,更推荐使用 Vue 提供的 props 机制来传递参数。而子组件向父组件传递数据通常通过自定义事件配合参数的方式来实现。上述方式都可以确保在调用 handleClickEvent时不仅接收到了自定义参数,还能获取到原生事件对象。

2024-03-28 17:33:41 387 1

原创 Spring Boot以字节流的形式发送文件

在这个map中,我们将文件名作为键,文件内容作为值。在Spring框架中,有时候会有向其它服务发送文件的场景,通常我们都是直接读取文件或者将接收到的文件缓存至本地后发送,这里我们探索一下以字节流发送的方式。最后,创建一个HttpEntity实例,包含了头信息和请求体,然后使用RestTemplate的postForEntity方法发送POST请求。首先,创建一个HttpHeaders实例,并设置了其内容类型为multipart/form-data,这是上传文件通常需要的。

2024-03-20 16:51:00 283 1

原创 Spring Boot使用RestTemplate转发文件

在上面例子中,我们首先创建了一个HttpHeaders对象,并设置了Content-Type为multipart/form-data。然后,我们创建了一个LinkedMultiValueMap来存储表单数据,将要上传的文件作为FileSystemResource添加到map中。请注意,你需要根据目标服务的API文档调整请求URL、表单字段名以及请求头的内容。另外,从Spring 5开始推荐使用WebClient替代RestTemplate进行HTTP通信,因为它提供了更强大的异步和响应式功能。

2024-03-19 19:09:55 617 1

原创 数据库大量数据存储优化处理

为确保数据查询的流畅性与系统的高效运行,我们需要采取一系列有针对性的性能优化措施。综上所述,优化长期使用的、积累了大量数据的数据库性能是一个综合性的过程,涵盖了数据管理、架构设计、查询优化、硬件配置等多个方面。将过期或不再需要的数据转移到成本更低廉的存储介质(如冷存储)或单独的归档数据库中,这样既释放了主数据库的空间资源,也减轻了查询时的负担。对于复杂的大数据分析任务,可以在数据库之外构建数据仓库或使用大数据处理框架(例如Hadoop、Spark),将部分计算任务放到离线环境中进行,缓解在线数据库的压力。

2024-03-15 18:18:36 428 1

原创 Vue动态设置class的方式

通过以上这些方式,Vue 能够实现类名根据组件内部状态的变化而动态地添加、删除,从而控制元素样式变化。

2024-03-14 15:20:36 983 1

原创 Vue自定义组件并注册

这样,在这个特定的组件中就可以使用已局部注册的 my-component 了。现在my-component标签可以在任何子组件或应用根组件的模板中使用了。全局注册的组件可以在任何使用了Vue实例的地方被引用。局部注册的组件只在其所在的父组件作用域内可用。在某个单文件组件或Vue实例中注册。创建组件不变,同上。

2024-03-13 15:07:35 501

原创 axios.js请求封装

封装axios主要是为了在项目中实现网络请求的统一管理和定制化处理,包括但不限于错误处理、请求头的全局配置、响应拦截器以处理认证和异常信息、请求拦截器来添加通用参数(如token)、以及针对不同接口需求提供更简洁易用的API。通过以上步骤,我们就完成了axios的基本封装,使得项目中的网络请求更为简洁、规范且易于维护。

2024-03-12 10:48:35 581 1

原创 Vue.js 创建项目

这时,Vue CLI 会询问你选择哪种预设或手动选择特性。如果一切顺利,你会看到类似 “App running at http://localhost:8080/” 的提示,此时在浏览器中访问这个地址就可以看到你的 Vue 项目已经运行起来了。以上就是在 Vue CLI 的帮助下创建一个 Vue.js 项目的完整流程。安装完成后,你可以通过 vue --version 来验证是否安装成功。根据你的选择,Vue CLI 会自动安装相关依赖并设置项目结构。

2024-03-11 09:15:27 405 1

原创 Vue项目中将页面内容导出为PDF文件

按照上述步骤,你可以实现在Vue项目中将指定的页面内容转换并下载为PDF文件的功能。在Vue.js项目中将页面内容转换为PDF格式,可以采用html2canvas和jsPDF这两个库来实现。2.根据要转换的内容自定义html2canvas和jsPDF的配置参数,例如设置页面大小、页边距、图像质量等。1.确保你有权访问并且正确设置了所有页面上的资源(如图片、字体等),特别是当它们跨域时。3.考虑兼容性和性能问题,因为大型或复杂的页面可能会影响转换效率和最终PDF的质量。

2024-03-08 11:42:29 412 1

原创 谷歌浏览器(Google Chrome)报错“检测到网络更改”(ERR_NETWORK_CHANGED)

谷歌浏览器(Google Chrome)报错“检测到网络更改”(ERR_NETWORK_CHANGED)通常是指在浏览器尝试加载网页时,用户的网络环境发生了变化。如果所有基本解决方案都无效,可以考虑将Chrome浏览器恢复到默认设置,但这将删除所有的扩展、主题和个人设置。如果以上方法都不能解决问题,可能是ISP或更深层次的网络问题,此时应联系您的网络服务提供商寻求帮助。检查Chrome是否有可用的更新,有时候旧版本的浏览器可能会遇到此类网络问题。在某些情况下,需要重置网络设置以清除潜在的系统级别问题。

2024-03-08 09:47:49 2064 1

原创 wait-for-it.sh顺序启动Docker容器

无论服务是否启动,都会执行子命令。如果您希望仅在服务启动时执行子命令,请添加–strict 参数。如果您不想执行子命令,请忽略 - - (双短横线)参数。例如,让我们测试一下是否可以访问 80 端口www.google.com,如果可用,则回显消息google is up。您可以使用or–timeout=选项设置自己的超时。

2024-03-06 16:19:06 270

原创 使用fetch发送post请求

在这个例子中,我们定义了一个异步函数sendFormData,它接受一个数据对象作为参数。然后创建一个包含请求方法、头部信息以及请求体的选项对象。根据API的需求,你可以选择不同的’Content-Type’头来匹配发送的数据类型(JSON或URL编码的表单数据)。最后,通过调用fetch函数发起POST请求,并处理响应结果。在使用fetch API进行HTTP POST请求时,需要将请求方法设置为POST,并且通常会携带请求体(包含要发送的数据)。下面对请求方法进行简单封装,以下为封账代码。

2024-02-29 20:41:32 1788

原创 React中http请求常用库

无论选择哪种方式,都要注意将HTTP请求放在合适的生命周期钩子函数中,如 useEffect(对于功能组件)或 componentDidMount(对于类组件),并确保处理可能出现的错误以及响应状态。同时,在实际项目中,为了适应不同的环境(开发、测试、生产等),通常会设置动态的API基础路径(baseUrl)。fetch 是现代浏览器原生支持的API,可以直接在React组件中使用,无需额外安装任何库。:Axios 是一个流行的第三方库,提供了一种基于Promise的、易于使用的HTTP客户端。

2024-02-29 18:02:27 321

原创 Python从文本文件中读取参数并发送请求

【代码】Python从文本文件中读取参数并发送请求。

2024-02-26 20:05:49 327 1

原创 python循环发送get请求

注意:在发送大量请求时,请确保你遵守了目标网站的使用条款和条件,以及任何相关的法律法规。如果你打算对一个网站进行性能测试或压力测试,请确保你已经得到了该网站的许可,并且遵守了所有相关的法律和规定。在Python中,你可以使用requests库来发送HTTP请求,并且使用循环来重复发送请求。以下是一个简单的例子,它使用requests库在循环中发送GET请求到指定的URL。这个脚本将发送10个GET请求到指定的URL,并在每次请求之后暂停1秒。首先,你需要安装requests库。

2024-02-23 11:51:44 235

原创 Vue初始化页面高度无效

项目场景:前端框架使用ElementUI,页面包含表格,加载数据后,设置表格父级控件高度为填充页面最大高度。

2024-02-22 20:16:26 336 1

原创 SQLServer字段内容区分大小写

SQL Server 是不区分大小写的。这意味着可以使用大写或小写字母来编写 SQL 语句,不会影响查询的执行结果。SQLServer数据库大小写敏感字符集是Chinese_PRC_CS_AI,大小写不敏感字符集是Chinese_PRC_CI_AS。无论使用哪种大小写方式,都能正确执行查询并返回结果。

2024-02-21 16:13:05 917

原创 前端页面中文显示乱码

服务器为WindowsServer,后台使用Java开发,项目为B/S架构。

2024-02-20 19:12:02 440

原创 Docker安装Mysql并设置远程连接

e : 配置信息,配置 root 用户的登录密码。-v : 主机和容器目录映射关系。–name : 容器名。-d : 后台运行容器。

2024-02-20 10:25:32 191

原创 chrome启动全屏播放

打开目标网页链接,点击右上角自定义及控制->保存并分享->创建快捷方式->创建,创建直接打开页面的桌面快捷方式。目标(T) 栏加上 --autoplay-policy=no-user-gesture-required。目标(T) 地址栏最后加上 -disable-background-networking。右键创建的快捷方式 > 属性 ,编辑选项卡下的 目标(T) 地址栏。目标(T) 栏加上 --start-fullscreen。

2024-02-19 11:34:29 177

JS格式化JSON字符串输出

使用react+ant design进行json格式化输出的例子

2024-04-16

antd+react+vite+redux的简单例子

React与Redux结合使用,可以为React应用提供集中式的状态管理和复杂的业务逻辑处理能力。该资源为React与Redux结合UI框架antd,以及vite.js搭建项目的简单例子。

2024-04-11

wait-for-it.sh脚本

wait-for-it.sh是一个Shell脚本,主要用于在Docker容器启动时等待某个服务(如数据库、消息队列等)变得可用。在某些分布式系统中,各个服务的启动顺序和依赖关系很重要,wait-for-it.sh可以帮助解决这个问题。

2024-03-06

Python读取文本文件参数并发送post请求

从text文本文件中读取每行XML格式的数据,并将其作为参数发送POST请求,可以使用xml.etree.ElementTree库解析XML数据,然后通过requests库发送请求。

2024-02-27

windows环境下重新启动Java服务脚本

windows环境下,重新启动Java服务的bat脚本。注意修改: set port=服务端口号 START "app" javaw -jar 服务jar包名.jar

2024-02-21

windows环境下停止Java服务脚本

windows环境下,停止Java服务脚本的bat脚本。注意修改: set port=服务端口号

2024-02-21

windows环境下启动java服务脚本

windows环境下,启动java服务的bat脚本。注意修改: START "app" javaw -jar 服务jar包名.jar

2024-02-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除