文章目录

  • 思路
  • demo1 旋转少女
    • 效果
    • 代码实现
  • demo2 旋转表单
    • 效果
    • 关键思路
    • 代码



  • 面试官：知道用CSS3玩转旋转卡片的正确姿势吗？

  • 我：这个当然知道啊，我精通css3，这可难不倒我

  • 面试官：好，那你实现一个旋转卡片效果，这里有两张图片，你搞成旋转开包的样子

  • 我：好家伙，你要说到开包，这我可不困了，tnnd黑心游戏厂商，@#@#*@#！为了坑我们这些肥宅游戏玩家氪金开包，各种花里胡哨的下三滥手段都玩个遍，我咒它们早日倒闭！

  • …

  • 面试官：好家伙，我也这么觉得的，同是天涯沦落人，小伙子，明天来我这上班吧，今后带你吃香的喝辣的玩男人都爱玩的（游戏），一起搞大事业，干趴黑心厂家，这下割玩家韭菜的就是我们了，岂不美哉…



思路

  • 父div使用相对定位包裹着两个子div(名为son1,son2)

  • 两个子元素使用绝对定位定位在同一个位置

  • 初始时一个div翻转到后面隐藏，另一个在前面显示

  • 当鼠标悬停或点击触发旋转时，前面的子元素旋转180度，到背面隐藏；背面的元素旋转360度，转到前面显示

  • 核心：

    .前者, .后者{/*谁在后面谁就被隐藏起来,即背面不可见*/ backface-visibility: hidden;transition: all 1.5s;
}.后者{/*刚开始让后者转到后面去*/transform: rotateY(180deg);
}触发旋转时 前者{/*鼠标悬浮在元素上时，前面一层的元素正旋转180度，实现前者旋转到背面，达到隐藏的效果*/transform: rotateY(180deg);
}触发旋转时 后者{/*鼠标悬浮在元素上时，前面一层的元素正旋转360度，实现前者旋转到前面，达到显示的效果 */transform: rotateY(360deg);
}

  • 如果想附加一些角度效果，形成仰视旋转的样子，可使用perspective属性。

demo1 旋转少女

开包游戏都玩过吧？卡片转啊转，开出几个老婆出来，好家伙，转来转去真可爱。

效果

img



代码实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>卡片翻转</title><style>.outside {width: 220px;height: 276px;cursor: pointer;margin: 50px auto;position: relative;perspective: 500px;}.outside img {max-width: 220px;}.front_img, .back_img {width: 100%;height: 100%;position: absolute;/* 子元素相对于父元素使用绝对定位，两个子元素都定位到同一个位置，实现重叠的效果 */top: 0;left: 0;perspective: 1000px;backface-visibility: hidden;transition: all 1.5s;}.back_img {transform: rotateY(180deg);}.outside:hover .front_img {transform: rotateY(180deg);}.outside:hover .back_img {/*鼠标悬浮在元素上时，前面一层的图片正旋转360度，实现前面的图片旋转到前面，达到显示的效果 */transform: rotateY(360deg);}</style>
</head>
<body>
<div><div class="outside"><div class="front_img"><img src="https://i0.hdslb.com/bfs/article/1e3c40b20b678715fc280a0d102589b3393526a9.jpg@1320w_1904h.webp" alt="front_picture"/></div><div class="back_img"><img src="https://i0.hdslb.com/bfs/article/9d34dd08bf746e07bcb55a08d504123cfd7cbb27.jpg@1320w_1980h.webp"alt="back_ground"/></div></div>
</div>
</body>
</html>

demo2 旋转表单

实现一个好看地一批的登录表单？来，这就撸一个出来。

效果

img

关键思路

  • 通过js给父元素动态添加registering（或者叫其它）的类名
  • 有login在时，.registering下的.demo-login旋转180度到前后面去，.demo-register`旋转到前面来
  • 没login时，.registering .demo-register旋转180度到前后面去，.demo-login旋转到前面来
/* 关键部分 */
.registering .demo-login, .demo-register {/* translate按哪个轴进行移动 水平方向：正右负左 垂直：负上正下 元素中心和父元素中心保持对齐 水平垂直居中 */transform: perspective(1000px) translate(-50%, -50%) rotateY(180deg);backface-visibility: hidden;transition: all 1.5s;
}.registering .demo-register, .demo-login {transform: perspective(1000px) translate(-50%, -50%) rotateY(0deg);backface-visibility: hidden;transition: all 1.5s;
}



代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="https://at.alicdn.com/t/font_1156682_y7tsfj12kx.css"><style>* {margin: 0;padding: 0;box-sizing: border-box;}body, html {height: 100%;}body {font: 18px/1.5em Arial;color: #000;/*background: url("http://pic1.win4000.com/wallpaper/0/544b36fae2969.jpg") center center no-repeat;*/background-size: cover;}a {color: #000;/* 取消a标签的下划线 */text-decoration: none;}ul {/* 取消列表的点 */list-style: none;}.clearfix:after {content: '';display: block;clear: both;}header {height: 50px;position: relative;}header a {color: #000;border: 1px solid blue;border-radius: 50%;position: absolute;top: 15px;right: 20px;}.demo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 500px;padding: 16px;background-color: #fff;box-shadow: 0 3px 4px 5px rgba(0, 0, 0, 0.2);}.demo-login, .demo-register {border: 2px solid #345dc2;}.demo .close {position: absolute;top: 9px;right: -13px;}.demo ul {/*border: 1px solid black;*/width: 40%;margin: 18px auto;}.demo ul li:first-child {float: left;margin: 5px 10px;text-align: center;}.demo ul li:last-child {float: right;margin: 5px 10px;text-align: center;}.demo li a {font-size: 20px;color: #666;}.demo li a.active {border-bottom: 3px solid #444;}.demo .info {color: #ff0037;font-size: 12px;margin: 0 62px;}.demo .username, .password {border: 1px solid #ccc;margin: 25px auto;width: 370px;}.demo span {display: inline-block;margin: 10px 8px;}.demo .text {/* 取消input的最外层框 */border: none;height: 46px;width: 330px;}.demo input {/* outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 */outline: medium;padding: 5px 12px;}.demo .input-field {width: 50%;/*border: 1px solid black;*//*display: inline-block;*/background: #fff;margin: 0 auto 20px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);}.demo input[type="submit"] { /* 按钮美化 */width: 100%; /* 宽度 */height: 100%; /* 高度 */border-width: 0; /* 边框宽度 */border-radius: 10px; /* 边框半径 */background: #1E90FF; /* 背景颜色 */cursor: pointer; /* 鼠标移入按钮范围时出现手势 */outline: none; /* 不显示轮廓线 */color: white; /* 字体颜色 */font-size: 17px; /* 字体大小 */}.demo input[type="submit"]:hover { /* 鼠标移入按钮范围时改变颜色 */background: #5599FF;}/* 关键部分 */.registering .demo-login, .demo-register {/* translate按哪个轴进行移动 水平方向：正右负左 垂直：负上正下 元素中心和父元素中心保持对齐 水平垂直居中 */transform: perspective(1000px) translate(-50%, -50%) rotateY(180deg);backface-visibility: hidden;transition: all 1.5s;}.registering .demo-register, .demo-login {transform: perspective(1000px) translate(-50%, -50%) rotateY(0deg);backface-visibility: hidden;transition: all 1.5s;}</style>
</head>
<body><main><div class="content"><div class="demo demo-login"><a href="#" class="iconfont icon-guanbi close"></a><ul class="clearfix"><li><a href="#" class="login active">登录</a></li><li><a href="#" class="register active">注册</a></li></ul><div class="info"></div><form action="/login" method="post"><div class="username"><span class="iconfont icon-login2"></span><label><input class="text" type="text" name="username" placeholder="请输入用户名"></label></div><div class="password"><span class="iconfont icon-mima"></span><label><input class="text" type="password" name="password" placeholder="请输入密码"></label></div><div class="input-field"><input type="submit" value="登录"></div></form></div><!-- 注册 --><div class="demo demo-register"><a href="#" class="iconfont icon-guanbi close"></a><ul class="clearfix"><li><a href="#" class="login active">登录</a></li><li><a href="#" class="register active">注册</a></li></ul><div class="info"></div><form action="/register" method="post"><div class="username"><span class="iconfont icon-login2"></span><input class="text" type="text" name="username" placeholder="输入用户名"></div><div class="password"><span class="iconfont icon-mima"></span><input class="text" type="password" name="password" placeholder="输入密码"></div><div class="password"><span class="iconfont icon-mima"></span><input class="text" type="password" name="password" placeholder="再次输入密码"></div><div class="input-field"><input type="submit" value="注册"></div></form></div></div>
</main><script>function $(selector) {return document.querySelector(selector);}// 事件代理$('.content').addEventListener('click', function (e) {e.stopPropagation();console.log(e.target);// 切换到登录状态if (e.target.classList.contains('login')) {console.log("切换到登录状态")$('.content li .register').classList.remove('active');$('main').classList.remove('registering');}// 切换到注册状态if (e.target.classList.contains('register')) {console.log("切换到注册状态")$('.content .demo-register li .login').classList.remove('active');$('main').classList.add('registering');}if (e.target.classList.contains('close')) {$('.content').style.display = 'none';}})// 点击空白处关闭document.addEventListener('click', function (e) {e.stopPropagation();$('.content').style.display = 'none';})// 初始默认为登录状态$('.content li .register').classList.remove('active');</script>
</body>
</html>
查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

相关文章

  1. python程序打包

    工具&#xff1a; 一个写好的可以运行的Python程序 第三方库:PyInstaller *.ico应用的图标文件 步骤1&#xff1a;命令行用pip工具引入PyInstaller第三方库 步骤2&#xff1a;在我的电脑中切入所用的Python文件的存储目录&#xff0c;在该目录下放入.ico图标文件并在此目录打…...

    2024/4/6 8:32:47
  2. 全连接网络的设计--- 具有注意力机制的多层感知机（Deep Interest Network）

    这是一篇阿里做点击率预估的文章。点击率预估用的数据通常是一些特征数据&#xff0c;包括一些历史行为数据、属性数据等。 这里主要讲网络的设计&#xff0c;所以直接看网络结构&#xff1a; 网络 先看图片的左边的网络&#xff0c;这是一个非常普通的结构&#xff0c;没有…...

    2024/4/26 18:45:19
  3. QT配置使用C++11

    今天在跑qt程序的时候使用了lambda表达式&#xff0c;结果报错&#xff0c;查看了一下说是C11才有这种表达方式&#xff0c;因此需要配置QT使用C11: 在项目文件代码中添加一句&#xff1a; CONFIG C11 即可。...

    2024/4/25 18:01:17
  4. Java集合类学习--TreeMap（二）

    TreeMap的常用方法比较多&#xff0c;也比较难是用也比较少&#xff0c;如有学习必要&#xff0c;请参考死磕 java集合系列进行细致学习。...

    2024/4/6 8:32:44
  5. linux学习笔记[华电]（9）——进程管理

    进程管理 进程可以理解为运行中的程序&#xff0c;是动态的。 linux下的进程 每个进程都有唯一的标识号——PID。 PID号是一个int型整数&#xff0c;由系统循环使用。如果超过了最大值&#xff0c;就从0开始寻找还没被使用的PID号。 进程可以产生新的进程形成一棵进程树。 p…...

    2024/4/26 15:29:50
  6. YOLOV3详解

    YOLOV3 是集成了 SSD&#xff08;多尺度预测&#xff09;&#xff0c; FCN(全卷机)&#xff0c;FPN&#xff08;特征金字塔&#xff09;&#xff0c;DenseNet(特征通道concat) 网络的大成之作! YOLOV3 的主干网络backbone 称为 DarkNet, 主要有DarkNet-21 , DarkNet-53, 区别在…...

    2024/4/26 1:54:43
  7. 输入字符串到文件

    #include<stdio.h> #include<stdlib.h> main() { FILE *fp; char str[256]/*{"jkldjfkllerkkldflkedfefdsfdsfdsrrerfsdfsdfdfdf}*/; char ch; if((fpfopen("C:\\学习地带\\编程\\输入字符串\\string","at"))NULL) { printf(&qu…...

    2024/4/25 16:07:16
  8. Linux和Window中的 / 和 \

    今天想用Linux上的Nginx发布图片&#xff0c;一直报404&#xff0c;原因是我的路径中用的是 ‘\’ 如图&#xff1a; 改成 ‘/’ 就好了&#xff0c;如图&#xff1a; 顺带搜了一下正斜杠和反斜杠的用法&#xff1a; Windows系统中用反斜杠 ’ \ 来表示目录路径&#xff0c;用…...

    2024/4/19 9:54:23
  9. 知来者之可追

    大一作为主持人参加了信息学院大二的国奖答辩&#xff0c;那时候感觉国奖答辩的都好厉害&#xff0c;特别是zyz&#xff0c;当时就想&#xff0c;我大二的时候能不能参加国奖答辩&#xff0c;能不能拿国奖呢&#xff1f; 果然&#xff0c;大二的我又来到了国奖答辩现场&#x…...

    2024/4/22 17:05:02
  10. ThreadLocal 源码实现、应用场景和内存泄漏

    一、什么是ThreadLocal 首先明确一个概念&#xff0c;那就是ThreadLocal并不是用来并发控制访问一个共同对象&#xff0c;而是为了给每个线程分配一个只属于该线程的变量&#xff0c;顾名思义它是local variable&#xff08;线程局部变量&#xff09;。它的功用非常简单&#x…...

    2024/4/8 10:35:56
  11. 一个初学者的登录系统

    这个是一个简单的登陆系统&#xff0c;在登陆成功的情况下&#xff0c;返回josn,错误的情况下&#xff0c;如果密码错3次&#xff0c;就会被锁定。 这是Contruller层&#xff0c;我给大家仔细注释下。 package com.lijin.Crutroller;在这里插入代码片 import com.lijin.Entit…...

    2024/4/23 12:07:46
  12. 5G NR标准 第5章　NR概览

    5G NR标准 第5章　NR概览 图5.1概述了3GPP中NR开发的时间表。 基于3GPP版本14的研究项目&#xff0c;NR的技术工作于2016年春季启动&#xff0c;该项目基于2015年秋季的启动研讨会。在研究项目阶段&#xff0c;研究了不同的技术解决方案&#xff0c;但考虑到时间紧迫&#x…...

    2024/4/25 10:24:58
  13. 代理ARP小实验

    搭建拓扑如下 PC1&#xff0c;PC2均使用路由器改变symbol来模拟 一、关闭PC1/2的路由功能&#xff0c;当作纯电脑 PC1的MAC R1两接口的MAC PC2的MAC 当PC1与PC2进行通信后&#xff0c;查看arp表&#xff0c;获得的MAC为R1左边接口的MAC地址 代理arp实现 二、回归路由状态 使用…...

    2024/4/6 8:32:35
  14. 有一个已经排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。

    /*有一个已经排好序的数组。现输入一个数&#xff0c;要求按原来的规律将它插入数组中。*/ #include<iostream> using namespace std; int main() { int a[10]{5,6,8,9,12,45,88,89,96}; int i; cout<<"请输入一个数据:"<<endl; c…...

    2024/4/6 8:32:34
  15. 鸢尾花数据集-数据分析

    from sklearn import datasets import pandas as pd import matplotlib.pyplot as plt import numpy as np# 获取鸢尾花数据集 lris_df datasets.load_iris()# 输入特征 lris_df.data # 目标特征 lris_df.targetdata_DF pd.DataFrame(lris_df.data)target_DF pd.DataFrame(l…...

    2024/4/6 6:56:30
  16. HDLBits-Circuits学习小结（八）有限状态机进阶(Serial receiver、sequence recognition)

    目录1 串行通信1.1 serial receiver1.2 serial receiver and datapath1.3 serial receiver with parity checking2 sequence recognition1 串行通信 1.1 serial receiver 在许多&#xff08;较旧的&#xff09;串行通信协议中&#xff0c;每个数据字节都与起始位和停止位一起发…...

    2024/4/20 16:17:02
  17. 分配空间

    #includestdio.h main() { struct stu { int num; char name; char sex; float score; } ps; ps(struct stu)malloc(sizeof(struct stu));分配一块结构体大小的空间若分配多块则ps(struct stu)calloc(n,sizeof(struct stu))ps-num102; 或(ps).numps-nameZhang ping; ps-sexM;…...

    2024/4/6 6:56:28
  18. kibna一些常用操作语法

    1.获取索引&#xff1a; get _cat/indices 2.查询索引当前下的数据 3.获取当个索引值 4.对数据修改&#xff0c;数据新增&#xff0c;字段新增操作 5.es数据的删除 数据id删除这一条数据...

    2024/4/21 16:22:56
  19. 最长上升子序列O(nlogn)算法核心思想简述

    【题目描述】 给定N个数&#xff0c;求这N个数的最长上升子序列的长度。 【样例输入】 7 2 5 3 4 1 7 6 【样例输出】 4 下面记录本人对 “贪心 二分” 【O(nlogn)】 算法的一些理解。 0 本文思路&#xff1a; 1&#xff09;介绍解题过程 2&#xff09;分析解法可行…...

    2024/4/16 14:43:14
  20. Application的理解

    Application的理解 Application的生命周期 构造函数attachBaseContextonCreate Application的初始化 在ActivityThread向AMS报告后&#xff08;此时已创建应用进程&#xff09;&#xff0c;AMS通知应用进程&#xff0c;通过sendMessage进入到主线程主线程中创建Context&…...

    2024/4/23 17:15:01

最新文章

  1. Kafka 3.x.x 入门到精通（06）——Kafka进阶

    Kafka 3.x.x 入门到精通&#xff08;06&#xff09;&#x1f449;&#x1f449;&#x1f449;&#x1f449; Kafka进阶 3. Kafka进阶3.1 Controller选举3.2 Broker上线下线3.3 数据偏移量定位3.4 Topic删除3.5 日志清理和压缩3.7 页缓存3.8 零拷贝3.9 顺写日志3.10 Linux集群部…...

    2024/4/27 11:32:06
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. OpenHarmony开发-连接开发板调试应用

    在 OpenHarmony 开发过程中&#xff0c;连接开发板进行应用调试是一个关键步骤&#xff0c;只有在真实的硬件环境下&#xff0c;我们才能测试出应用更多的潜在问题&#xff0c;以便后续我们进行优化。本文详细介绍了连接开发板调试 OpenHarmony 应用的操作步骤。 首先&#xf…...

    2024/4/23 6:14:00
  4. spark on hive

    由于spark不存在元数据管理模块&#xff0c;为了能方便地通过sql操作hdfs数据&#xff0c;我们可以通过借助hive的元数据管理模块实现。对于hive来说&#xff0c;核心组件包含两个&#xff1a; sql优化翻译器&#xff0c;翻译sql到mapreduce并提交到yarn执行metastore&#xf…...

    2024/4/23 6:25:11
  5. 416. 分割等和子集问题（动态规划）

    题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义&#xff1a;dp[i][j]表示当背包容量为j&#xff0c;用前i个物品是否正好可以将背包填满&#xff…...

    2024/4/27 1:53:53
  6. 【Java】ExcelWriter自适应宽度工具类（支持中文）

    工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...

    2024/4/27 3:39:11
  7. Spring cloud负载均衡@LoadBalanced LoadBalancerClient

    LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon&#xff0c;直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件&#xff0c;我们讨论Spring负载均衡以Spring Cloud2020之后版本为主&#xff0c;学习Spring Cloud LoadBalance&#xff0c;暂不讨论Ribbon…...

    2024/4/26 8:22:40
  8. TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案

    一、背景需求分析 在工业产业园、化工园或生产制造园区中&#xff0c;周界防范意义重大&#xff0c;对园区的安全起到重要的作用。常规的安防方式是采用人员巡查&#xff0c;人力投入成本大而且效率低。周界一旦被破坏或入侵&#xff0c;会影响园区人员和资产安全&#xff0c;…...

    2024/4/26 11:10:01
  9. VB.net WebBrowser网页元素抓取分析方法

    在用WebBrowser编程实现网页操作自动化时&#xff0c;常要分析网页Html&#xff0c;例如网页在加载数据时&#xff0c;常会显示“系统处理中&#xff0c;请稍候..”&#xff0c;我们需要在数据加载完成后才能继续下一步操作&#xff0c;如何抓取这个信息的网页html元素变化&…...

    2024/4/27 3:39:08
  10. 【Objective-C】Objective-C汇总

    方法定义 参考&#xff1a;https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...

    2024/4/27 3:39:07
  11. 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

    &#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】&#x1f30f;题目描述&#x1f30f;输入格…...

    2024/4/27 3:39:07
  12. 【ES6.0】- 扩展运算符（...）

    【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数&#xff0…...

    2024/4/26 6:06:14
  13. 摩根看好的前智能硬件头部品牌双11交易数据极度异常！——是模式创新还是饮鸩止渴？

    文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕&#xff0c;各大品牌纷纷晒出优异的成绩单&#xff0c;摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称&#xff0c;在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁&#xff0c;多个平台数据都表现出极度异常…...

    2024/4/26 17:59:13
  14. Go语言常用命令详解(二)

    文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令&#xff0c;这些命令可以帮助您在Go开发中进行编译、测试、运行和…...

    2024/4/26 22:35:59
  15. 用欧拉路径判断图同构推出reverse合法性：1116T4

    http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b&#xff0c;我们在 a i a_i ai​ 和 a i 1 a_{i1} ai1​ 之间连边&#xff0c; b b b 同理&#xff0c;则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然&#xff0…...

    2024/4/26 17:00:23
  16. 【NGINX--1】基础知识

    1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息&#xff0c;并安装一些有助于配置官方 NGINX 软件包仓库的软件包&#xff1a; apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...

    2024/4/27 3:39:03
  17. Hive默认分割符、存储格式与数据压缩

    目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限&#xff08;ROW FORMAT&#xff09;配置标准HQL为&#xff1a; ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...

    2024/4/26 9:43:47
  18. 【论文阅读】MAG：一种用于航天器遥测数据中有效异常检测的新方法

    文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中&#xff0c;传感器和控制器产生大量周…...

    2024/4/26 9:43:47
  19. --max-old-space-size=8192报错

    vue项目运行时&#xff0c;如果经常运行慢&#xff0c;崩溃停止服务&#xff0c;报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中&#xff0c;通过JavaScript使用内存时只能使用部分内存&#xff08;64位系统&…...

    2024/4/27 1:03:20
  20. 基于深度学习的恶意软件检测

    恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞&#xff0c;例如可以被劫持的合法软件&#xff08;例如浏览器或 Web 应用程序插件&#xff09;中的错误。 恶意软件渗透可能会造成灾难性的后果&#xff0c;包括数据被盗、勒索或网…...

    2024/4/27 3:22:12
  21. JS原型对象prototype

    让我简单的为大家介绍一下原型对象prototype吧&#xff01; 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定&#xff0c;每一个构造函数都有一个 prototype 属性&#xff0c;指向另一个对象&#xff0c;所以我们也称为原型对象…...

    2024/4/26 21:29:56
  22. C++中只能有一个实例的单例类

    C中只能有一个实例的单例类 前面讨论的 President 类很不错&#xff0c;但存在一个缺陷&#xff1a;无法禁止通过实例化多个对象来创建多名总统&#xff1a; President One, Two, Three; 由于复制构造函数是私有的&#xff0c;其中每个对象都是不可复制的&#xff0c;但您的目…...

    2024/4/27 3:39:00
  23. python django 小程序图书借阅源码

    开发工具&#xff1a; PyCharm&#xff0c;mysql5.7&#xff0c;微信开发者工具 技术说明&#xff1a; python django html 小程序 功能介绍&#xff1a; 用户端&#xff1a; 登录注册&#xff08;含授权登录&#xff09; 首页显示搜索图书&#xff0c;轮播图&#xff0…...

    2024/4/26 23:53:24
  24. 电子学会C/C++编程等级考试2022年03月（一级）真题解析

    C/C++等级考试（1~8级）全部真题・点这里 第1题：双精度浮点数的输入输出 输入一个双精度浮点数，保留8位小数，输出这个浮点数。 时间限制：1000 内存限制：65536输入 只有一行，一个双精度浮点数。输出 一行，保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...

    2024/4/26 9:43:45
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19　浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57