前端css
CSS 第8天
# CSS 第8天 ## 复习 定位 position relative top, left, right, bottom 子绝父相 absolute 居中 fixed 遮盖 1， 2 z-index 拼爹 浏览器 hack html hack css hack 值 ......
黑马前端必会单词300个-美式发音-2023
# 墨墨背单词 - 使用墨墨的云词库搜索：**黑马前端必会单词 300 个** - 艾宾浩斯记忆法的虚假与真相 [科普视频](https://www.bilibili.com/video/BV1yF411s7SN)  => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa ......
java为实体动态添加字段 并返回给前端
对于线上已经在用的接口，要动态的扩展返回数据的字段，并且不同的调用商需要的字段不一样，为了A客户增加了一个字段，不能把字段返回给B，防止B客户那边也要升级接口。对于开始加一两个字段我还可以接受：每次返回不同的实例，渐渐的我觉得力不从心了，代码重复太多了，就想到了能不能动态的添加字段呢？首先引入mav ......
前端实现全屏展示
## 实现 ```html {{ isFullscreen ? "退出全屏" : "全屏" }} ``` ```js mounted() { //监听是否进入全屏模式 document.addEventListener("fullscreenchange", e => { if (document. ......
使用vue的简单的纯前端JS验证码实现
## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死，得看看别的东西了 因为是上班摸鱼偷摸搞的，所以人比较懒，很多东西也懒得修修改改，直接放在一个html文件下了 页面如下  1.文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能05-302.文档在线预览（二）word、pdf文件转html以实现文档在线预览05-30 3.文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览06-01 目录 实现 ......
作为一个后端，要拉前端代码下来在自己电脑，并且跑起来--以下步骤很精准
1.安装nodejs--注意nodejs的版本--尽量不要用高版本的，坑多2.验证nodejs是都安装成功 cmd node -v--出现版本号就说明安装成功2.安装vscode 类似idea--运行工具--打开前端项目如何运行vue项目（运行githug下载的vue项目） - CodeAntenn ......
css实现瀑布流
html部分 <ul class="ul-container"> <li v-for="item in list" :key="item.id"> <image :src="item.url"/> </li> </ul> Css部分 .ul-container{ margin: 10px; colu ......
前端学习路线图roadmap（转）
# 前端学习路线 > 这份学习路线并不完美，也不会有最终形态，正如前端不可预见、永无止境的未来。 💂 + 💻 = 👴🏽 建议先观看视频导读：https://www.bilibili.com/video/BV1nh411e7oG/ ## 路线特点 1. 一份全面的前端知识点大梳理和汇总 2. ......
使用 jQuery 进行前端验证
前段验证脚本的教程，其基础为jQuery的插件validate。 一、可以验证哪些信息 要求输入不能为空 要求输入格式必须为电子邮箱 要求输入格式必须为URL 要求输入格式必须为日期 要求输入格式必须为数字 要求输入格式必须为整数 要求输入必须和指定输入框内容相同 要求输入必须大于指定字符长度 要求 ......
【Python】【Flask】前端调用后端方法
后端代码： @app.route("/test",methods=['POST','GET']) def test(): return "我是测试的" 前端代码： 1、使用<a>标签 <a href="{{url_for('test')}}">我是测试</a> 这个是最简单的，点击一下，就自动跳转了 ......
如何在JavaFX中使用CSS
# 如何在JavaFX中使用CSS CSS用于定制用户界面的显示样式。JavaFX 也可以通过 css 文件来支持 CSS 。 对于 JavaFX 中的元素，有的会有默认的规则，我们对这个规则设置 CSS 样式，就可以修改其关联的元素的显示效果。 比如，Label 控件关联的规则名是 `.label ......
CSS利用position实现水平垂直居中
HTML： <div class="box"> <div class="content"> <div>内容1</div> <div>内容2</div> </div> </div> CSS： .box { width: 200px; background: blue; position: relati ......
文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览
本文主要介绍了word、excel、pdf、ppt等文件纯前端实现在线预览的方式，从本文的测试情况来看前端实现预览最好的效果还是PDF（或者是图片），不会出现一些文字错乱和乱码的问题，所以一般好的方案就是后端配合将不同格式的文件转换成pdf，转成统一的文件格式，再由前端实现预览效果，这样能保留文件的... ......
CSS的五种定位方式【哪一种脱离文档流】
元素自身居中(非内容) 块级元素居中: margin:0 auto; 行内元素和行内块元素: 给上级元素添加 text-align:center; 定位方式 包括: 静态定位 相对定位 绝对定位 固定定位 浮动定位 静态定位(文档流定位) 格式: position:static; (默认的定位方式 ......
聊聊CSS 缓动函数的新成员linear()
CSS 缓动函数是一种用于控制 CSS 动画过渡效果的函数，可以让动画变得更加自然。这篇文章将介绍一种新的 CSS easing function，即 `linear()`，它可以模拟出更复杂的缓动效果，文中demo请在chrome 113+中观看。 ## 什么是 easing function？ ......
vscode element-plus/lib/theme-chalk/index.css报错路径找不到
vscode element-plus/lib/theme-chalk/index.css报错路径找不到 import { createApp } from 'vue' import './style.css' import App from './App.vue' import router fr ......
css实现video视频背景色变透明
利用css样式 mix-blend-mode 混合模式，有一个属性 screen ，就是黑色和其它元素进行混合的时候表现为透明。 于是我们要实现一个视频背景色透明的效果就很简单，只要把我们的视频背景色设置为黑色，同时设置如下CSS即可： video { mix-blend-mode: screen; ......
前端 React + vite + Typescript 后端 java + springmvc + jwt 跨域 解决方案
首先后端配置跨域： web.xml文件： <!-- 配置跨域 --> <filter> <filter-name>header</filter-name> <filter-class>org.zhiyi.config.Cross</filter-class> </filter> <filter-ma ......
CSS九种选择器你知道吗？
表格table - 相关标签: table表格, tr表示行,td表示列,th表头,caption表格标题 - 相关属性: border 设置边框 , rowspan跨行 colspan跨列 表单form - 作用:获取用户输入的内容,并提交给服务器 - 相关文本框: input type = te ......
前端上传文件可能的问题
上传文件失败，可能的原因 1. 前端默认限制了文件大小，例如我这里使用了 axios 发送请求，默认是有大小显示的，可以在配置里面设置文件大小，比如设置内容和请求体大小为 100M，默认打印出来的是 -1 config.maxContentLength = 100 * 1024 * 1024; co ......
CSS（二）
一、emmet语法 1、简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 2、快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即可 比如 div 然后ta ......
前端全栈资料-css2
入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......
前端浏览器缓存和HTTP缓存
缓存 缓存优点：减少冗余的数据传输；减轻服务器的压力；加快浏览器加载网页的速度。 分类：强缓存和协商缓存 强缓存：服务器不需要发送资源给客户端，客户端直接从缓存中取 有关头字段：Cache-Control、 Expires，两者同时存在时，前者优先级更高 Expires：当客户端向服务器发送请求，服 ......
springboot 雪花算法生成的发送到前端id精度丢失
添加注解： @JsonFormat(shape = JsonFormat.Shape.STRING) 用法： ......
css选择器选择父元素下子元素仅有一个指定 class 的时候
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 ......
前端工程师如何突破瓶颈期
前端工程师在职业生涯中可能会遇到瓶颈期，这时需要有一定的策略和方法来突破，以下是一些建议： 1. 持续学习：前端技术更新换代非常快，需要不断学习新技术和新知识，保持自己的竞争力。 2. 扩展技能：在掌握核心技能的基础上，可以扩展自己的技能范围，例如学习后端开发、数据库设计等技能。 3. 参与开源项目 ......