使用 jQuery Mobile 与 HTML5 开发 Web App(九) —— jQuery Mobile 页面与对话框

2024/3/29 3:27:50

在《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中,Kayo 曾经简略介绍过jQuery Mobile 的页面组件,当时只是举了一个简单的例子说明一下页面组件的情况,本文将会拓展说明页面组件的具体细节。

一.页面基础

在 jQuery Mobile 中,页面这个概念与传统的 Web 页面有一个很大的区别 —— jQuery Mobile 中的页面可以是单个的页面,也可以是一个页面中内嵌多个 "Page" ,“Page” 是 jQuery Mobile 中的页面,下面将会为大家详细介绍它。

Page 是 jQuery Mobile 的重要组成部分,由 data-role="page" 属性产生,每个 Page 由之前介绍过的 header , content , footer 组成,但这些元素并不是必须的,不过一个完整的页面最好同时都有这些元素。下面举一个例子,这也是《使用jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中的例子,为了方便大家阅读,这里重新例举一次。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
    <title>jQuery Mobile Demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
  
<body>
  
<div data-role="page" id="home">
  
    <div data-role="header">
        <h1>jQuery Mobile Demo</h1>
    </div>
  
    <div data-role="content">
        <p>主体内容</p>
    </div>
  
    <div data-role="footer">
        <h2>Footer</h2>
    </div>
  
</div>
  
</body>
</html>

效果:

下面说明一下:

jQuery Mobile 网站必须使用 HTML5 的文档声明,使得这个网站能适用 HTML5 的特性,不支持这些特性的浏览器会安全地静默忽略 HTML5 的文档声明和一些属性。

HTML5 文档声明:

1
<!DOCTYPE html>

在页面 head 内,使用了 viewport 的 meta 标签控制了页面的缩放,例子中的 width=device- width, initial-scale=1 即控制页面宽度等于屏幕宽度,页面缩放比例为 1 ,这样浏览器就不会随意缩放页面了。

二.多页面结构

如上面所说,一个页面中可以内嵌多个 Page ,每个 Page 需要一个 ID 标记,页面间通过 “#ID” 的链接方式跳转,除第一个 Page 外,其他 Page 会使用隐藏起来,当链接被点击时, jQuery Mobile 会跳转到相应的 Page ,这个过程会以 Ajax 的方式完成,把新页面的内容加载到 DOM 中。

下面是一个多页面结构的代码参考:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
<head>
    <title>jQuery Mobile Demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
 
<body>
 
<div data-role="page" id="home">
 
    <header data-role="header">
        <h1>jQuery Mobile Demo</h1>
    </header>
 
    <div data-role="content">
 
    </div>
 
    <div data-role="footer">
        <h2>Demo By <a href="http://kayosite.com" target="_blank" style="text-decoration: none; ">Kayo</a></h2>
    </div>
</div>
 
<div data-role="page" id="page-2">
 
        <div data-role="header">
            <h1>Page 2</h1>
        </div><!-- /header -->
 
        <div data-role="content">
  
        </div>
 
        <div data-role="footer">
            <h2>Demo By <a href="http://kayosite.com" target="_blank" style="text-decoration: none; ">Kayo</a></h2>
        </div>
 
</div>
 
<div data-role="page" id="page-3">
 
        <div data-role="header">
            <h1>Page 3</h1>
        </div><!-- /header -->
 
        <div data-role="content">    
   
        </div>
 
        <div data-role="footer">
            <h2>Demo By <a href="http://kayosite.com" target="_blank" style="text-decoration: none; ">Kayo</a></h2>
        </div>
 
</div>
 
</body
</html>

三.Ajax 驱动的站点

jQuery Mobile 默认会以 Ajax 的方式构建网站和应用,因此,同一域名下的所有页面的跳转都会转为 Ajax 请求,并会配合 CSS3 动画作为页面跳转的过场。之所以采用这样的机制,一方面是因为移动设备所能用的网络速度相对 PC 来说会较低, Ajax 可以减少跳转到新页面所需的带宽,另一方面, Ajax 配合 CSS3 动画能做出原生 App 的用户体验。如:当用户点击一个链接时, jQuery Mobile 会分析该 url ,产生 Ajax 请求,并显示一个正在加载的提示框,避免了刷新整个页面。若该次Ajax 请求成功,则会把新内容加载到 DOM 中,初始化所有组件,并显示页面过场动画。若请求失败,则会显示一个错误提示框,并在几秒后消失。

另外,带有 rel="external" 属性的链接不会通过 Ajax 方式加载,跳转时整个页面会被刷新。若需指定某个链接不需要 Ajax ,也可以为该链接添加 data-ajax="false" 属性,这样的链接也不会使用 Ajax 。关于 Ajax 的内容, Kayo 会在介绍配置 jQuery Mobile 时详细介绍。

四.页面转场

jQuery Mobile 为自带有一套基于 CSS3 的转场效果,你可以为任何能触发页面跳转的链接添加 data-transition 属性来调整转场动画效果。这些效果基于 CSS3 的 transitions ,某些移动平台对 transitions 的支持并不足够,如果你的页面在转场时出现闪烁的情况, Kayo 建议你在 CSS 中加入下面这一条 CSS 规则:

1
.ui-page { -webkit-backface-visibility: hidden; }

另外,若需要页面翻转等 3D 效果,浏览器必须支持 3D transforms ,若不支持(如安卓 2.x 系列),则会退化为淡出淡入的效果。

默认情况的转场效果是“fade”,即淡出淡入,若需要自定义转场效果,可以使用 data-transition 属性,如把转场效果改为“pop(弹出)”:

1
<a href="#page2" data-role="button" data-transition="pop">dialog</a>

该属性的具体取值可以查看本文末的完整 Demo,里面列举了 data-transition 所有可取值。

小补充:控制转场宽度:当转场页面的宽度过大时,翻转等 3D 效果可能会过度消耗系统资源,因此开发者可以使用 $.mobile.maxTransitionWidth 控制转场最大宽度,超过该宽度则不使用转场动画。 $.mobile.maxTransitionWidth 是配置 jQuery Mobile 默认值的方法,因为比较复杂,将会另外写文章详解,这里列出该方法仅供有经验的开发者参考。

五.对话框

如下面的例子,为 Page 添加 data-rel="dialog" 属性,可以把页面表现为对话框的形式——增加圆角,外边距,阴影和遮罩层。

1
<a href="#page-2" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a>

对话框也是一个 Page ,因此也有转场效果,不过默认的效果是“slide”,即滑动出现。

需要注意的是,对话框通常作为辅助页面的用途(如登录框,提示框),因此 jQuery Mobile 不会在历史记录的哈希值里记录对话框。

六.jQuery Mobile 导航模型

看了上面的文字,也许你会对其中的内容感到迷惑!的确,jQuery Mobile 作为一套完善的移动前端解决方案,它的处理机制会比较复杂。这里 Kayo 介绍一下 jQuery Mobile 的导航模型,也就是 jQuery Mobile 的基本工作流程,了解完整的工作流程更有助于童鞋们理解上面的内容。

当一个 jQuery Mobile 文档被打开时,Page 容器被请求,插入到页面的 DOM 中,若页面中有多个 Page ,则会插入多个 Page ,但只有第一个 Page 在页面上会被直接显示,其他 Page 会隐藏起来,直到用户点击相应的链接才会以 Ajax 的方式跳转到另一个 Page 。

这就是 jQuery Mobile 导航的简单描述,jQuery Mobile 也就是在页面间跳转并处理 DOM 的,而这套机制都是基于 location.hash 属性的。当 jQuery Mobile 加载完第一个页面时,它会以页面相对于 url 的完整路径产生 hash 值,Ajax 不改变当前 url ,而改变 hash 值则可以保证当前 url 能表示当前的页面,如我们从 index.html 跳转到管理页面,则 url 也会更新为 index.html#admin(假设管理页面与主页在同一个HTML 文档中并且 id 为 admin),这样这个 url 就能表示当前页面,若我们需要收藏这个页面,直接收藏即可。

于是最后就有了上面所说的 Ajax 驱动机制——当用户点击一个非外部链接时,hash 值发生变化,同时 jQuery Mobile 阻止链接的默认行为,并以 Ajax 的方式引入新内容,当新内容成功返回时更新 location.hash 的值,从而更新 url 。

现在整个导航模型以及 jQuery Mobile 的基本工作原理都已很清晰了,接下来再补充一点。在 jQuery Mobile 页面的 head 中,加入了一个 base 标签,该标签的值指向当前页面资源(图片,css,js)的正确获取路径,当页面变化时,base 的值也会作出相应的变化。

这里科普一下 base 标签,下面引用 w3school 对 base 标签的解释:

[bq]
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
[/bq]

七.预读取与缓存页面

开发者可以通过 data-prefetch 属性预读取一个页面,这样当你打开一个文档时,可以为另外一个文档在本文档中的链接添加 data-prefetch 来预先读取它,这个文档通常是用户很有可能点击的页面,这样对于提升用户体验具有不错的效果。

那为什么不直接把两页面放在同一个文档中呢?

因为如果把很多的 Page 放在一个文档中,这个文档的 DOM 会变得很大,这样对于一些性能较差的移动设备来说会造成压力,预读取的方式则可以减少这种压力。

比如我们需要缓存 page2.html (注意跟上面的 #page2 区分开来,这里的 page2.html 是独立的一个 HTML 文档),只需要在跳转到 page2.html 的链接上添加 data-prefetch 属性:

1
<a href="Page2.html" data-prefetch>Page2</a>

但这仍然会有问题, jQuery Mobile 会通过 Ajax 的方式加载页面,这样一旦点击的页面多了,DOM 将会变得很大,于是 jQuery Mobile 还做了一个机制来应对这个情况——当一个页面通过 Ajax 加载到 DOM 中后,jQuery Mobile 会标记这个页面,当导航到其他页面时,这个页面会从 DOM 中移除,从而保持 DOM 的干净。这个机制只适用于 Ajax 加载的其他文档的页面,同一页面的多个 Page 通过 Ajax 显示/隐藏并不适用于这个机制。

若需要缓存某个页面,以便用户从其他页面重新回到该页面时可以快速浏览可以使用 data-dom-cache="true" 属性:

如需要缓存上面例子中的 page2.html

1
<a href="Page2.html" data-prefetch data-dom-cache="true">Page2</a>

一旦缓存页面会使 DOM 变得很大,建议开发者在网站上线前进行足够的测试。

八.其他

多 Page 页面中虽然把第一个容器加载作为第一个页面,但实际上所有 Page 是同时存在于同一个文档中,因此需要注意保持页面中容器的 ID 唯一。

jQuery Mobile 通过 Ajax 请求页面,但它只会将新页面的 body 内容插入到 DOM 中,这意味着 head 部分引用的 js 对新内容无效,因此 Kayo 建议在每一个页面都引用相同的 js ,即把所有的 js 都写到同一文件中并在 head 中引用,并且这些 js 中用到的效果最好使用 live, delegate 等持续性方法匹配到元素中,这样 js 中的效果对通过 Ajax 引入的新元素也有效。当然,jQuery Mobile 中的 js 的所有方法都已经采用了相似的办法使到其对新元素也有效。当然,开发者也可以使用pagecreate() 的方法为某一个页面指定一个 js ,关于这个方法会在另外的文章中介绍。

九.完整 Demo

完整实例 Demo(建议使用 PC 上的 Firefox、Chrome 等现代浏览器和 IE9+ 或 Android , iPhone/iPad 的系统浏览器浏览)

本文由 Kayo Lee 发表,本文链接:http://kayosite.com/web-app-by-jquery-mobile-and-html5-page-dialog.html

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. 机器学习sklearn-降维

    降维就是降低特征矩阵中特征的数量 sklearn.decomposition 降维&#xff08;矩阵分解&#xff09; 主成分分析 PCA 因子分析 FactorAnalysis 独立成分分析 FastICA 字典学习DictionaryLearning 高级矩阵分解 LDA LatentDirichletAllocation 其他矩阵分解 SparseCoder稀…...

    2024/3/6 9:46:01
  2. java中Executor、ExecutorService、ThreadPoolExecutor区别

    在阿里巴巴手册中有一条建议: 【强制】线程池不允许使用 Executors 去创建,而是通过ThreadPoolExecutor的方式,这样的处理方式让写的同学更加明确线程池的运行规则,规避资源耗尽的风险。 如果经常基于Executors提供的工厂方法创建线程池,很容易忽略线程池内部的实现。特…...

    2024/3/7 4:55:37
  3. shell

    shell是一个用c语言编写的程序&#xff0c;是用户操作linux的桥梁 &#xff08;与终端的区别是shell一次可以执行多条命令&#xff09; 1、创建:后缀为.sh的文件 vim shell01.sh 2、编写: 头部注释为#!/bin/sh或者#!/bin/bash 3、运行: 1&#xff09;通过sh命令执行 sh shell0…...

    2024/3/28 23:53:39
  4. 5G NR UE 状态转换

    板块目录&#xff1a; 5G 学习总结目录索引_u012417290的博客-CSDN博客专栏链接&#xff1a;https://blog.csdn.net/u012417290/category_9558415.htmlhttps://blog.csdn.net/u012417290/category_9558415.html目录总体概述&#xff1a;总体概述&#xff1a;写在前面&#xff…...

    2024/3/4 15:16:24
  5. 2021ICPC江西省赛 H Hearthstone So Easy

    H. Hearthstone So Easy 时间限制&#xff1a;C/C 1秒&#xff0c;其他语言2秒 空间限制&#xff1a;C/C 262144K&#xff0c;其他语言524288K Hearthstone is a turn-based card game. The game flow of each round is: Player 1 draws card ⇒ player 1 plays cards ⇒ pla…...

    2024/3/19 1:12:09
  6. ASCIALL字符

    Asciall 字符表 完整Asciall字符表 !"#$%&()*,-./0123456789:;<>?ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_abcdefghijklmnopqrstuvwxyz{|}~使用取模软件生成的数据 const unsigned char F8X16[] { 0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00…...

    2024/3/6 9:45:59
  7. 904 虫洞(spfa找负环)

    1. 问题描述&#xff1a; 农夫约翰在巡视他的众多农场时&#xff0c;发现了很多令人惊叹的虫洞。虫洞非常奇特&#xff0c;它可以看作是一条 单向 路径&#xff0c;通过它可以使你回到过去的某个时刻&#xff08;相对于你进入虫洞之前&#xff09;。农夫约翰的每个农场中包含 …...

    2024/3/6 9:45:58
  8. T31训练营学习笔记-DAY5

    本节课为项目工程结构规约 目录 一、应用分层 二、Maven 三、二方库依赖 四、TCP/IP 一、应用分层 1.为什么要分层&#xff1f; 分层可以解决各层之间协助效率问题 2.MVC架构模式 推荐分层结构 分层领域模型 二、Maven 管理项目中的依赖关系对项目进行构建1.什么叫做构建…...

    2024/3/6 9:45:57
  9. 浅出理解java类加载机制

    浅出理解java类加载机制Class类Java反射机制Java类加载类加载的时机类加载启动类加载器扩展类加载器系统类加载器双亲委派机制双亲委派的过程预防针先打着&#xff0c;这篇文章我准备搬大部分&#xff0c;不要骂我 参考链接&#xff1a; 深入理解Java类加载器(ClassLoader) Jav…...

    2024/3/28 8:30:41
  10. 手把手教你,通过HAL库实现MODBUS从机程序编写与调试(一)-----STM32CubeMX操作篇

    目录 1、STM32CubeMX操作 1.1 新建工程 1.2芯片配置 1.2.1 时钟配置 ​1.2.2 串口的配置 1.2.3 定时器的配置 1.2.4 NVIC配置 1.2.5 工程设置 1、STM32CubeMX操作 1.1 新建工程 打开STM32CubeMX软件&#xff0c;File-->New Project。新建工程。 在打开的对话框内&…...

    2024/3/6 9:45:56
  11. C++——继承和多态

    继承的目的 在C中&#xff0c;我们常要对某个函数进行多次复用&#xff0c;例如: 信息管理系统中&#xff0c;对于教师、学生、教务人员等"类"而言&#xff0c;有部分信息是通用的:姓名&#xff0c;性别&#xff0c;年龄&#xff0c;联系方式等。如果为每一种角色都…...

    2024/3/6 9:45:54
  12. Java中Spring的Assert断言的使用

    Java中Spring的Assert断言的使用1 Spring的Assert的简介2 Spring的Assert的使用Java中Assert的使用日常较少, 使用Assert可以提高代码的可读性,但过度使用,会导致不利于后期代码的维护. 1 Spring的Assert的简介 Java中断言assert是一个关键字, 主要是验证某些条件是否成立. 在…...

    2024/3/6 9:45:53
  13. ROS通信机制(四) —— 动作(action)与action文件

    文章目录简述特点交互过程核心元素自定义action文件代码示例&#xff08;服务端和客户端&#xff09;服务端&#xff08;action_server.cpp&#xff09;客户端&#xff08;action_client.cpp&#xff09;配置 CMakeLists.txt编译和运行简述 动作消息通信与服务消息通信非常相似…...

    2024/3/6 9:45:52
  14. 【背包动态规划】P1048 [NOIP2005 普及组] 采药

    题目描述 辰辰是个天资聪颖的孩子&#xff0c;他的梦想是成为世界上最伟大的医师。为此&#xff0c;他想拜附近最有威望的医师为师。医师为了判断他的资质&#xff0c;给他出了一个难题。医师把他带到一个到处都是草药的山洞里对他说&#xff1a;“孩子&#xff0c;这个山洞里有…...

    2024/3/6 9:45:52
  15. 英特尔12代酷睿处理器正式发布,驱动人生助力相关驱动下载升级

    英特尔Intel正式揭晓了12代酷睿处理器&#xff0c;在延续多年的旧工艺后&#xff0c;英特尔带领其全新的工艺、全新的混合架构Alder Lake、全新的外型与接口。英特尔像是在宣告他的崛起&#xff0c;未来已来&#xff0c;将掀起一场属于英特尔12代酷睿处理器的性能革命! “驱动人…...

    2024/3/6 9:45:50
  16. 线上项目连接服务器异常的处理实录

    记录一下今天的线上问题.如果现在有同样场景的小伙伴可以借鉴,少走弯路.同时梳理一下问题排查的过程,为以后问题处理方向提供参考! 事情起源 最近运营从小程序上上架了一个推广活动,下午测试小哥说,不论是测试环境还是正式环境都出现经常连接超时的情况,之前一直正常;当时考虑…...

    2024/3/6 9:45:49
  17. Jackson 简单使用

    Jackson 简单使用 序列化 将对象转换为json或者xml格式或其他格式的报文 反序列化 将json或者其他格式的报文转换为Java对象 在Springmvc框架中&#xff0c;默认使用的是Jackson来对请求数据和相应报文分别进行反序列化和序列化&#xff0c;带有ResponseBody注解的请求的返回…...

    2024/3/6 9:45:48
  18. 真菌元胞自动机Python实现

    2021年美赛A题真菌元胞自动机Python实现 import matplotlib.pyplot as plt import random import numpy as np import matplotlib.animation as animationdef save_fungi_ca_gif(): # save the gif file to the pathtarget_gif_path "E:/engineering space/figure/gif …...

    2024/3/6 9:45:47
  19. 原理图设计:纸张设置和标签栏设置

    图纸设置 Panel (面板)->Properties&#xff08;属性&#xff09;-> General&#xff1a; visibile Grid(可是栅格)&#xff1a;默认100mil 2.54mm Snap Grid(捕抓栅格)&#xff1a;默认100mil 1mil 0.0254mm Paper Option&#xff1a;选择纸张的大小&#xff0c;…...

    2024/3/6 9:45:47
  20. 从零学Java(25)之 break语句详解

    作者简介 作者名&#xff1a;编程界明世隐 简介&#xff1a;CSDN博客专家&#xff0c;从事软件开发多年&#xff0c;精通Java、JavaScript&#xff0c;博主也是从零开始一步步把学习成长、深知学习和积累的重要性&#xff0c;喜欢跟广大ADC一起打野升级&#xff0c;欢迎您关注&…...

    2024/3/6 9:45:45

最新文章

  1. OneDiff加速“图生生”,解锁电商AI图像处理新范式

    2024年&#xff0c;电商领域正目睹生成式AI软件工具的飞速发展&#xff0c;AI Generated Content (AIGC) 技术在电商应用中的普及率正在显著提升&#xff0c;这类技术能够显著提高商业运营的效率&#xff0c;并促进业绩的稳步增长。 硅基流动研发的图片/视频生成推理引擎OneDif…...

    2024/3/29 3:27:08
  2. 梯度消失和梯度爆炸的一些处理方法

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

    2024/3/20 10:50:27
  3. aspect-ratio宽高比

    <div class"wrapper"><div class"item">grid-tamplate-columns&#xff1a;设置容器每列的宽度(项目的宽度)grid-template-rows&#xff1a;设置容器每行的宽度(项目的高度)grid-row-gap&#xff1a;设置每行之间的行间距grid-column-gap&…...

    2024/3/28 14:42:22
  4. 基于Springboot的个人博客系统的设计与实现

    目录 1. 第1章 绪论 1.1. 1.1 研究背景 1.2. 1.2 研究意义和目的 2. 第2章 主要技术介绍 2.1. 2.1 SpringBoot框架 2.2. 2.2 IntelliJ IDEA开发工具 2.3. 2.3 Thymeleaf模版引擎 基于Springboot的个人博客系统的设计与实现...

    2024/3/28 5:01:18
  5. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/3/27 10:21:24
  6. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/3/24 20:11:25
  7. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/3/29 2:45:46
  8. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/3/24 20:11:23
  9. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/3/26 20:58:42
  10. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/3/28 17:01:12
  11. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/3/24 5:55:47
  12. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/3/29 1:13:26
  13. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/3/26 23:04:51
  14. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/3/26 11:20:25
  15. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/3/24 20:11:18
  16. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/3/28 9:10:53
  17. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/3/29 0:49:46
  18. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/3/24 20:11:15
  19. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/3/27 7:12:50
  20. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/3/24 20:11:13
  21. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/3/26 11:21:23
  22. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/3/28 18:26:34
  23. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/3/28 12:42:28
  24. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/3/28 20:09:10
  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