transform场景css
css在标签右上角添加“推荐”字样的斜三角样式
可以使用CSS中的伪类:before来实现在标签右上角添加“推荐”字样的斜三角样式，具体实现代码如下： ```.recommend:before { content: "推荐"; position: absolute; top: -8px; right: -26px; z-index: 1; pad ......
3_transforms (pytorch tutorial)
Transforms Data does not always come in its final processed form that is required for training machine learning algorithms. We use transforms to perfo ......
【IT老齐002】MySQL集群模式与应用场景
【IT老齐002】MySQL集群模式与应用场景 单库模式 优点 简单粗暴 适合数据量干万以下小型应用 企业网站，创业公司首选 缺点 不具备可用性与并发性 读写分离集群模式 读写分离中间件 insert、update、delete负载均衡到从库 select路由到主库 MySQL主从复制 binlog ......
深度学习基础入门篇[七]：常用归一化算法、层次归一化算法、归一化和标准化区别于联系、应用案例场景分析。
深度学习基础入门篇[七]：常用归一化算法、层次归一化算法、归一化和标准化区别于联系、应用案例场景分析。 ......
HTML+CSS居然可以做时钟，太秀了吧
谁懂啊家人们，html+css居然可以做一个时钟出来，这么厉害的吗 咱这新手是啥也不懂啊，就会复制粘贴，反正是可以正常显示的 话不多说直接上代码，直接复制即可正常运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <me ......
Postcss css module 关注点分离
Postcss 简明教程 及 css module - 掘金 https://juejin.cn/post/6862371071115558926 PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网 https://www.postcs ......
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
四大常用MQ的优缺点和应用场景选择
一、优缺点 ActiveMQ 官网地址:http://activemq.apache.org/ - 官网介绍 Apache ActiveMQ是最流行的开源、多协议、基于Java的消息代理。它支持行业标准协议，因此用户可以从多种语言和平台的客户端选择中获益。从JavaScript、C、C++、Pyth ......
UE中根据场景模型，导出缩略图
在实际使用中，我们有了很多模型，但是有时候我们需要这些模型对应的缩略图，比如我有很多物品，我想弄个仓库，有2种方式，要么，弄个仓库场景，一个物体一个格子摆放第二种，就是为每个物体制作一个缩略图 如果一个一个制作，太麻烦了，通过程序我们可以批量导出。 教程如下： 1.先组织关卡，准备好展示柜台，以及灯 ......
深入了解 Transformers – Part 1: 介绍 Transformer 模型
动动发财的小手，点个赞吧！ 自从最新的Large Language Models（LLaM）发布以来，如OpenAI的GPT系列、开源模型Bloom或谷歌发布的LaMDA等，Transformer展现出了巨大的潜力，成为了深度学习的前沿架构楷模。 尽管已经有几篇文章介绍了 transformer 及 ......
css clear + bfc
问题： 没有设置div2的高度,为什么div1的高度 div2的高度，？ 解释： 当应用于浮动元素时，它将底部元素的外边界边缘移动到所有相关的浮动元素外边界边缘的下方。 <div style="float:left;clear: both"></div> 当应用于非浮动块时，它将非浮动块的边框边界移 ......
CSS 基础拾遗（核心知识、常见需求）
本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 核心概念和知识点 语法 C ......
MDC轻量化日志链路跟踪的若干种应用场景
"If debugging is the process of removing software bugs, then programming must be the process of putting them in." - Edsger Dijkstra “如果调试是消除软件Bug的过程，那 ......
物联网常见协议之Amqp协议及使用场景解析
摘要：本文围绕AMQP协议，为大家详细解析AMQP协议、核心技术亮点、多协议之间的对比以及使用实践。 本文分享自华为云社区《物联网常见协议之Amqp协议及使用场景解析》，作者：张俭。 引言 本文围绕AMQP协议，为大家详细解析AMQP协议、核心技术亮点、多协议之间的对比以及使用实践，并介绍华为云Io ......
Android事件分发-基础原理和场景分析
和其他平台类似，Android 中 View 的布局是一个树形结构，各个 ViewGroup 和 View 是按树形结构嵌套布局的，从而会出现用户触摸的位置坐标可能会落在多个 View 的范围内，这样就不知道哪个 View 来响应这个事件，为了解决这一问题，就出现了事件分发机制。 ......
02-CSS基础练习：JD首页的制作（快捷导航部分）
title: 02-CSS基础练习：JD首页的制作（快捷导航部分） publish: true 我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。 本文中，Banner图上方的导航，叫做快捷导航（shortcut）。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示： 上图中，sho ......
01-CSS基础练习：JD首页的制作（顶部和底部）
title: 01-CSS基础练习：JD首页的制作（顶部和底部） publish: true 前言 京东是典型的电商类网站，学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为：http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
css 利用 linear-gradient 实现条纹背景
1. 水平条纹背景 当给背景设置渐变效果时，默认的渐变方向是垂直由上到下的，效果如下： { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离，会发现渐变区域变小了： { background: linear-gradient(#aaa 40%, ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下 ......
02-CSS布局
title: 02-CSS布局 publish: true 前言 常见的布局属性 （1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。 （2）positio ......
CSS开发积累
title: 认识Web和Web标准 publish: false 让flex盒子中的子元素们，居中 flex布局常用的三行代码： display: flex; justify-content: center; // 子元素在横轴的对齐方式 （左右居中） align-items: center; / ......
CSS文章推荐
title: 认识Web和Web标准 publish: false 2020-03-16 Bootstrap 中文文档：https://code.z01.com/v4/content/tables.html 2020-03-13 CSS实现鼠标悬停弹出微信二维码 ......
CSS的一些小知识
title: 认识Web和Web标准 publish: false 隐藏盒子的几种方式 隐藏盒子，有以下几种方式： （1）方式一： overflow：hidden; //隐藏盒子超出的部分 （2）方式二： display: none; 隐藏盒子，而且不占位置(用的最多) 比如，点击X，关闭京东首页上 ......
01-CSS中的非布局样式
title: 01-CSS中的非布局样式 publish: true 前言 CSS中，有很多非布局样式，这些样式（属性）和与布局无关，包括： 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性（粗体、斜体、下划线）等。 这篇文章，我们来对上面的部分样式做一个回顾。 边框 如何用边框画一 ......
11-CSS3属性详解（一）
title: 11-CSS3属性详解（一） publish: true 前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 本文主要内容： 文本 盒模型中的 box-sizing 属性 处理兼容性问题：私有前缀 边框 背景属性 渐变 文本 text-shadow：设置文 ......
12-CSS3属性详解：动画详解
title: 12-CSS3属性详解：动画详解 publish: true 前言 本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具 ......
17-CSS3的常见边框汇总
title: 17-CSS3的常见边框汇总 publish: true CSS3 常见边框汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul ......
14-CSS3属性详解：Web字体
title: 14-CSS3属性详解：Web字体 publish: true 前言 开发人员可以为自已的网页指定特殊的字体（将指定字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊字体。从此，把特殊字体处理成图片的方式便成为了过去。 支持程度比较好，甚至 IE 低版本的浏览器也能支持。 字体 ......
13-CSS3属性：Flex布局图文详解
title: 13-CSS3属性：Flex布局图文详解 publish: true 前言 CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，适应性非常强。其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 flex 初体验 我们先来看看下面 ......
08-CSS属性：定位属性
title: 08-CSS属性：定位属性 publish: true CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; ......