angular+nodejs+socket.io 聊天功能的实现
如题:本文部分是转载,部分是自己在实际联系中的收获
功能
着手开发之前,首先明确一下需要实现的功能:
新用户登入,广播通知其他用户
用户下线,广播通知其他用户
可显示在线人数及列表
可群聊,可私信
用户若发送群消息,广播通知其他所有用户
用户若发送私信,单独通知收方界面
因为自己是个审美渣,所以全靠bootstrap了,另外还模仿了下微信聊天记录里的气泡设计。
界面分左右两个板块,分别用于显示在线列表和聊天内容。
在左侧的在线列表中,点击不同项可以切换右侧板块的聊天对象。
右侧显示与当前聊天对象的对话记录,不过仅显示最近的30条。每一条聊天记录内容包括发送人的昵称及头像、发送时间、消息内容。关于头像,这里做简单处理,用填充了随机色的方块代替。另外,自己发出去的消息与收到的消息样式自然要做不同设计,
服务端:首先本地D盘创建文件夹,取名为:chat
首先是实现服务端:
打开chat文件夹:
在根目录下执行npm init
根据提示,生成一个package.json文件。打开并配置依赖项:
{
"name": "c",
"version": "1.0.0",
"description": {
"express": "^4.14.0",
"socket.io": "^1.5.1"
},
}
之后执行 npm install 安装依赖模块。
接下来,我们在根目录下新建app.js,在其中写Server端代码。再新建public文件夹,存放client端代码
app.js(/**/里面的是注释):
关于express的学习,推荐 http://www.tuicool.com/articles/YRRRNbv
var express = require('express');var app = require('express')();
var http = require('http').createServer(app);
/*
Express将app初始化成一个函数处理器,
你可以将其提供给一个HTTP服务器(看第三行)我们定义一个路由处理器,当我们访问网站主页时,这个处理器就会被调用。
我们让这个http服务器监听3012端口。
Socket.IO由两部分构成:
socket.io:一个服务器,集成了Node.JS的HTTP服务器
socket.io-client:一个客户端库,在浏览器端加载
在开发期间,socket.io会自动为我们提供客户端,所以现在我们只需安装一个模块:
npm install --save socket.io
注意,接下来我传递了一个http(HTTP Server)对象来创建一个新的socket.io实例,
然后,为即将来到的套接字监听connection事件,我会将其打印到控制台中。*/
var io=require('socket.io')(http);
/*
其中,app.use是express“调用中间件的方法”。所谓“中间件(middleware),就是处理HTTP请求的函数,用来完成各种特定的任务,比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。”。这是阮一峰文章的原话。
简而言之,app.use() 里面使用的参数,主要是函数。但这个使用,并不是函数调用,而是使能的意思。当用户在浏览器发出请求的时候,这部分函数才会启用,进行过滤、处理。
express的路由,众所周知,是app.get(),app.post(),app.all(),。。。,但其实,它们都是app.use的别名,呵呵。怪不得,我说为什么看上去,app.use 跟它们那么像:app.use的调用方式,除了类似 app.use(匿名函数或函数名),也可以是类似 app.use("/",匿名函数或函数名)。
通过 Express 内置的 express.static
可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。
将静态资源文件所在的目录作为参数传递给 express.static
中间件就可以提供静态资源文件的访问了。例如,假设在 public
目录放置了图片、CSS 和 JavaScript 文件,你就可以:
app.use(express.static('public'));
现在,public
目录下面的文件就可以访问了。
http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html
*/
app.use(express.static((__dirname + '/public')));app.get('/',function(req,res){
res.sendfile('index.html');
});
var connectedSockets={};
//初始值即包含了群聊,用“”表示nickname
var allUsers=[{nickname:"",color:"#000"}];
/*用来监听连接*/
io.on('connection',function(socket){socket.on('addUser',function(data){
//该事件由客户端输入昵称后触发,服务端收到后判断,昵称已被占用
if(connectedSockets[data.nickname]){
socket.emit('userAddingResult',{result:false});
}else{
//反之通知客户端昵称有效以及当前所有已经连接的用户信息,并广播
socket.emit('userAddingResult',{result:true});
socket.nickname=data.nickname;
/* 保存每个socket实例,发私信需要用
发给特定用户,如果消息是发给特定用户A,那么就需要获取A对应的socket实例,
然后调用起emit方法,所以没当一个客户端连接到server时,
我们得把socket实例保存起来,以备后续之需 */
connectedSockets[socket.nickname]=socket;
allUsers.push(data);
//广播欢迎新用户,除新用户外都可以看到
socket.broadcast.emit('userAdded',data);
//将所有在线用户发给新用户
socket.emit('allUser',allUsers);
}
});
socket.on('addMessage',function(data){
if(data.to){
console.log(data);
//需要发私信时,取出socket实例做操作即可:
connectedSockets[data.to].emit('messageAdded',data);
}else{
//群发,广播消息,除原发送外其他的都可以看到
socket.broadcast.emit('messageAdded',data);
}
});
socket.on('disconnect',function(){
//有用户退出聊天室
//广播有用户退出
socket.broadcast.emit('userRemoved',{
nickname: socket.nickname
});
for(var i=0;i<allUsers.length;i++){
if(allUsers[i].nickname==socket.nickname){
allUsers.splice(i,1);
}
}
//删除对应的socket实例
delete connectedSockets[socket.nickname];
});
});
http.listen(3012,function(){
console.log('hello listening on * 3012');
});
前端app.js
app.factory('socket',function($rootScope){
var socket=io();
return {
on: function(eventName, callback) {
socket.on(eventName, function() {
var args = arguments;
$rootScope.$apply(function() { //手动执行脏检查
callback.apply(socket, args);
});
});
},
emit:function(eventName,data,callback){
socket.emit(eventName,data,function(){
var args=arguments;
$rootScope.$apply(function(){
if(callback)
{
callback.apply(socket,args);
}
});
});
}
};
});
app.factory('randomColor', function($rootScope) {
return {
newColor: function() {
return '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6);
}
};
});
app.factory('userService', function($rootScope) {
return {
get: function(users,nickname) {
if(users instanceof Array){
for(var i=0;i<users.length;i++){
if(users[i].nickname===nickname){
return users[i];
}
}
}else{
return null;
}
}
};
});
app.controller("chatCtrl",['$scope','socket','randomColor','userService',function($scope,socket,randomColor,userService){
var messageWrapper= $('.message-wrapper');
$scope.hasLogined=false;
$scope.receiver="";//默认是群聊
$scope.publicMessages=[];//群聊消息
$scope.privateMessages={};//私信消息
$scope.messages=$scope.publicMessages;//默认显示群聊
$scope.users=[];//
$scope.color=randomColor.newColor();//当前用户头像颜色
$scope.login=function(){ //登录进入聊天室
socket.emit("addUser",{nickname:$scope.nickname,color:$scope.color});
}
$scope.scrollToBottom=function(){
messageWrapper.scrollTop(messageWrapper[0].scrollHeight);
}
$scope.postMessage=function(){
var msg={text:$scope.words,type:"normal",color:$scope.color,from:$scope.nickname,to:$scope.receiver};
var rec=$scope.receiver;
if(rec){
//私信
if(!$scope.privateMessages[rec]){
$scope.privateMessages[rec]=[];
}
$scope.privateMessages[rec].push(msg);
}else{
//群聊
$scope.publicMessages.push(msg);
}
$scope.words="";
if(rec!=$scope.nickname){
//排除给自己发的情况
socket.emit("addMessage",msg);
}
}
$scope.setReceiver=function(receiver){
$scope.receiver=receiver;
if(receiver){
//私信用户
if(!$scope.privateMessages[receiver]){
$scope.privateMessages[receiver]=[];
}
$scope.messages=$scope.privateMessages[receiver];
}else{
//广播
$scope.messages=$scope.publicMessages;
}
var user=userService.get($scope.users,receiver);
if(user){
user.hasNewMessage=false;
}
}
//收到登录结果
socket.on('userAddingResult',function(data){
if(data.result){
$scope.userExisted=false;
$scope.hasLogined=true;
}
else{
//昵称被占用
$scope.userExisted=true;
}
});
//接收到欢迎新用户的消息
socket.on('userAdded',function(data){
if(!$scope.hasLogined)return;
$scope.publicMessages.push({text:data.nickname,type:"welcome"});
$scope.users.push(data);
});
//接收到在线用户的信息
socket.on('allUser',function(data){
if(!$scope.hasLogined) return;
$scope.users=data;
});
//接收到用户退出消息
socket.on('userRemoved',function(data){
if(!$scope.hasLogined) return;
alert(data.nickname);
$scope.publicMessages.push({text:data.nickname,type:"bye"});
for(var i=0;i<$scope.users.length;i++){
if($scope.users[i].nickname==data.nickname){
$scope.users.splice(i,1);
return;
}
}
});
//接收到新消息
socket.on('messageAdded',function(data){
if(!$scope.hasLogined) return;
if(data.to){
//私信
if(!$scope.privateMessages[data.from]){
$scope.privateMessages[data.from]=[];
}
$scope.privateMessages[data.from].push(data);
}else{
//群发
$scope.publicMessages.push(data);
}
var fromUser=userService.get($scope.users,data.from);
var toUser=userService.get($scope.users,data.to);
if($scope.receiver!==data.from){
//与来信方不是正在聊天当中才提示新消息
if(fromUser&&toUser.nickname){
fromUser.hasNewMessage=true;//私信
}else{
toUser.hasNewMessage = true;//群发
}
}
});
}]);
app.directive('message',['$timeout',function($timeout){
return {
//E 表示该指令是一个element; A 表示该指令是attribute; C 表示该指令是class; M 表示该指令是注视
restrict:'E',
templateUrl:'message.html',
scope:{
info:"=",
self:"=",
scrolltothis:"&"
},
link:function(scope,elem,attrs){
scope.time=new Date();
$timeout(scope.scrolltothis);
$timeout(function(){
elem.find('.avatar').css('background',scope.info.color);
});
}
};
}])
.directive('user',['$timeout',function($timeout){
return {
restrict:'E',
templateUrl: 'user.html',
scope:{
info:"=",
iscurrentreceiver:"=",
setreceiver:"&"
},
link:function(scope, elem, attrs,chatCtrl){
$timeout(function(){
elem.find('.avatar').css('background',scope.info.color);
});
}
};
}]);
前端index.html
<html>
<head lang="en">
<meta charset="utf-8">
<title>在线聊天室</title>
<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/style/app.css"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script src="//cdn.bootcss.com/angular.js/1.4.3/angular.min.js"></script>
<script src="./assets/js/app.js"></script>
</head>
<body ng-app="chatRoom" ng-controller="chatCtrl">
<!-- chat room -->
<div class="chat-room-wrapper" ng-show="hasLogined">
<div class="online panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">在线<span class="user-number">
{{users.length-1}}
</span></h3>
</div>
<div class="user-wrapper panel-body">
<user iscurrentreceiver="receiver===user.nickname" info="user"
ng-click="setReceiver(user.nickname)" ng-repeat="user in users">
</user>
</div>
</div>
<div class="chat-room panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">
{{receiver?receiver:"群聊"}}
</h3>
</div>
<div class="message-wrapper panel-body">
<message self="nickname" scrolltothis="scrollToBottom()"
info="message" ng-repeat="message in messages">
</message>
</div>
<div class="panel-footer">
<form class="post-form form-inline" novalidate name="postform" ng-submit="postMessage()">
<input type="text" class="form-control" ng-model="words" placeholder="说点什么呗" required>
<button type="submit" class="btn btn-success" ng-disabled="postform.$invalid">发送</button>
</form>
</div>
</div>
</div>
<!-- end of chat room -->
<!-- login form -->
<div class="userform-wrapper" ng-show="!hasLogined">
<form class="form-inline login" novalidate name="userform" ng-submit="login()">
<div class="form-group">
<label for="nickname" class="sr-only"></label>
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
<input type="text" class="form-control" id="nickname" placeholder="Your Nickname" ng-model="nickname" required/>
</div>
</div>
<button type="submit" class="btn btn-primary" ng-disabled="userform.$invalid">LOG IN</button>
<p ng-show="userExisted" class="help-block">A user with this nickname already exists.</p>
</form>
</div>
<!-- end of login form -->
</body>
</html>
前端message.html
<div ng-switch on="info.type">
<!-- 欢迎消息 -->
<div class="system-notification" ng-switch-when="welcome">
<strong>系统: </strong>
<span>{{info.text}}</span>来啦我们欢迎~
</div>
<!-- 退出消息 -->
<div class="system-notification" ng-switch-when="bye"><strong>系统: </strong>byebye,
<span>{{info.text}}</span></div>
<!-- 普通消息 -->
<div class="normal-message" ng-class="{others:self!==info.from,self:self===info.from}" ng-switch-when="normal">
<div class="name-wrapper">
<span>{{info.from}} @ </span>
<span>{{time | date: 'HH:mm:ss' }}</span>
</div>
<div class="content-wrapper">
<span class="content">{{info.text}}</span>
<span class="avatar"></span>
</div>
</div>
</div>
前端user.html
<meta charset="utf-8">
<span class="avatar"></span><span class="nickname">{{info.nickname?info.nickname:"群聊"}}</span>
<span class="unread" ng-show="info.hasNewMessage&&!iscurrentreceiver">[未读]</span>
</div>
通过 Express 内置的 express.static
可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。
将静态资源文件所在的目录作为参数传递给 express.static
中间件就可以提供静态资源文件的访问了。例如,假设在 public
目录放置了图片、CSS 和 JavaScript 文件,你就可以:
app.use(express.static('public'));
现在,public
目录下面的文件就可以访问了。
http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- socket.io+angular.js+express.js做个聊天应用(二)
接着上一篇 我用的开发工具是sublime 打开之前创建的project。打开www 改动并加入代码 #!/usr/bin/env node var debug require(debug)(my-application); var app require(../app); var iorequire("socket.io").listen(app.listen(app.get(port)));app.set(port, …...
2024/4/15 23:44:53 - Electron学习一:Electron、Node.js、JavaScript、JQuery、Vue.js、Angular.js的不同
结论 这些技术,成就JavaScript大法,全面实现JavaScript语言在Web、桌面、移动、服务器等领域应用。 JavaScript是一种脚本编程语言,常用在浏览器前端页面动态效果实现,而Node.js提供一整套服务器端JavaScript运行时环境࿰…...
2024/4/14 6:30:10 - socket.io一对一通信的实现
socket.io网上有很多例子,但是大多数都是聊天室的,没有找到一对一通信的例子 百度搜索了一下,在oschina里面看到了一篇文章http://www.oschina.net/question/190778_164263?sorttime 给了一点思路,就是每次用户连上socket的时候…...
2024/4/14 6:32:58 - Socket.io基于Token的认证
2019独角兽企业重金招聘Python工程师标准>>> 作者好牛逼,我不懂的他全懂了。 Token-based Authentication with Socket.IO 简介 在实时框架中做授权是个比较大的挑战。也许这是因为他们的工作方式和普通的web应用完全不一样。其风险在于,如果…...
2024/3/22 22:40:51 - socket.io+angular.js+express.js做个聊天应用(三)
版权声明:本文为博主原创文章,未经博主同意不得转载。 https://blog.csdn.net/www19940501a/article/details/27590611 接着前面博客文章socket.ioangular.jsexpress.js做个聊天应用(二) 首先开发之前先介绍下bower。它是用来管理…...
2024/4/15 18:21:30 - Angular.js 的一些学习资源
基础 官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/;官方zip下载包 http://www.h5con.cn/dolymood/angular-packages,已增加docs服务,输入地址即可,例如&#x…...
2024/4/14 6:30:15 - Abp.io(vNext)开发日志:单页面应用与外部/社交登录
TOC Abp.io(vNext)开发日志:单页面应用与外部/社交登录 如果不使用外部/社交登录,实现很简单,使用Identity Server 4的令牌端点(Toekn EndPoint)实现密码登录获取到令牌就行了。 如果要使用外部/社交登录,因为没有用户名和密码…...
2024/4/16 16:16:57 - Anguar 5 SEO:使用nginx配合Prerender.io做预渲染
服务器需预装nodejs环境 使用步骤: 1、启动prereder server git clone https://gitee.com/qiqj/prerender.git cd prerendernpm install # 生产环境建议使用forever指令启动,具体见度娘 node server.js # 启动服务2、nignx.conf 配置示例 #user nobo…...
2024/4/17 5:24:46 - Angular与AngularJS概念区分
谷歌于 2009 年发布的 JavaScript 框架叫做 AngularJS,官网为 angularjs.org,代码库angular/angular.js;2016 年9月发布的 JavaScript 开发平台叫做 Angular,官网为 angular.io,代码库为 angular/angular。目前发布的A…...
2024/4/15 10:08:09 - AngularJS使用websocket从socket.io.client到放弃
2019独角兽企业重金招聘Python工程师标准>>> 首先介绍一下WebSocket,WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。 js创建一个WebSocket对象只需要一个简单的API&…...
2024/4/14 6:30:05 - Angular学习笔记72:解决报错:java.io.IOException: Cannot run program node: error=2, No such file or director
解决报错由于找不到node而没有扫描结果的问题。 在构建的日志中,会有如下报错:java.io.IOException: Cannot run program “node”: error2, No such file or directory 由于这个Jenkins的镜像是基于 alpine 版本制作的,没有node的环境&…...
2024/4/18 18:06:52 - express socket.io 实现实时数据交互
背景 通过node调用生产环境脚本或命令,打印日志并实时传输到前端页面显示 环境配置 生产环境 linux系统node v8.12.0express v4.16.3socket.io v2.3.0socket.io-client v2.3.0前端框架 angular6 代码实现 app.js var express require(express); var server …...
2024/4/14 6:30:00 - AngularIO 基础
1.如何开始 1.创建项目; 全局安装angularnpm install -g angular/cli 复制代码新建项目ng new angular-tour-of-heroes;cd angular-tour-of-heroes//然后输入命令 查看angular版本信息:ng --version 复制代码开始(监听)项目 (这个命令以后会常…...
2024/4/14 6:29:45 - soket.io.js + angular.js + express.js(node.js)
今天搭建个soket.io.js angular.js express.js的环境, 采坑无数,特整理出来避免大家少走弯路。采坑问题原因主要是因为各各.js不同的版本及调用方式引起的,上述几个流行的框架版本更新都很快,而网上google到的资料经常没有标注哪…...
2024/4/14 6:30:20 - pdf.js在angular.js项目中的运用实例
前言:在项目开发中,我们有时候经常会遇到在线解析游览PDF的功能,如果,想实现在线游览pdf,可以使用pdf.js实现该功能。而pdf.js核心部分是pdf.js和pdf.worker.js,一个负责API解析,一个负责核心解…...
2024/4/16 23:47:29 - 使用Prerender.io进行网站预渲染
文章目录前言目标运行流程图安装中间件安装Prerender服务安装Chrome启动Prerender.io服务测试If you use html5 push state (recommended):If you use the hashbang (#!):通过curl命令测试前言 使用Angular,Vue,React进行单页网站开发,用户浏…...
2024/4/20 20:23:49 - 怎么通过 tsc 将 angular 项目编译成 node 可运行的 js 文件
我们知道 webpack 可以将 angular 打包成静态文件,但是用起来太麻烦。有没有简单的方法,因为 angular 使用的是 typescript。所以直接用 typescript 的 tsc 编译命令即可。 通过 ng new angular 新建个 angular 项目 tsconfig.json /* To learn more a…...
2024/4/20 20:23:49 - socket.io+angular.js+express.js做个聊天应用(四)
接着上一篇 使用angularjs构建聊天室的客户端 <!doctype html> <html ng-app"justChatting"> <head><meta charset"UTF-8"><title>justChatting</title><link rel"stylesheet" href"/bower_compon…...
2024/4/20 20:23:46 - Angular.js学习-入门
官方文档 https://angular.io/guide/quickstart 一、Angular.js是什么? Angular.js是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框架。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依…...
2024/4/20 6:28:29 - Angular 2 开发环境搭建
目录结构如下 文件说明 gulp.config.js module.exports function() {var config {allTs: ./app/**/*.ts,tsOutputPath: ./app/ };return config; } gulpfile.js var gulp require(gulp); var sourcemaps require(gulp-sourcemaps); var tsc require(gulp-typescript)…...
2024/4/14 6:30:15
最新文章
- 深入理解汇编:平栈、CALL和RET指令详解
视频学习下载地址:https://pan.quark.cn/s/04e6946a803a 汇编语言以其接近硬件的特性和高效的执行速度,在系统编程、性能优化和逆向工程中占有不可或缺的地位。本文将深入探讨汇编语言中的平栈操作以及CALL和RET指令&#…...
2024/4/20 20:58:11 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - C++ 【原型模式】
简单介绍 原型模式是一种创建型设计模式 | 它使你能够复制已有对象,客户端不需要知道要复制的对象是哪个类的实例,只需通过原型工厂获取该对象的副本。 以后需要更改具体的类或添加新的原型类,客户端代码无需改变,只需修改原型工…...
2024/4/19 0:29:52 - Nginx配置文件修改结合内网穿透实现公网访问多个本地web站点
文章目录 1. 下载windows版Nginx2. 配置Nginx3. 测试局域网访问4. cpolar内网穿透5. 测试公网访问6. 配置固定二级子域名7. 测试访问公网固定二级子域名 1. 下载windows版Nginx 进入官方网站(http://nginx.org/en/download.html)下载windows版的nginx 下载好后解压进入nginx目…...
2024/4/19 7:08:48 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/19 14:24:02 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/19 18:20:22 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/19 11:57:31 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/19 11:57:31 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/19 11:57:52 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/19 11:57:53 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/19 11:58:14 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/19 11:58:20 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/20 7:40:48 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/19 11:58:39 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/19 11:58:51 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/20 3:12:02 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/19 11:59:15 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/19 11:59:23 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/19 11:59:44 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/19 11:59:48 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/19 12:00:06 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/19 16:57:22 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/19 12:00:25 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/19 12:00:40 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下: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