前端学习之携程网移动端首页制作
今天做一个静态移动端携程网首页,如下图:
目录
- 1、准备工作
- 2、搜索模块制作
- 3、焦点图模块制作
- 4、local-nav小导航栏制作
- 5、nav大导航栏制作
- 6、subnav-entry制作
- 7、热门活动模块制作
- 8、service模块及footer模块制作
- 9、结语
1、准备工作
2、搜索模块制作
3、焦点图模块制作
4、local-nav小导航栏制作
5、nav大导航栏制作
6、subnav-entry制作
7、热门活动模块制作
8、service模块及footer模块制作
9、结语
1.1 技术选型
方案:采取单独制作移动端页面方案
技术:布局采取flex布局
1.2 搭建相关文件(夹)
1.3 设置视口标签以及引入初始化样式
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><title>携程•首页</title><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/normalize.css">
这里的normalize.css文件为移动端初始化样式文件,再文章末尾附上。
进入携程移动端首页按F12健看它首页的初始化样式:
引入到我们的index.css中:
body {max-width: 540px;min-width: 320px;margin: 0 auto;font: normal 14px/1.5 Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei;color: #000;background: #f2f2f2;overflow-x: hidden;-webkit-tap-highlight-color: transparent;
}
2.1 布局分析
首先需要一个固定定位的大盒子search-index来装左侧搜索框和右侧用户按钮,这个大盒子需要给定高度,水平居中,需要有最大和最小宽度。
分析这个模块时我们发现,随着窗口宽度的变化,user模块大小固定不变,左侧搜索框适应窗口宽度的变化变宽或变窄。这时候flex布局派上了用场(记得给父盒子添加display:flex;
),右侧user我们就该给固定大小,剩下的父盒子区域直接设置搜索框属性:flex:1;
即把剩余部分全部给搜索框。
左侧其实并不是一个真正的搜索框,点击会发现去了另一个页面,因此用div做这个“搜索框”,右侧user用a做。
2.2 user用户小模块
user模块分为上面一个小图标,下面一个“我的”,巧妙一点的方法是给a标签加一个before伪元素,放这个图标,把“我的”两字挤下来。
我们从原网站这个图标扒下来,发现是这样的:
这是一张精灵图,原网站user图标是22×22px的,我们用fireworks打开这张精灵图,用切片工具选中这个图标,发现它在精灵图中的大小大概是原网站大小的两倍:
因此我们不能直接引入它的坐标,我们需要先在fireworks中把这张精灵图缩小一半(但不要保存!),然后再用切片工具把user图标切出来,可以看到左下角显示它的大小和坐标:
正是我们需要的大小,记住XY坐标,关掉fireworks(不要保存修改!)后就可以在css文件中引入这个user图标啦,当然,它的坐标是精灵图缩小一半后的坐标,所以不光要
background: url(../images/sprite.png) no-repeat 0 -36px;
还要:background-size: 20px 98px;
(修改精灵图大小)。
这里可能会出现轻微误差,用谷歌浏览器进行调试即可。
2.3 搜索框search制作
此前分析到search占search-index的剩余部分,先给他设置:flex:1;
测量原网站搜索框大小,高28px,有个上下内边距和左右内边距,还要设置圆角,半径大概15px,背景色为白色;
搜索框内前面的放大镜是通过给search添加before伪元素引入精灵图,给它绝对定位到搜索框前,因为绝对定位不占位置,所以会导致后面的文字跑到放大镜下面,因此记得给search一个左内边距,大致样貌就出现了,再稍微改一下行高、文字颜色、大小即可.
到此,搜索模块制作完成,看看是不是和原网站差不多呢?
3. focus热点图模块
这里原网站是一张大图,放在搜索模块和底部的导航栏下面,我们把图片扒下来存放到upload文件夹,直接插入到.focus盒子中的a标签中,设置宽度为100%即可。
4.1 local-nav模块布局分析及搭建
观察这个模块,它比整个页面宽度要窄一点,给它一个左右的margin值;四个角为圆角,盒子底部有一点阴影;并且盒子盖住了上面焦点图的底部,所以给它一个负的上margin值并设置它为相对定位;里面等分为5个小模块,正好可以用li+flex布局来做。
这样先把local-nav的盒子做好,接下来可以往里面放东西了。
4.2 local-nav内容制作
在ul.local-nav中添加5个li,设置初始化样式:flex:1;
每个小模块都各自放在一个a标签中,在a中又分为上下两个span,分别放图片和文字,图片依然放在了一张精灵图中。我们先把这两个span摆放好,可能会出现这样的结果:
这是因为我们可能忘了给它们的父亲也就是a加上display:flex;
而且span是行内元素,即使给了它高度和宽度它也不会显示。加上之后是这个样子:
可是我们希望的结果是两个span一上一下居中对齐,这里我们只需要把默认的主轴改为Y轴,并设置侧轴上元素的排列方式为居中就好了(都是给父元素a设置):
flex-direction: column;align-items: center;
稍微偏上了一些,给放图片的span一个margin-top值就好。
接下来就是简简单单的给它放上图片、改改字体样式就好啦。
插入这个五个图片有个比较简单且节省代码的方法:
/*先对所有5个放图片的span都放第一张图片,随后从从第二个span开始修改图片位置即从精灵图插入不同的图片*/
.local-nav li [class^="local-nav-icon"] {width: 40px;height: 40px;background-color: aquamarine;margin-top: 3px;margin-bottom: -4px;background: url(../images/local-nav.png) no-repeat 0 0;background-size: 40px auto;
}.local-nav li .local-nav-icon-icon2 {background-position: 0 -40px;
}.local-nav li .local-nav-icon-icon3 {background-position: 0 -80px;
}.local-nav li .local-nav-icon-icon4 {background-position: 0 -120px;
}.local-nav li .local-nav-icon-icon5 {background-position: 0 -160px;
}
5.1 nav外观布局
位于local-nav下方的nav模块,在nav大盒子中可划分为三行即三个div,高度都为72px;每个div中又有3-4个小div,依然采用flex布局。
因为第一行与另两行不大一样,这里面每个小div也宽度不一,巧妙一点的方法是:指定每行第一个盒子宽度占31%,第二个和第三个盒子宽度占23%,最后一个盒子指定:flex:1;
(覆盖第一行最后一个盒子设置的宽度),这样一来每一行每个盒子宽度正好是我们所期望的。
给中间的div一个1px上下外边距;给每行第一二个小div一个1px的白色右边框;给二三行第三个小div1px的白色右边框,这样每个小div周围的白色小空隙就有了。
这部分样式需要小心翼翼慢慢设置,不要心急。我写的有点乱,可以参考下。
nav {overflow: hidden;border-radius: 8px;margin: 4px 4px 3px;
}.nav-common {display: flex;height: 72px;background-color: chocolate;
}.nav-common:nth-child(2) {margin: 1px 0;
}.nav-items {display: flex;flex-direction: column;
}.nav-items a {font-size: 14px;color: #fff;line-height: 72px;
}.nav-common:nth-child(1) .nav-items:last-child a {color: #A05416;
}.nav-items:nth-child(1) {margin-left: 1px;width: 31%;
}.nav-items:nth-child(1) span {margin-left: 15px;
}.nav-items:nth-child(n+2) {width: 23%;
}.nav-items:last-child {flex: 1px;
}.nav-items:nth-child(-n+2),
.nav-common:nth-child(n+2) .nav-items:nth-child(3) {border-right: 1px solid #fff;
}.nav-items:nth-child(n+2) a {text-align: center;
}
把文字样式再设置好(要很细心哦)就可以设置背景颜色和背景图片了。
5.2 插入背景图片及添加背景颜色
把每个小div的背景图片从原网站扒下来插入到我们的小div中,注意缩放比例和图片位置,就做到下图这样:
最后一步就是填充背景色了,我们注意到一个小细节,原网站每一行的颜色是渐变色(由一种颜色渐变到另一种),这里引入添加渐变色的方法:
首先去掉我们原先加上的背景色,根据语法,我们从原网站吸取每行的两个颜色(取色工具可以使用fireworks中的滴管),让他们从左到右进行渐变填充。
当当当当,做好啦
6. subnav-entry制作
这部分和前面的local-nav做法一致,对前面的代码复制粘贴在进行稍微修改即可,这里注意,这个导航栏是两行,因此要对父盒子设置子元素可换行:flex-wrap:wrap;
并且每个小li不再是各占一份,而要设置为:flex:20%;
也就是每行的li占20%的位置,则正好一行五个。
7.1 布局分析
显然是一个大盒子sales-box中放了上下两个盒子标题部分sales-hd和内容部分sales-bd,sales-box有一个上边框和一个下边框。其中sales-hd中左右两侧的文字图片分别进行定位到左边和右边;sales-bd中就是两个盒子各占一半。
7.2 sales-hd标题部分制作
这部分分为前后两块,前面的”热门活动“,我们先把”热门活动“几个字放在一个h2标签中(前面文章题都过的SEoul优化),然后给h2一个text-indent: -999px; overflow: hidden;
把这几个字挤出去并隐藏,然后给h2添加after伪元素引入”热门活动“的图片并绝对定位到合适位置(注意子绝父相)。注意热门活动后面还有个灰色的”广告“小图片,我们可以在h2中放一个i标签,引入这个背景图即可,依然要用绝对定位。
后面的”获取更多福利“我们放到一个a标签中,给a设置好样式,添加渐变的背景色等,后面的小>我们通过给a添加after伪元素来做,它其实是一个只有上边框和右边框的小正方形,给它顺时针旋转45du得到:
/*more是a的类名*/
.more::after {content: "";position: absolute;top: 9px;right: 9px;width: 7px;height: 7px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);
}
7.3 sales-bd内容部分制作
在sales-bd盒子里放两个a标签,里面分别放一张广告图和一个span(里面放”广告“二字),对span进行绝对定位,定位到广告图左下角,当然span右上角为圆角,需要先把它转换为块级元素来做。
8. service模块及footer模块制作
依然仿照之前的local-nav来做,不过这里用的不再是精灵图,而是字体图标,这里就不赘述啦~找了半天没找到一模一样的字体图标,就找了类似的,做成这样:
最后面两行就是两个盒子里放几个a标签的事,包含一个精灵图的插入和一个向下的尖号,前面也有讲怎么做。
9. 结语
需要源码的小可爱可以私我或者到我的博客中下载哦。
现阶段这个首页是静态的,还有一些样式尚需改善,比如上方搜索框随页面滚动会固定起来把下面的内容挤出来,而不是遮盖住,这个我还没做出来,需要学完js才能做。
终于做完啦,感觉做网页布局的话真的是要敲好多字来描述,我想这是我最后一篇静态页面布局的文章了,其实来来回回不管在PC端还是移动端,布局思路都差不太多,只要多练练就能熟悉,边写博客边做网页效率不太高,以后就多写一些零碎的知识点吧😀
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- CentOS8安装Docker出现 package docker-ce-3:19.03.13-3.el7.x86_64 requires containerd.io >= 1.2.2-3
CentOS8安装Docker出现 package docker-ce-3:19.03.12-3.el7.x86_64 requires containerd.io > 1.2.2-3, but none of the providers can be installed centos8默认使用podman代替docker,所以需要containerd.io. 安装co yum install https://download.docker.com…...
2024/4/7 10:26:38 - leetcode(力扣)之java第二十天
第二十题 加一 66. 加一 给定一个由整数组成的非空数组所表示的非负整数,在该数的基础上加一。 最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。 你可以假设除了整数 0 之外,这个整数不会以零开头。 示例 1: 输入: [1,2,3] 输出…...
2024/5/3 11:58:07 - iptables 配置示例
iptables 配置 个人收集整理记录使用 简单示例 系统:CentOS-7.8 /etc/init.d 目录下 新建 iptableRule 输入如下内容 #!/bin/bash #chkconfig:2345 80 90 #decription:autostart iptables -Fiptables -A INPUT -s 127.0.0.1 -p tcp --dport 3306 -j ACCEPT iptab…...
2024/4/28 23:17:07 - MySQL讲义第30讲——select 查询之子查询
MySQL讲义第30讲——select 查询之子查询 在一个 select 语句中嵌入另外一个 select 语句,被嵌入的 select 语句称之为子查询。子查询要么充当条件,要么充当主查询的数据源。根据子查询返回的结果可以把子查询分为以下几类: (1&a…...
2024/4/7 13:54:51 - 建站服务选哪家
推荐大家用阿里云建站,阿里云一站式建站服务,速成美站,帮你轻松完成以下建站步骤。 第一步,先注册一个域名。申请资料域名目前无需提供身份证、营业执照等资料,域名目前个人不允许申请注册,所以要申请则需…...
2024/4/7 16:41:20 - 最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码
最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码 管理界面 独家长期更新日志(欢迎反馈BUG) 1、添加手机端前后台声音提示 2、添加后台客户管理显示在线离线 3、添加清空当前对话列表功能 4、优化手机端图标为高清 5、 修复用户端截图发送客服后台收…...
2024/4/6 10:00:26 - 【超详细】Fastjson1.2.24反序列化漏洞复现
0x01 前言 Fastjson 是一个 Java 库,可以将 Java 对象转换为 JSON 格式,当然它也可以将 JSON 字符串转换为 Java 对象。 Fastjson 可以操作任何 Java 对象,即使是一些预先存在的没有源码的对象。 Fastjson 特性: 提供服务器端、…...
2024/4/7 14:01:51 - Intelij-jetbrains的使用
1. jetbrains server http://fls.jetbrains-agent.com https://fls.jetbrains-agent.comhttp://jetbrains-license-server(过期了)VM option需要添加的部分: -javaagent:D:javaFiles/jetbrains-agent.jar如果出现重启IDE,报jetbrians-agent.jar的问题,查…...
2024/4/7 17:16:22 - Apollo配置中心,让配置“智能”起来
思维导图 文章已收录Github精选,欢迎Star:https://github.com/yehongzhi/learningSummary 一、概述 Apollo(阿波罗)是携程框架部门研发的开源配置管理中心,能够集中化管理应用不同环境、不同集群的配置,配…...
2024/4/6 10:00:23 - 《穿越SpringBoot 》 第三章-SpringBoot 访问数据库 | 第3节- SpringBoot 整合MyBatis-Plus
SpringBoot 整合MyBatis-Plus前题更多干货官网使用目录结构pom.xml依赖application.properties 配置文件编写实体类编写mapper接口编写service编写controller编写index.html测试总结前题 基于:IntelliJ IDEA、Maven构建工具、JDK1.8、SpringBoot 2.3.4编写。 官人…...
2024/4/23 8:41:58 - 算法c++之stl---set基本使用
#include<bits/stdc.h> using namespace std;set<string> dict; //string集合 int main(){string s,buf;int n 4; while(n--){cin>>s; dict.insert(s); }//遍历set集合for(set<string>::iterator itdict.begin();it!dict.end();it){cout<<*it&…...
2024/4/26 17:58:34 - Anoaconda安装多个python环境问题(镜像源报错,没有jupyter等)
1.anaconda安装多个python环境: https://dalewushuang.blog.csdn.net/article/details/82982937?utm_mediumdistribute.pc_relevant.none-task-blog-OPENSEARCH-3.channel_param&depth_1-utm_sourcedistribute.pc_relevant.none-task-blog-OPENSEARCH-3.channe…...
2024/4/17 7:20:03 - Spring中的Qualifier应用
应用 Qualifier可以用来让程序员明确指定想要指定哪个bean,那有程序员就会想问,它和Autowired和Resource的区别是什么? 假设有如下bean定义: <bean id"user0" class"com.luban.entity.User"><prope…...
2024/4/23 14:33:37 - Hbase shell 明白
进入Hbase shell 语法:create , {NAME > , VERSIONS > }创建一个User表,并且有一个info列族create ‘User’,‘info’list describe ‘User’ 查看表的详细 删除指定的列族 alter ‘User’, ‘deletc’ > ‘info’ 增加新的列族 alter ‘Use…...
2024/4/8 4:40:37 - 本地安装和利用docker安装DVWA
本地安装DVWA 打开phpstudy,找到创建网站。并设置数据如下图 打开网站根目录,放入DVWA的zip数据包并解压。 DVWA的文件下载网站 网站链接点这 放入目录中 然后修改文件config 先备份好文件config.inc.php.dist并修改文件后缀名为config.inc.php 打开…...
2024/4/28 14:14:22 - 网络请求与远程资源
网络请求与远程资源 XMLHttpRequest 对象 通过 XMLHttpRequest 构造函数原生支持 XHR 对象 let xhr new XMLHttpRequest();使用 XHR 使用 XHR 对象首先要调用 open() 方法,这个方法接收 3 个参数:请求类型、请求URL、请求是否异步的布尔值。 xhr.o…...
2024/4/24 19:20:53 - 2020-10-20:主从数据库不一致如何解决?
2020-10-20:主从数据库不一致如何解决? 前言主从数据库不一致如何解决?前言 每日一题专栏 主从数据库不一致如何解决? 场景描述,对于主从库,读写分离,如果主从库更新同步有时差,就会导致主从库数据的不一致 1、忽略这个数据不…...
2024/4/7 17:05:33 - 云服务器建站选择
如果使用云服务器只是用来建站,那么两个云平台本身并没有什么区别,都是很好的选择!阿里云是国内数一数二的云计算平台,在易用性、稳定性、安全性、扩展性等层面,具备较大的优势,并且承载了很多大型的应用&a…...
2024/4/8 5:58:54 - 数据结构 第一节 第五课
[toc] Python 内置类型能分析 timeit 模块 timeit 模块可以用来测试一小段 Python 代码的执行速度. class timit.Timer (stmt "pass", setup "pass", timer <timer function> ) Timer 是测量小段代码执行速度的类 stmt 参数是要测试的代码语…...
2024/4/8 5:13:09 - virtualhackinglabs靶机 android 10.12.1.48
完成...
2024/4/22 21:58:06
最新文章
- 【 书生·浦语大模型实战营】作业(七):大模型实战评测
【 书生浦语大模型实战营】作业(七):大模型实战评测 🎉AI学习星球推荐: GoAI的学习社区 知识星球是一个致力于提供《机器学习 | 深度学习 | CV | NLP | 大模型 | 多模态 | AIGC 》各个最新AI方向综述、论文等成体系的学…...
2024/5/3 17:41:12 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - HWOD:投票统计
一、知识点 1、单词 候选人的英文是Candidate 投票的英文是vote 投票人的英文是voter 2、for循环 如果在for循环内将i置为n,结束该层循环后,for循环会先给i加1,然后再去判读i是否小于n,所以for循环结束后,i的值为n1 3、字符…...
2024/4/30 13:07:40 - 微信小程序的页面交互2
一、自定义属性 (1)定义: 微信小程序中的自定义属性实际上是由data-前缀加上一个自定义属性名组成。 (2)如何获取自定义属性的值? 用到target或currentTarget对象的dataset属性可以获取数据 ÿ…...
2024/5/1 13:38:59 - 傻瓜式启动关闭重启docker容器的脚本
运行脚本后,界面如下: 选择对应的编号后,会列举所有关闭的容器或者所有开启的容器列表,当我要启动一个容器 时输入1,就会出现下面的页面。 然后输入指定的编号后,就会启动对应的容器。 脚本代码如下&#…...
2024/5/1 14:44:41 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/5/3 11:50:27 - 【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/5/2 16:04:58 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/5/2 23:55:17 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/5/3 16:00:51 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/5/3 11:10:49 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/5/2 6:03:07 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/5/2 9:47:30 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/5/2 23:47:43 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/5/3 13:26:06 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/5/3 1:55:15 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/5/2 9:47:28 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/5/3 16:23:03 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/5/3 1:55:09 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/5/2 8:37:00 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/5/3 14:57:24 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/5/2 9:47:25 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/5/2 23:47:16 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/5/2 18:46:52 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/5/3 7:43:42 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/5/3 1:54:59 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) 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 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在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