属性 动画css3 css
【事务】【@Transactional】@Transactional注解的rollbackFor属性
背景： 代码是这样写的： @Service @Transactional public class LoginBizImpl implements LoginBiz { // .... 省略 } 阿里巴巴规范扫描， 它就提示attribute rollbackfor of annotation tr ......
CSS in JS (JSS)
JSS 是什么 简单来说，一句话概括CSS in JS (JSS)，就是"行内样式"（inline style）和"行内脚本"（inline script）。 因为，自从React出现以后，基于组件化的要求，强制把HTML、CSS、JavaScript捆绑在一起，在同一个文件里面，封装了结构、样式、 ......
Maven高级——属性
属性 自定义属性 定义属性 <!-- 定义属性--> <properties> <spring.version>5.2.10.RELEASE</spring.version> <junit.version>4.12</junit.version> <jdbc.url>jdbc:mysql://loc ......
CSS中的BFC详解
引言： 这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。 一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说 ......
[CSS]网页内容黑白展示
针对某些特殊事件需求。 基本思路： html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 考虑兼容性，应在<html>标签加入行内样式： ......
伪元素和CSS类
伪元素和CSS类 伪元素可以结合CSS类： p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p> 上面的例子会使所有 class 为 article 的段落的首字母变为红色。 https://www.81rz.com/ ......
### 类的私有属性 **__private_attrs**：两个下划线开头，声明该属性为私有，不能在类的外部被使用或直接访问
1 class Demo(): 2 __num = 0 # 私有属性 3 result = 0 # 公开属性 4 5 def count(self): 6 self.__num += 1 7 self.result += 1 8 print(self.__num) 9 10 def getnum(s ......
css清除浮动最好的方法
.clearfix:before,.clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } ......
css-6个可以在css属性中使用的函数
1- calc计算结果 div{ width: calc(100vm - 50px); } 2- var它可以将 CSS变量的值赋予属性 :root { --main-bg-color: coral; --main-padding: 15px; } div{ background-color: va ......
TypeScript给接口添加任意属性
一个接口允许存在任意的属性 interface IPerson { name: string; age: number; userBio?: string; [propName: string]: any; } let wangzz: IPerson = { name: 'wangzz', age: ......
网页端输入代码执行HTML/CSS/JS
HTML代码 <textarea name="textarea" cols="60" rows="10" id="runJS"> 这里可以运行</textarea> <input onclick="runCSS('runJS')" type="button" value="运行代码" style=" ......
Teamcenter 表格属性与key-value属性配置 --转自联宏
TC新增了表属性及名称-值属性，如图1。本文介绍了名称-值的添加方法及表现形式。由于名称-值属性是依附于表属性存在的，所以必须遵循表属性的规则。 图1 具体操作步骤 新建属性，选择“名称-值”类型，输入名称r8_NameValue，点击完成按钮，如图2； 图2 部署至服务器，新建汇总渲染数据集Xml ......
CSS的三种样式及选择器
一.概述 css一共有三种样式，分别是：行内样式，内部样式，外部样式 行内样式：写入在HTML标签内，是最不规范的写法，没有突出HTML+CSS的关键就是骨架和美化分离，这样写在一起的行内样式，代码的复读性也很低，所以一般不建议使用 内部样式：一般写在头部标签中，代码可读性比较高，不适合大量的css ......
自定义 v-model 解决 Vue prop 只读属性，不可修改的问题
所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......
前端设计模式——计算属性模式
计算属性模式（Computed Property Pattern）：在JavaScript中，可以使用Object.defineProperty()方法来实现计算属性模式，通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
Angular 应用 tsconfig.json 文件里的 typeRoots 属性讲解
在 Angular 应用中，tsconfig.json 文件是 TypeScript 编译器的配置文件，用于配置 TypeScript 编译器的编译选项。其中，"typeRoots": ["node_modules/@types"] 是一个编译选项，用于告诉 TypeScript 编译器在哪里查找类 ......
css-内容超出区域
overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况 ......
浏览器对象属性 window.innerWidth 和 window.outerWidth 这两个宽度属性有何区别？
window.innerWidth 和 window.outerWidth 是两个浏览器对象属性，分别代表浏览器窗口的内部宽度和外部宽度。它们的区别如下： window.innerWidth: 表示浏览器窗口的内部宽度，即可视区域的宽度。这个宽度不包括滚动条，但包括任何边框（border）和内边距（ ......
关于Java：使用Mockito注入自动装配的bean并在模拟上设置一些属性
demo /** * @author lfy * @Description 支付上下文引用支付策略； 这个上下文也是模板类；定义好算法步骤 * @create 2022-12-28 22:46 */ @Service @Slf4j //模板类 public class PayServiceImpl ......
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
为什么网站性能调优准则里都强调要 Use inline fonts and CSS instead of loading them asynchronously？ 网站性能优化的一个重要目标是尽可能地缩短页面加载时间，使用户可以更快地访问您的网站。加载字体和CSS样式表是构建页面的重要组成部分，但是 ......
获取标签的自定义属性
<template> <div> <!--注意命名data-格式--> <h1 :data-myName="name" :data-age="age" @click="btn">测试</h1> </div> </template> <script> export default { data(){ ......
CSS
字体属性 text-decoration none:无任何装饰线，可以去掉a标签默认的下划线 underline：下划线 overline:上划线 line-through:中划线（删除线） text-transform capitalize:首字母大写 uppercase:将所有单词转为大写 lo ......
动画
动画 动画是使元素从一种样式逐渐变化另一种样式的效果 你可以改变任意多的样式任意多的次数 请用百分比来规定变化发生的时间,或用关键词"from"和"to",等同于0%和100% 0%是动画的开始,100%是动画的完成. @keyframes创建动画 使用@keyframes规则,你可以创建动画 @k ......
css3新特性
css3新特性 圆角 使用CSS3 border-radius属性,你可以给任何元素制作"圆角" border-radius属性,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角 ......
css盒子水平垂直居中的几种方式
第一种：son盒子中定位的上下左右全部为0，然后margin：auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
css3实现模糊背景
☆filter采用高斯模糊，只能在背景图片上，纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
使用css绘制聊天气泡
实现原理： 给聊天区域的边框补充一个三角形 1： 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......