前端html css
Vue打包成单个Html文件
前提 Vite + Vue3 首先安装依赖： npm i vite-plugin-singlefile npm i unplugin-auto-import npm i unplugin-vue-components 修改vite.config.js import { fileURLToPath, ......
JS添加前端水印（兼容IFrame布局）（防篡改）
将此段代码放置top页面 (function () { const watermarkTxt = '水印文本' const size = 150 //水印间隙 值越大水印数量越少 const canvas = document.createElement('canvas')//创建canvas，用于 ......
2023-9-13 总计（存储过程，数据字段超出，添加功能-前端form表单提交后端没有读取到数据）
（存储过程，数据字段超出，添加功能-前端form表单提交后端没有读取到数据） 存储过程： 1.先写好页面，理清储存过程的调用过程， 2.写sql保存储存过程，执行储存过程 3.写代码在业务中调用储存过程，得到想要的统计结果 数据字段超出，编译异常： 1.数据库中的字段长度太短，导致后端保存数据的时候 ......
微前端-qiankun（乾坤）入门（只针对vue + vue）
微前端现在主要以qiankun为主，网上有很多微前端的教学，但是很多啰嗦甚至没有讲到要点，逻辑顺序也很跳跃，对于想入门的同学来说学习时间过长，结合种种情况，我整理网上qiankun 中 vue的教学，从一个入门新生，怎么一步一步创建一个项目过程开始讲解。 一、首先什么是微前端（了解） 微前端就是将不 ......
PostCSS received undefined instead of CSS string
问题 npm run serve启动项目后，报错Syntax Error: Error: PostCSS received undefined instead of CSS string 解决 node-sass 版本兼容问题导致,按照应用使用的node-sass版本 切换（可使用nvm）到对应的n ......
CSS中的变量
前言 在 CSS 中，有很多需要反复使用的属性值，如果每个使用的地方都直接写死这个值，而没有使用变量去定义这个值的话，后期修改起来会很麻烦。有很多人忽略了在 CSS 中也可以定义变量这个事情，相信你会爱上它 ！ CSS 使用变量有很多好处: 可以减少样式代码的重复性，增加样式代码的扩展性和灵活性 声 ......
动态修改el-input样式，css变量形式外层修改input样式
背景：正常我们在修改样式的时候，直接在样式表里写死，但是如果我们想要动态的修改样式，例如el-input字体颜色时，我们需要修改的实际是.el-input__inner这个样式的color，既然是动态，我们就不能在样式表里写死了，而是使用CSS变量修改。 一、CSS变量是什么？ 1.css变量 注意 ......
前端项目npm install安装报错：code ERESOLVE ERESOLVE could not resolve
背景：使用npm 安装依赖的时候，发现报了如下的错误： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-admin-te ......
web前端入门到实战：HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 footer 底部 dialog 对话框 使用习惯： hea ......
全栈工程师必须要掌握的前端CSS技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
前端常用函数及其方法
前端常用函数及其方法 说明：日常开发中需要关注的东西太多了，难免会有些东西容易遗忘，那么好记性不如烂笔头就体现出来了 生成一个数组 我有一个 数字，是根据计算得来的，但是现在我要把它扩展成一个数组 const count = 6 const arr = Array.from({ length: co ......
html 铆钉跳转指定元素 元素id
目录html 铆钉跳转指定元素 元素id html 铆钉跳转指定元素 元素id 标识该元素的唯一身份, 并且可以在其他地方引用 比如，通过a标题跳转到指定的位置: <p> <a href="#C4">查看章节 4</a> </p> <h2>章节 1</h2> <p>这边显示该章节的内容……</p> ......
html div && span 容器元素
html div && span 容器元素 div 标签定义 HTML 文档中的一个分隔区块或者一个区域部分, 标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化 span 用于对文档中的行内元素进行组合 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式 <html> <he ......
CSS之实现视频背景
1.新增<video> <video class="video-background" autoplay muted loop> <source src="../../assets/starry-sky.mp4" type="video/mp4" /> Your browser does not s ......
jmeter 命令运行生成html报告
打开cmd 跳转到需要执行jmx文件的目录 执行生成命令。jmeter -n -t C:\Users\XXX\Desktop\test-automation\BCM\bcm_自动化.jmx -l result.jtl -e -o jmeter 生成的结果文件和之前jmx文件是一个目录 如果执行命令提 ......
CSS
CSS (Cascading Style Sheets，层叠样式表） 是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css 选择器通常是您需要改变样式的 HTML 元素 每条声明由一个属性和一个值组成 CSS声明总是以 ......
requests_html
https://requests.readthedocs.io/projects/requests-html/en/latest/ from requests_html import HTML, HtmlElement, HTMLResponse, HTMLSession def article_p ......
html form拼凑表单触发后端api
目录html form html form <html> <head> <title> html index </title> </head> <body> <!-- form，点击提交后，访问demo.php.而我们一般用于form形成表单后，触发后端的api --> <form action=" ......
【网页开发】传统网页开发及新前端网页开发的优缺点
传统网页开发 开发流程 1、UI设计人员制作高精度图片，以供静态界面开发人员使用 2、静态界面开发人员根据图片使用HTML、CSS进行制作，生成与图片一致的网页 3、开发人员需要将静态界面中的代码改为动态界面与后台进行数据对接 优点： 1、前端耗时少 2、有利于SEO <SEO：搜索引擎优化> 缺点 ......
springBoot spring6 无法加载 thymeleaf的，在html页面中无法智能感知 th：这些
网上所有的坑我都试过了，还是无法解决问题， @Controller public class SellController { @RequestMapping("/test01") /* @ResponseBody */ public String index(){ return "test01"; ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
Long返回前端精度丢失问题
JavaScript 无法处理 Java 的长整型 Long 导致精度丢失，具体表现为主键最后两位永远为 0， 解决思路： Long 转为 String 返回 // 已添加Lombok中@Data注解 // 注解处理，这里可以配置公共 baseEntity 处理 @JsonSerialize(usi ......
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint） 因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、sty ......
css中文字太多显示方法
第一种方法：“溢出省略号”，即当文字超出一定宽度时，将其省略，并显示“...”。p { overflow: hidden; /* 将超出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ white-space: nowrap; /* 禁止换行 */ } 第二种 ......
css基础
CSS引用 如何在html中使用css?有三种方式 外链式 通过在head标签里 使用link引入写好的css文件(推荐使用) 内嵌式 head标签里style标签 ,在style里通过 行内式 写在标签的开始位置通过style属性设置样式(不推荐使用) 选择器 选择器分为三大类: 基本选择器 复合 ......
vue中使用xlsx插件前端读取解析excel文件
问题描述 工作中一般都是后端去解析excel数据，前端使用上传组件去将excel组件丢给后端，后端使用一些插件去解析excel（比如hutool工具类） 不过有些情况下，前端也需要去做一些excel的解析，比如产品经理说，在上传excel文件之前，要做一个excel的图表化预览审核查看啥的，没问题的 ......
css3属性之 text-overflow:ellipsis
语法： text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法： text-overflow: ......
Html基础
Html标签分类 html标签基本分为三大类：块元素标签，行内元素标签，行内块元素标签。 块元素标签：独占一行，可以设置宽高，默认有宽度没有高度。其中块元素标签有 p,div,h1~h6,hr,li,ul,ol,dl,dt,dd,th,tr,from 行内元素：不独占一行，不可以设置宽高，默认有高度 ......