属性 动画css3 css
css 按钮背景透明
background-color: Transparent; background-repeat:no-repeat; border: none; outline:none; ......
vue2之对象属性的监听
vue2之对象属性的监听的一些总结 对象属性监听的两种方法: 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
jquery 禁用按钮无效 disabled属性设置无效
禁用按鈕 $(this).prop("disabled", true); 啟用按鈕 $(this).prop("disabled", false); 禁用按鈕 $(this).attr("disabled","disabled"); 啟用按鈕 $(this).removeAttr("disabled ......
css实现文字的条纹阴影效果
先写下一段文字 添加重复的线性渐变,该渐变倾斜45deg(倾斜角度依需求设置) 上面的为黑色、透明色的渐变,实际上渐变的颜色需要跟文字的背景颜色相同,如果文字的背景色是白色那么渐变的颜色就是白色、透明色,白色用来融入背景,透明色用来显示被遮住的文字,如下: 写下相同的文字,覆盖条纹阴影,调整文字的位 ......
css样式基础
标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> #menu{ background: red; height: 80px; } ......
css实现折扇案例
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l ......
css实现一个太极案例
搭建一个太极的盒子 <body> <div></div> </body> 样式(使用 linear-gradient线性渐变;radial-gradient径向渐变) <style> body { background-color: lightcyan; } div { width: 200px; ......
css实现三角形
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果: 2、下三角形 i { width: 0; height: 0; borde ......
使用css实现图片轮播功能
功能实现: 先搭建一个用于轮播的容器,水平置入需要轮播的图片,设置图片大小为容器的大小,超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度,这样一个简单的轮播就做好了 废话不多说,世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
css中关于超出显示省略号
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
css笔记
水平布局 这段时间编写静态页面,学习了几种水平布局,其中有不小的差异和注意事项,特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素,可以在不脱离文档流的情况下实现水平布局,且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题,解决方法如下: 设置父元素fo ......
GCC中的aligned和packed属性
GCC支持用__attribute__为变量、类型、函数、标签指定特殊属性。这些不是编程语言标准里的内容,而属于编译器对语言的扩展。 本文介绍其中的两个属性:aligned和packed。 aligned aligned属性最常用在变量声明上。它的作用是告诉GCC,为变量分配内存时,要分配在对齐的内 ......
将列表中对象的某些属性抽出来组成新的对象列表
使用map()和 Object.assign()函数 let map = response.data[0].children.map((item,index)=>{ return Object.assign({},{'code':item.key,'descValue':item.label}) } ......
CSS 媒体查询 @media【详解】
关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
一统天下 flutter - 路由和导航: PageRouteBuilder - 路由跳转动画(让 pushNamed() 实现转场动画)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 路由和导航: PageRouteBuilder - 路由跳转动画(让 pushNamed() 实现转场动画) 示例如下: lib\route\ ......
一统天下 flutter - 动画: Tween - 补间动画(曲线型动画)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Tween - 补间动画(曲线型动画) 示例如下: lib\animation\tween2.dart /* * Tween - 补间 ......
一统天下 flutter - 动画: Tween - 补间动画(直线型动画)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Tween - 补间动画(直线型动画) 示例如下: lib\animation\tween.dart /* * Tween - 补间动 ......
一统天下 flutter - 动画: 自定义 Tween - ColorTween, CurveTween, SizeTween, RectTween, AlignmentTween, BorderTween, BoxConstraintsTween, DecorationTween, EdgeInsetsTween, TextStyleTween, IntTween 等
一统天下 flutter - 动画: 自定义 Tween - ColorTween, CurveTween, SizeTween, RectTween, AlignmentTween, BorderTween, BoxConstraintsTween, DecorationTween, EdgeIn... ......
一统天下 flutter - dart: 泛型(泛型类,泛型属性,泛型方法,泛型扩展方法)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - dart: 泛型(泛型类,泛型属性,泛型方法,泛型扩展方法) 示例如下: lib\dart\generic.dart /* * dart 泛型 ......
一统天下 flutter - 动画: XxxTransition - 支持直接关联 Animation<T> 并自动重绘的 Widget(FadeTransition, SizeTransition, SlideTransition, AlignTransition, DecoratedBoxTransition, DefaultTextStyleTransition, PositionedTransition, RotationTransition, ScaleTransition 等)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: XxxTransition - 支持直接关联 Animation 并自动重绘的 Widget(FadeTransition, Size ......
一统天下 flutter - 动画: CurvedAnimation - 曲线型动画(缓动动画)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: CurvedAnimation - 曲线型动画(缓动动画) 示例如下: lib\animation\curved_animation. ......
一统天下 flutter - 动画: Animation - 动画基础(以直线型动画为例)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Animation - 动画基础(以直线型动画为例) 示例如下: lib\animation\animation.dart /* * ......
一统天下 flutter - 动画: Stagger - 复合动画,即一个 AnimationController 控制多个动画
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Stagger - 复合动画,即一个 AnimationController 控制多个动画 示例如下: lib\animation\s ......
一统天下 flutter - 动画: AnimatedBuilder - 用于简化 AnimatedWidget 动画
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: AnimatedBuilder - 用于简化 AnimatedWidget 动画 示例如下: lib\animation\animat ......
一统天下 flutter - 动画: Hero - 一个对象从一个页飞入另一个页的动画
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Hero - 一个对象从一个页飞入另一个页的动画 示例如下: lib\animation\hero.dart /* * Hero - ......
一统天下 flutter - 动画: AnimatedXxx - 极简动画 Widget(AnimatedContainer, AnimatedDefaultTextStyle, AnimatedOpacity, AnimatedPadding, AnimatedPositioned, AnimatedRotation,AnimatedScale, AnimatedSize, AnimatedSlide 等)
一统天下 flutter - 动画: AnimatedXxx - 极简动画 Widget(AnimatedContainer, AnimatedDefaultTextStyle, AnimatedOpacity, AnimatedPadding, AnimatedPositioned, Animat... ......
一统天下 flutter - 动画: AnimatedWidget - 用于实现自定义的 Transition
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: AnimatedWidget - 用于实现自定义的 Transition 示例如下: lib\animation\animated_w ......
Spring data JPA: No property XXX found for type XXX 根据方法名字中属性未找到 映射数据库实体Entity中的属性 可能不规范命名或者方法名字写错 建议小驼峰命名不带下划线
Spring data JPA: No property XXX found for type XXX https://blog.csdn.net/weixin_44712778/article/details/115896555 今天开发的时候,遇见一个特别容易被忽视的问题,也是踩坑了,但是我的坑 ......
Django笔记四之字段属性
这篇笔记介绍的 field options,也就是 字段的选项属性。 首先,关于 model,是数据库与 python 代码里的一个映射关系,每一个 model 是django.db.models.Model 的一个子类。 model 里每一个属性值(即字段)代表数据库的字段,通过 定义 model ......