2024-03-021.freemarker模板生成html添加Maven依赖在pom.xml文件中添加以下依赖：<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId></dependency>创建Freemarker模板新建一个HTML文件，例如ta_上面视频演示了java使用freemarker模版 渲染html,以及生成pdf(支持png)

https://www.qianduange.cn//article/3067.html 分类：前端知识

2024-02-29.search-wrapper { /* flex布局，换行、左对齐 */ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 40rpx; position: absolute; top: 240rpx; left: 0; right: 0;}.city { font-size: 24rpx; background: #fff; border-radius: 20rpx; padding: _flex每行显示4个元素

https://www.qianduange.cn//article/2927.html 分类：前端知识

2024-02-26拖拽事件（待更新）前言(各个浏览器的兼容性)1.兼容性如下图：一、相关的五个事件api如下：拖拽流程说明：1.dragstart事件2.dragenter事件3.dragover事件4.drop事件(必须要dragover事件触发)5.dragend事件MDN详细说明：链接如下如下图所示：二、相关的属性1.draggable(让元素可拖拽)draggable解释说明：使用代码如下：如下图所示：2.dataTransfer(对应的拖拽媒介)解释说明（通用方法）：_dragstart

https://www.qianduange.cn//article/2745.html 分类：前端知识

2024-02-20在上面的示例中，我们使用v-for指令将items数组中的每个元素渲染为一个可拖动的div元素，并在dragstart事件处理程序中设置要传递的数据类型和值。我们还在放置区域的div元素上设置了dragover和drop事件处理程序，以便在元素拖动到目标区域时触发，并在drop事件处理程序中获取传递的数据类型和值，并根据这些数据更新items数组，从而实现拖放和携带数据的功能。这样，当拖动元素被放置到目标区域时，它将被移动到该区域并从原位置删除，并且可以通过getData方法获取传递的数据。_js draggable、 data-item实现元素拖拽

https://www.qianduange.cn//article/2342.html 分类：前端知识

2024-02-20?文章目录二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——??毕设项目精品实战案例】# 一、?‍?网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品，采用DIV C

https://www.qianduange.cn//article/2334.html 分类：前端知识

2024-02-13家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。 ⚽精彩专栏推荐?????? ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试

https://www.qianduange.cn//article/1951.html 分类：前端知识

2024-02-10Flexbox是一种简单而强大的布局方式，通过flex可以指明空间的分布方式、内容的对齐方式和元素的视觉顺序，把不同的组件放置在页面中。Flexbox依赖父子关系，在元素上声明display：flex | inline-flex后，这个元素随之成为弹性容器，负责在所占空间内布置子元素（flex-item）。取值：flex-start | flex-end | center | space-between | space-around | space-evenly | stretch。

https://www.qianduange.cn//article/1669.html 分类：前端知识

2024-02-10官网下载地址：https://mozilla.github.io/pdf.js/getting_started/#download.1、使用pdfjs已经写好的viewer.html页面。下载后将pdf.js 放到服务器上 如：http://xxxx:8080/static/pdfjs。这种方法需要从官网上将pdf.js包下载下来。pdf.worker.js:负责核心解析。通过插件docx-preview实现。2、将PDF文件渲染成Canvas。pdf.js: 负责API解析，_vue pdf.js

https://www.qianduange.cn//article/1646.html 分类：前端知识

2024-02-08使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web...

https://www.qianduange.cn//article/1560.html 分类：前端知识

2024-02-02如果你使用的是 Visual Studio Code，那么在左下角可能有一个 "Go Live" 的按钮，它会启动一个本地服务器，提供类似。你应该使用这个地址来访问你的应用程序，而不是使用其他可能由 IDE 或本地服务器插件提供的地址。这两者之间的端口和地址可能不同，因为它们是不同的服务器实例。通常，你应该使用 Vite 提供的服务器地址。但是，在 Vite 项目中，你通常应该使用由 Vite 提供的地址。不要直接通过IDE打开，通过启动vue项目给出的地址打开。这是因为你的项目在不同的开发服务器上运行。_failed to resolve module specifier "vue". relative references must start wit

https://www.qianduange.cn//article/1119.html 分类：前端知识