实用技巧 技巧css
h5表单验证纯css示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
【css】calc() 函数
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......
Java Jackson框架使用小技巧
Jackson框架： Jackson是一个简单的、功能强大的、基于Java的应用库。它可以很方便完成Java对象和Json对象(xml文档or其它格式）进行互转。Jackson社区相对比较活跃，更新速度也比较快。 Jackson库有如下几大特性： - 高性能且稳定：低内存占用，对大/小JSON串，大 ......
【css】@keyframes
一、transform 和@keyframes动画的区别： @keyframes动画是循环的，而transform 只执行一遍. 二、@keyframes CSS3中添加的新属性animation是用来为元素实现动画效果的，但是animation无法单独担当起实现动画的效果。承载动画的另一个属性—— ......
【css】旋转，亮度变化
先定位 1 position: absolute;//绝对定位(很重要) 2 left: 124px;//定位位置，一般为盒子宽高的一半，可以是50%，50% 3 top: 102px; 4 transform: translate(-50%, -50%);//变换方向 5 //旋转 6 anima ......
< Python全景系列-3 > Python控制流程盘点及高级用法、神秘技巧大揭秘！
全面深入地介绍 Python 的控制流程，包括条件语句、循环结构和异常处理等关键部分，尤其会将列表解析、生成器、装饰器等高级用法一网打尽。此外，我还将分享一些独特的见解和研究发现，希望能给你带来新的启发。文章的结尾，我们将有一个 "One More Thing" 环节，我会分享一个很特别但又很少人知... ......
html css 实现图片扫描特效
实现这个特效需要做3个层，所以要用到CSS绝对定位和层级z-index以及设置top、left、bottom、right的值。大体结构是一个容器，容器里放3个层，底层是4个角的边框效果容器，中间层是要扫描的图片容器，顶层是扫描线容器，这3个层通过z-index来实现层级，它们的高宽度都取父容器的高宽 ......
scss好用的方法技巧
SCSS 是 CSS 的超集，即所有 CSS 功能都将在 SCSS 中可用，并且包含 SASS（Syntactically Awesome Style Sheets）的一些功能。 SCSS 使任何 CSS 术语都有效。 &符号 .dashboard { &-container { margin: 3 ......
CSS三大特性
CSS 的三大特性包括： 层叠性（Cascading） 层叠性是指用于控制多个样式定义同时应用到某个元素时，如何决定哪个样式定义将被应用的机制。CSS 样式表中的规则可以根据其特定优先级与其他规则进行层叠，最终得到应用于元素的样式。常用的应用场景有： 通过应用不同的样式类来覆盖或扩展第三方 CSS ......
css background-image 大小自适应
html设置背景图片，默认情况会按照图片的原始大小显示。 但遇到有些情况要背景图片也要适应页面大小的时候可以使用以下样式 -moz-background-size:100% 100%; background-size:100% 100%; ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子： .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器（在2017年之前称为一般同胞组合器）： 后继同胞组合器由“波浪号”（U+007E，~）字符组成，它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级，并且由第一个序列表示的元 ......
记录--10个超级实用的Set、Map使用技巧
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Set是一种类似于数组的数据结构，但是它的值是唯一的，即Set中的每个值只会出现一次。Set对象的实例可以用于存储任何类型的唯一值，从而使它们非常适用于去重。 Map是一种键值对集合，其中每个键都是唯一的，可以是任何类型，而值则可以是任何 ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......
电商JD商城登录页面html+css
这也太难了吧，怎么连抄咱也不会抄啊QAQ 看了这么久的前端，总是感觉看得懂，写不出来，抄也不会抄 这不，这又抄写了一个京东电商商城的登录页面，本来想好好学习一下页面的布局以及编写结构和思维， 结果html代码还行，至少可以看的懂，到了css上就完全不知道怎么设置样式了，感觉有的样式完全可以不设置， ......
看源码技巧
1.利用好idea的debug功能 2.不要避重就轻, 就是说先通读快读代码, 建立整体的概念, 理解某个方法内重要的步骤有哪些, 分成大块儿总结出来(不要一上来就一行一行的仔细看, 源码通常都很多很深, 一行行的看, 看到猴年马月) 3.可以把代码粘出来, 不重要的代码先该删的删掉, 保留重要节点 ......
MegEngine 使用小技巧：用 mperf 进行安卓 opencl 算子的 roofline 分析
roofline 分析是一种简单评估当前计算任务对当前平台计算/访存能力的利用情况的方法，可以帮助分析算子的优化方向和优化潜力。 ......
使用Ansible实现自动化运维的一些技巧
提示：本文要求读者有一定的 Ansible 使用经验 最近一年才有机会在生产环境上使用 Ansible。用的过程中，想把一些小技巧记录下来，避免自己忘记。如果能帮助到其他同学就更好了。如果有同学指出有更好的方法，就更更好了。 技巧1：校验你的模板文件是否正确 通常我们会使用template modu ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......
CSS学习1 认识CSS；三种CSS的编写样式；CSS注释；常见的CSS样式；元素link；CSS颜色表示方法；浏览器开发者工具；浏览器的渲染流程
1_认识CSS what：为网页添加样式（美化界面）；一门样式表语言，不是编程语言 发展历史 css1（两个人合作发布） css2（w3c） css3（模块化持续发展中） 总结：美化HTML，让HTML与CSS分离 方式一：添加样式，例如颜色、字体，大小 方式二：布局，按照某种结构显示 2_三种CS ......
Conda实用命令
虚拟环境配置 1.新建虚拟环境 conda create —name envName python=3.x 名为envName的虚拟环境，基于python3.x 新创建的环境中多建几个包： conda create -n envName python=3.x numpy pandas 2.切换和退出 ......
03-CSS 的基本使用
CSS 的基本使用 学习目标 能够知道css的作用 能够知道 css 的引入三种方式 能够说出 css 选择器的种类 能够知道常用的样式属性 能够说出元素溢出的解决办法 能够说出标签隐藏设置 能够知道盒子模型中的各个属性 一、CSS的介绍 1. css 的定义 css(Cascading Sty ......
python 小技巧, 如何找到多个字典中的公共键(key)
  { App app = ......
CSS 常用苹方字体
// 苹方-简 常规体font-family: PingFangSC-Regular, sans-serif; // 苹方-简 极细体font-family: PingFangSC-Ultralight, sans-serif; // 苹方-简 细体font-family: PingFangSC-L ......
常用css
单行省略 /* * 强制不换行： white-space: nowrap; * 超出隐藏： overflow: hidden * 超出的文本显示省略号： text-overflow: ellipsis; * 需要设置宽度 */ .t-ellipsis { white-space: nowrap; o ......
css中rem，em
名词解释,rem是使用的重点 1.rem的定义理解： 通过设置 根元素<html>的font-size的大小，来控制整个html文档内的字体大小、元素宽高、内外边距等， 2.rem（font size of the root element）是指相对于根元素的字体大小的单位。 em（font siz ......
美观实用的环形图，提升数据表达效果
什么是环形图？ 环形图是一种数据可视化的图表类型，它通常用于显示数据的比例关系和占比情况。环形图与饼图类似，都是由一个圆形或圆环和若干个扇形组成，每个扇形的面积大小表示该数据所占比例的大小。与饼图不同的是，环形图通常会在圆心处放置标签或其他信息，同时环形图还可以设置内圆和外圆，使得图表更加美观易懂。 ......