class css
事件指令，属性指令，style和class，条件列表渲染，事件处理，数据双向绑定，过滤
# 0 事件指令 ## 0.1 vm对象 ```html Title {{name}} 点我 ``` ## 0.2 函数传参 ```python # 1 v-on:事件名='函数' 》简写成 @事件名='函数' # 2 触发函数，可以传参数 ``` ```html Title 函数，可以多传参数，也 ......
springboot项目rabbitmq消费者消费json格式的String，出现无限循环抛出No method found for class [B
转： springboot项目rabbitmq消费者消费json格式的String，出现无限循环抛出No method found for class [B ......
idea - 文件后面显示 0%classes,0% lines covered -解决
这是因为不小心按了 可以 ctrl+Alt+F6 选择 " no coverage "按钮即可 ......
CSS---写三角形
我们在做项目开发的时候，经常会遇到需要三角小按钮，如果不引入图片和字体，其实用样式也是可以写处理的。 具体示例： .div{width: 50px; height: 50px; border-left: 50px solid red; border-right: 50px solid yellow; ......
RestController 报错No converter for class
Spring Boot项目@RestController，produces 配置错误会导致2种异常 一、Could not find acceptable representation o.s.w.s.m.support.DefaultHandlerExceptionResolver : Resol ......
CSS 第8天
# CSS 第8天 ## 复习 定位 position relative top, left, right, bottom 子绝父相 absolute 居中 fixed 遮盖 1， 2 z-index 拼爹 浏览器 hack html hack css hack 值 ......
class loader
http://docs.oracle.com/javase/7/docs/technotes/tools/findingclasses.html https://docs.oracle.com/javase/tutorial/ext/basics/load.html http://docs.orac ......
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 ......
如何在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 ......
CSS的五种定位方式【哪一种脱离文档流】
元素自身居中(非内容) 块级元素居中: margin:0 auto; 行内元素和行内块元素: 给上级元素添加 text-align:center; 定位方式 包括: 静态定位 相对定位 绝对定位 固定定位 浮动定位 静态定位(文档流定位) 格式: position:static; (默认的定位方式 ......
翻译-Automatic detection of Long Method and God Class code smells through neural source code embeddings
# Automatic detection of Long Method and God Class code smells through neural source code embeddings 通过神经源代码嵌入自动检测 Long Method 和 God Class 代码异味 Aleksa ......
聊聊CSS 缓动函数的新成员linear()
CSS 缓动函数是一种用于控制 CSS 动画过渡效果的函数，可以让动画变得更加自然。这篇文章将介绍一种新的 CSS easing function，即 `linear()`，它可以模拟出更复杂的缓动效果，文中demo请在chrome 113+中观看。 ## 什么是 easing function？ ......
13.class类的定义、宏定义、条件编译、构造函数和析构函数
类的定义 宏定义 条件编译 构造函数 析构函数 类的定义 面向对象的程序设计算法 语法: class 名{ public： 语句； praivate: 语句； protected: 语句； } public：公有： 可以在外部引用，也可以直接访问到praivate； praivate： 私有：只能在 ......
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; ......
CSS九种选择器你知道吗？
表格table - 相关标签: table表格, tr表示行,td表示列,th表头,caption表格标题 - 相关属性: border 设置边框 , rowspan跨行 colspan跨列 表单form - 作用:获取用户输入的内容,并提交给服务器 - 相关文本框: input type = te ......
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 ......
css选择器选择父元素下子元素仅有一个指定 class 的时候
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 ......
Tailwind CSS与写全局样式的优势
Tailwind CSS 是一个基于原子类的 CSS 框架，它提供了一系列的 CSS 类，可以用来快速构建网页界面。与传统的 CSS 框架不同，Tailwind CSS 不是提供一些预定义的样式，而是提供了一系列的原子类，诸如 flex, pt-4, text-center 和 rotate-90 ......
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
css3 复习
1.不固定宽高实现水平居中，垂直居中 一共有3种方法 flex display: table-cell; vertical-align: middle;text-align: center; transform: translate(-50%, -50%); 方法二： .box { width: 3 ......
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。以及相关的级联知识的深入理解。 ......
css实现文本超出固定行数显示...和展开收起
文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求，在我用js限制字符数实现之后，又去找了大佬用css实现的方法，发现这样更满足我的需求且更简单。 思路： float可以实现文字环绕效果判断展开收起的状态，可以使用复选框和伪元素结合实现复选框选中、未选中的 ......
html+css实现二级导航栏效果，简单易看懂噢！
这应该是这几天以来看到的最简单易懂的有二级菜单栏的导航栏效果实现了 使用html+css实现，看了好几天导航栏的实现方式，要么是太复杂的需要JS或者框架的，要么是太简单仅仅使用div和超链接的， 再要么就是只有简单的一级导航，没有二级菜单栏的，心情复杂 就想找一个有二级菜单栏，使用html+css实 ......
教学笔记：CSS学习笔记
### css初级篇 1．css：cascading style sheet，层叠样式表 2．引入css 1. 行间样式 `style = “ ”` 2. 页面级 `` 3. 外部文件 `` ，同时（异步）加载 ### css选择器 1. Id选择器 #（井号） 2. class选择器 .（点） 2 ......
css-select 工具包的依赖分析
我在 yarn.lock 文件里看到下列这段内容，请问其语义是？ ```yml css-select@^4.2.0: version "4.3.0" resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db ......
CSS-Select 开发包和使用案例分享
CSS-Select 是一个用于解析 CSS 选择器的工具包，它提供了一套完整的 API，可以方便地进行 CSS 选择器的解析和匹配。该工具包是基于解析器生成器 jison 开发的，可以在 Node.js 环境下使用。下面，我们来详细介绍一下 CSS-Select 工具包的作用和使用方法。 ### ......