前端html css
记录--记录用前端代替后端生成zip的过程，速度快了 57 倍！！！
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务场景： 产品有个功能是设置主题。类似手机自动切换壁纸，以及其他功能颜色，icon，字体等。 管理员需要在后端管理系统多次下载不同主题，（至于要干啥就不说了...），主题中可能有 30 ~ 100个高清壁纸, icon 等。现在每次下载 ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
HTML拖拽API, 看了某位大佬的视频, 有感而发
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" > <title>Document ......
前后端系统部署——前端篇
在华为云耀云服务器L实例上部署前端需要经过以下几个步骤： 首先登录华为云耀云界面： https://www.huaweicloud.com/product/hecs-light.html 创建华为云耀云服务器L实例账号，购买服务器并登录控制台。 创建华为云耀云服务器L实例。在控制台界面上，选择ECS ......
css：transition tab切换 动态滑动效果
<template> <view class="tab"> <view class="item" :class="{'ac':active == 1}" @click="active = 1">item1</view> <view class="item" :class="{'ac':active ......
Exercise: Create a static HTML web app by using Azure Cloud Shell
https://learn.microsoft.com/en-us/training/modules/introduction-to-azure-app-service/7-create-html-web-app resourceGroup=$(az group list --query "[].{ ......
飞码LowCode前端技术系列（二）：如何便捷配置出页面 | 京东云技术团队
一、配置解法 飞码LowCode前端技术（一）中飞码提出了至少需要满足2个大能力点以及对应16个细化点。在业务复杂的场景下数据具有流转性质，事件的触发会改变数据、同时也会触发其他事件等情况。飞码使用数据驱动+事件驱动的模式解决数据流转性与事件不确定性问题。数据驱动+事件驱动的模式决定了需要飞码的编辑 ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
html中如何设置label自动换行
html中如何设置label自动换行 在HTML中，我们经常需要设置label标签，这是一种非常常见且重要的标签。 在有些情况下，我们的label标签中的文本可能会超出一行，这时就需要设置自动换行。 为了实现在label标签中自动换行，我们需要使用CSS语言中的white-space属性，将其设置为 ......
html基础之列表
html的列表 在html中列表分为有序列表、无序列表和自定义列表，它们之间有什么相同点和不同之处我们来讲讲。 有序列表 有序列表的英文单词（ordered lists），所以有序列表的标签为<ol> 列表的英文单词（list item），所以列表内容的标签为<li>，有序列表都是需要<ol>标签和 ......
开发实例：后端Java和前端vue实现文件上传和下载功能
首先，在Java的后端代码中，我们可以使用Spring框架来实现文件上传和下载功能。以下是一个简单的示例： 文件上传 首先，我们需要在html页面上创建一个表单，其中包含一个file类型的输入字段： <form action="/upload" method="POST" enctype="mult ......
前端模块化
1.为什么要有模块化 在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那时候的代码还是很少的。 随着ajax异步请求的出现，慢慢的形成了前后端分离客户端需要完成的事情越来越多，代码量也与日俱增为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护。但是这种 ......
html基础内容之表格
html表格 html制作一个表格需要用到以下3中标签。 ①table标签：双标签用来定义这是一个表格 ②tr标签：双标签用来定义行数 ③td标签：双标签用来定义列数 如果进行定义一个表格： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <met ......
027前端CMS ghost安装
一、安装命令如下 sudo adduser ghost sudo usermod -aG sudo ghost su - ghost cd /data/fe-doc-center curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39. ......
trainTest.html
<!DOCTYPE html> <html> <head> <%include("/WEB-INF/pages/include/listCss.btl") {}%> <link href="https://cdn.xiaoluxueche.com/staticSource/bootstrap-swi ......
html制作一个聊天软件
需要的物件： 1.一个云服务器 2.一双会cv的手 3.出了问题会自己百度的脑子 首先，直接粘代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
css实现图片的居中、拉大和缩小
resize和overflow实现拉大和缩小，绝对定位+transform实现剧中，max-height和max-width限制图片不能超出div的范围 <html> <head> <style> #div{ background-color: antiquewhite; height: 300px ......
html-form元素
1、text/plain形式 2、application/x-www-form-urlencoded 3、不同的input类型 4、multipart/form-data (1)文件上传 method必须是post enctype必须是multipart/form-data input的type为f ......
CSS3 -- 优化滚动（scroll-behavior ｜ scroll-snap）
实现横向滑动：当子元素溢出父级盒子时，做以下操作。 第一种方式： 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we ......
03前端开发
溢出属性 #文本内容超出了标签的最大范围 overflow: hidden; 直接隐藏文本内容 overflow： auto\scroll; 提供滚动条查看 #溢出实战案例 div{ overflow: hidden; #例如可以把头像多余溢出部分隐藏 } div img{ width: 100%; ......
html 数字，字母 超出标签设定的宽度问题
前因：做一个表格页面时，其中有一列网址数据，但这些内容总会超出表格设定的宽度范围，中文就不会，就类似下面这样： 解决（样式中增加下面代码）： word-wrap:break-word; 效果： ......
[DataFocus Cloud 对比 QuickBI](https://www.datafocus.ai/comparison/quick-bi.html)
产品对比 对比 Tableau 对比 Power BI 对比 QuickSight 对比 Qlik 对比 ThoughtSpot 对比 FineBI 对比 SmartBI 对比 永洪BI 对比 QuickBI 对比 百度Sugar ......
前端CodeReivew实践
把Code Review 作为开发流程的必选项后，不代表Code Review这件事就可以执行的很好，因为Code Review 的执行，很大部分程度上依赖于审查者的认真审查，以及被审查者的积极配合，两者缺一不可！ ......
JavaWeb开发-CSS基础
2.CSS层叠样式表基本语法 层叠样式表，用来控制页面的样式 （1)CSS的三种引入方式 内部样式表：适合学习使用，将CSS代码写在style标签里面，style标签嵌套在title里 外部样式表：开发常使用，将CSS代码写在单独的CSS文件中.css；在HTML中使用link标签引入： href放 ......
JavaWeb开发-HTML基础学习
1.HTML的基本语法 HTML是什么？：HTML是一种超文本标记语言，负责网页的结构，设计页面的元素内容等 超文本：超越文本限制，除了文本信息，还可以定义图片，音频，视频等 标记语言：由标签构成的语言。 HTML代码直接在浏览器中运行，由浏览器解析 （1）HTML标签的特点 不区分大小写 标签属性 ......
前端_按钮
<button> 跳转页面(html)：<button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">登录</button> 执行动作(asp)：<asp:Button runat="s ......
前端_页面跳转+获取页面数据
页面跳转： <button onclick="window.location.href='http://150.17.232.115/menu/my_menu.aspx'" type="button" id="add">登 录</button> location.href='index.html' ......
CSS必学：你需要知道的盒子模型的秘密
作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说，要掌握的CSS基础一定很多，那么CSS中盒子模型肯定是必考必问必掌握的前端知识点，因为它是CSS基础中非常重要的内容，接下来我们就一起来了解一下盒子模型吧！ 什么是盒子模型？ CSS 所有的HTML 标签元素在网页中都生成了一 ......