当前位置： 首页 > news >正文

前端 转换笔记

news 2026/5/19 10:28:58

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>转换</title>
        <style>
            .box{
                /* 盒子摆在body的正中间 */
                position: absolute;
                top:50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 300px;
                height: 300px;
                background-color: aqua;
                /* transform: translateX(50%) translateY(-50%); */
                
            }
            .box2{
                width: 200px;
                height: 200px;
                background-color: aquamarine;
                margin: auto;
                /transition: all 2s linear;/* 转换的中心点 */
                /* 方位词：水平方向(left,center,right) 垂直方向(top,center,bottom)
                 */
                transform-origin: 50% 50%;
            }
            /* .box2:hover{ */
                /* scale()缩放 */
                /* transform: scaleX(.5); */
            /* } */
            .box2:hover{
                /* rotate: ():旋转deg度 正数顺时针，负数逆时针;*/
                /* skew():倾斜  deg度*/
                transform: scale(2,.5);
                /* transform: scaleY(.6); */
            }
        </style>
    </head>
    <body>
        <div class="box"></div>
        <div class="box2"></div>
    </body>
</html>

相关文章：

前端 转换笔记

<!DOCTYPE html> <html> <head> <meta charset"utf-8" /> <title>转换</title> <style> .box{ /* 盒子摆在body的正中间 */ position: absolut…...

编程日记 2024/6/25 14:00:33

个人开发笔记

开发笔记 开发常见问题Vue开发中页面flex滚动布局&#xff0c;内容置顶问题功能快捷键 开发常见问题 Vue开发中页面flex滚动布局&#xff0c;内容置顶问题 直接操作路由&#xff1a; const router createRouter({routes: routes,history: createWebHashHistory(),scrollBeha…...

编程日记 2024/6/25 13:58:30

pdf压缩，pdf压缩在线，pdf文件太大怎么变小

在数字化时代&#xff0c;PDF文档因其跨平台、保持原样、易于阅读和打印等特点&#xff0c;成为了我们日常工作和生活中不可或缺的一部分。然而&#xff0c;随着PDF文件的不断累积&#xff0c;存储空间逐渐变得紧张&#xff0c;特别是在处理大量大型PDF文件时&#xff0c;如何有…...

编程日记 2024/6/25 13:56:28

Go 如何使用指针灵活操作内存

&#x1f49d;&#x1f49d;&#x1f49d;欢迎莅临我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…...

编程日记 2024/6/25 13:55:27

【面试干货】Java中的++操作符与线程安全性

【面试干货】Java中的操作符与线程安全性 1、什么是线程安全性&#xff1f;2、 操作符的工作原理3、 操作符与线程安全性4、如何确保线程安全&#xff1f;5、 结论 &#x1f496;The Begin&#x1f496;点点关注&#xff0c;收藏不迷路&#x1f496; 在Java编程中&#xff0c;操…...

编程日记 2024/6/25 13:54:25

NLP学习与踩坑记录（持续更新版）

NLP学习与踩坑记录&#xff08;持续更新版&#xff09; OSError: Cant load tokenizer for bert-base-uncased.google.protobuf.message.DecodeError: Error parsing messageDeepspeed 本博客记录了博主在学习NLP时遇到了各种各样的问题与解决方法&#xff0c;供大家参考&#…...

编程日记 2024/6/25 13:53:24

Java也能做OCR！SpringBoot 整合 Tess4J 实现图片文字识别

文章目录 1. 环境准备1.1 安装 Tesseract OCR 引擎1.2 引入 Tess4J 依赖 2. 创建 Spring Boot 项目2.1 初始化项目2.2 目录结构 3. 编写 OCR 功能代码3.1 创建服务层3.2 创建控制器层 4. 配置 Tesseract 语言包5. 运行和测试5.1 启动 Spring Boot 应用5.2 使用 Postman 或 cURL…...

编程日记 2024/6/25 13:51:20

微信小程序常用标签及其用法

大家好&#xff0c;我是linzi&#xff0c;今天我来给大家分享一下微信小程序一些个常用的标签及其用法 1. <view> 标签 <view> 标签是小程序中最常用的标签之一&#xff0c;用于组织和布局页面上的内容&#xff0c;类似于HTML中的 <div> 标签。 <view …...

编程日记 2024/6/25 13:50:19

开发查询订单信息fastGPT智能体工作流 将工作流接入到人工客服系统

我在抖音上发布了视频 https://www.douyin.com/video/7382446337482099977 下面是主要内容介绍 【视频标题&#xff1a;】开发查询订单信息fastGPT智能体工作流 将工作流接入到人工客服系统 #智能体 #FastGPT #客服系统-----------【视频行业分类&#xff1a;】<3C数码>-…...

编程日记 2024/6/25 13:49:18

Flink集群运行模式

我们了解了flink的一个集群的一个基础架构&#xff0c;包括里面核心的一些组件&#xff0c;比如说job manager&#xff0c;task manager等一些组件的一些主要的一些组成。本节课程开始我们学习flink的一个集群部署模式。首先我们来看一下flink集群部署模式究竟应该有哪一些种类…...

编程日记 2024/6/25 13:48:17

XSS 安全漏洞介绍及修复方案

简介 XSS&#xff08;Cross Site Scripting&#xff09;是一种常见的 Web 安全漏洞&#xff0c;攻击者通过在网页中注入恶意脚本代码&#xff0c;使得网页在用户端执行这些脚本&#xff0c;从而窃取用户信息或者进行其他恶意操作。为了防止 XSS 攻击&#xff0c;可以使用正则表…...

编程日记 2024/6/25 13:47:16

基于STM32的智能仓库管理系统

目录 引言环境准备智能仓库管理系统基础代码实现&#xff1a;实现智能仓库管理系统 4.1 数据采集模块4.2 数据处理与分析4.3 通信模块实现4.4 用户界面与数据可视化应用场景&#xff1a;仓库管理与优化问题解决方案与优化收尾与总结 1. 引言 智能仓库管理系统通过使用STM32嵌…...

编程日记 2024/6/25 13:44:13

LeetCode —— 只出现一次的数字

只出现一次的数字 I 本题依靠异或运算符的特性&#xff0c;两个相同数据异或等于0&#xff0c;数字与0异或为本身即可解答。代码如下: class Solution { public:int singleNumber(vector<int>& nums) {int ret 0;for (auto e : nums){ret ^ e;}return ret;} };只出…...

编程日记 2024/6/25 13:43:12

python遍历文件夹中所有图片

python遍历文件夹中的图片-CSDN博客 这个是之前的版本&#xff0c;现在这个版本会更好&#xff0c;直接进来就在列表中 path glob.glob("1/*.jpg")print(path)print(len(path))path_img glob.glob("1/*.jpg")path_img.extend(path)print(len(path_img))…...

编程日记 2024/6/25 13:42:11

速盾：DDOS能打死高防ip吗？

DDoS攻击是一种利用大量计算机或设备发起的分布式拒绝服务攻击。它的目标是通过发送大量流量或请求&#xff0c;使目标服务器或网络资源无法正常工作。高防IP是一种具有强大防御能力的网络服务&#xff0c;能够抵御各种形式的网络攻击&#xff0c;包括DDoS攻击。然而&#xff0…...

编程日记 2024/6/25 13:40:10

3dsMax怎样让渲染效果更逼真出色？三套低中高参数设置

渲染是将精心构建的3D模型转化为逼真图像的关键步骤。但要获得令人惊叹的渲染效果&#xff0c;仅仅依赖默认设置是不够的。 实现在追求极致画面效果的同时&#xff0c;兼顾渲染速度和时间还需要进行一些调节设置&#xff0c;如何让渲染效果更加逼真&#xff1f; 一、全局照明与…...

编程日记 2024/6/25 13:37:07

Android的OverlayFS原理与作用

标签： OverlayFS； Android；Overlay Filesystem； Android的OverlayFS原理与作用 概述 OverlayFS（Overlay Filesystem）是一种联合文件系统，允许将一个或多个文件系统叠加在一起，使它们表现为一个单一的文件系统。Android系统利用OverlayFS来实现动态文件系统的叠加和管…...

编程日记 2024/6/25 13:35:05

奇点临近：人类与智能时代的未来

在信息爆炸的时代&#xff0c;我们每天都被海量的信息所淹没&#xff0c;如何才能在这个嘈杂的世界中找到真正有价值的信息&#xff1f;如何才能利用信息的力量&#xff0c;提升我们的认知水平&#xff0c;重塑我们的未来&#xff1f; 这些问题的答案&#xff0c;或许都能在雷…...

编程日记 2024/6/25 13:33:02

NAS教程丨铁威马如何登录 SSH终端？

适用型号&#xff1a; 所有TNAS 型号 如您有特殊操作需要通过 SSH 终端登录 TNAS&#xff0c;请参照以下指引&#xff1a; (注意: 关于以下操作步骤中的"cd /"的指令,其作用是使当前 SSH/Telnet 连接的位置切换到根目录,以免造成对卷的占用.请不要遗漏它.) Windows…...

编程日记 2024/6/25 13:32:00

2024-06-24 百度地图的使用及gps定位坐标获取

1.百度地图的使用教程 2. 定位功能的实现 第一种&#xff1a;通过h5自带定位获取当前gps坐标 var options {enableHighAccuracy: true,timeout: 5000,maximumAge: 0};function success(pos) {var crd pos.coords;alert(crd.latitude---crd.longitude---crd.accuracy);conso…...

编程日记 2024/6/25 13:27:56

从外卖配送范围到跨国航线规划：Geopy距离计算的3个实战场景与避坑经验

从外卖配送范围到跨国航线规划&#xff1a;Geopy距离计算的3个实战场景与避坑经验 在数字化浪潮席卷各行各业的今天&#xff0c;地理距离计算已成为许多商业应用的核心技术组件。无论是外卖小哥的手机App上闪烁的配送范围提示&#xff0c;还是国际物流系统中精确到米的航线规划…...

编程新知 2026/5/19 10:27:17

华为擎云L420变身MCU开发主力机：VSCode + Cortex-Debug + 自编译工具链玩转雅特力AT32

华为擎云L420打造高效MCU开发环境&#xff1a;VSCodeCortex-Debug全流程实战 在嵌入式开发领域&#xff0c;效率工具的选择往往能决定项目的成败。当国产化浪潮席卷技术圈&#xff0c;越来越多的开发者开始尝试在纯国产硬件上构建完整的工作流。华为擎云L420作为一款基于ARM架构…...

编程新知 2026/5/19 10:09:26

BesTV_R3300-L S905L芯片刷机实战：从驱动识别到固件烧录的完整避坑指南

1. 认识你的BesTV_R3300-L盒子 我手头这台BesTV_R3300-L盒子已经吃灰大半年了&#xff0c;原厂系统用起来卡顿不说&#xff0c;还经常弹出各种广告。拆开外壳看到S905L芯片的那一刻&#xff0c;我就知道这玩意儿有救——毕竟这是刷机圈里的"老熟人"了。先给新手朋友科…...

编程新知 2026/5/19 9:43:57

御坂翻译器：终极Galgame实时翻译解决方案，5分钟开启无障碍游戏体验

御坂翻译器&#xff1a;终极Galgame实时翻译解决方案&#xff0c;5分钟开启无障碍游戏体验 【免费下载链接】MisakaTranslator 御坂翻译器—Galgame/文字游戏/漫画多语种实时机翻工具 项目地址: https://gitcode.com/gh_mirrors/mi/MisakaTranslator 你是否曾因语言障碍…...

编程新知 2026/5/19 9:41:56

overwrite

编写overwrite.c程序#inlcude<stdio.h> int main() {int b 123;int c 789;int a 456;char s[100];printf("%p\n", &a);scanf("%s", s);printf(s);if (a 16){puts("my name is c");}else if (a 2){puts("my name is small&qu…...

编程新知 2026/5/19 9:31:50

基于Google App Engine构建物联网能耗监测系统：从传感器到可视化全栈实践

1. 项目概述与核心价值如果你和我一样&#xff0c;对家里或办公室里那些“电老虎”设备到底消耗了多少能源感到好奇&#xff0c;甚至想为节能减排做点贡献&#xff0c;那么自己动手搭建一个能耗监测系统会是一个极具成就感的项目。这不仅仅是技术上的挑战&#xff0c;更是一种将…...

编程新知 2026/5/19 9:12:35

Claude Code 模型切换脚本 switch.sh 编写

背景 Claude code 使用不同模型&#xff0c;需要切换&#xff0c;之前手动切换重命名 setting.json 和环境变量修改&#xff0c;想着切换麻烦&#xff0c;编写个脚本吧&#xff0c;用 claude code 编写。基本流程是&#xff1a; 将 settings-model.json 复制为 settings-json。…...

编程新知 2026/5/19 7:53:04

OpenClaw用户指南，如何正确配置Taotoken作为其大模型供应商

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 OpenClaw用户指南&#xff0c;如何正确配置Taotoken作为其大模型供应商 对于使用OpenClaw这类Agent框架的开发者来说&#xff0c;接…...

编程新知 2026/5/19 7:33:06

SmartDock：让Android设备拥有桌面级生产力的智能启动器

SmartDock&#xff1a;让Android设备拥有桌面级生产力的智能启动器 【免费下载链接】smartdock A user-friendly desktop mode launcher that offers a modern and customizable user interface 项目地址: https://gitcode.com/gh_mirrors/smar/smartdock 你是否曾经想过…...

编程新知 2026/5/19 6:31:12

【免费下载】 PyTorch框架入门PPT下载

PyTorch框架入门PPT下载 【下载地址】PyTorch框架入门PPT下载 PyTorch框架入门PPT下载 项目地址: https://gitcode.com/open-source-toolkit/a64b8 资源介绍 本仓库提供了一个名为“PyTorch框架入门PPT”的资源文件下载。该PPT文件旨在帮助初学者快速入门PyTorch框架&a…...

编程新知 2026/5/19 5:04:51