Web前端-Vue.js必备框架（一）
Web前端-Vue.js必备框架（一）
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Vue js</title>
</head>
<body><div id="app"><h1>{{ message }}</h1><input type="text" v-model="message"><pre>{{ $data | json }}</pre>
</div><script src="vue.min.js"></script><script>
new Vue({el: "#app",data: {message: "Hello World!"}
});</script>
</body>
</html>
复制代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Vue js</title></head>
<body><div id="app"><form><div class="error" v-show="!message">dashucoding</div><textarea v-model="message"></textarea><button v-show="message">Send</button></form><pre>{{ $data | json }}</pre>
</div><script src="vue.min.js"></script>
<script>new Vue({el: '#app',data:{message: ''}});
</script></body>
</html>
复制代码
v-show和v-if使用第一个整体元素还存在，使用第二个整体都不存在了。
<head><meta charset="UTF-8"><title>Vue.js</title><link rel = "stylesheet" href="main.css">
</head><body>
<div id = "app"><form action="demo.html" v-on:submit="submitForm"><button type="submit">Submit</button></form>
</div><script src="vue.min.js"></script>
<script>
new Vue({el: '#app',methods: {submitForm: function(e){alert("dashucoding");//e.preventDefault();} }})
</script>
</body>
</html>
复制代码组件化
<body><div id="app"><count></count>
</div><template id="da">
</template><script src="vue.min.js"></script>
<script>Vue.component("counter", {template: '<h1>dashu</h1>'});new Vue({el: '#app',data: {count: 0},})
</script></body>
复制代码什么是Vue.js？是目前最火的框架，React是最流行的框架，打包工具Webpack，目前三大主流Vue.js，Angular.js，React.js框架。
Vue.js构建用户界面框架，注重视图层。
React开发网站，开发手机APP
Vue可以用于开发APP，需要Weex
MVC 是 后端开发的概念 MVVM，视图层分离 Model, View, VM ViewModel
MVVM的案例：
v-cloak[v-clock]{display: none;
}
<p v-cloak></p>v-text v-html v-bind: v-on
复制代码事件修饰符
v-on
.stop 阻止冒泡
.prevent 阻止默认事件
.capture 使用事件捕获模式
.self 只当事件在该元素本身触发时回调
.once 事件只触发一次
复制代码<body><div id = "app"><div><input type="button" value="戳他"><div></div><script>var vm = new Vue({el: '#app',data: {},methods: {}});</script>
</body>
复制代码实例：Vue.js只关注视图层
<div id = "app"><p> {{ message }} </p>
</div>
复制代码下载地址： https://vuejs.org/js/vue.min.js
<div id="app">{{ message }}
</div>var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}
})
复制代码<div id="app"><span v-bind:title="message">鼠标悬停</span
</div>var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}
})
复制代码<div id="app"><p v-if="seen">看到我了</p>
</div>var app = new Vue({el: '#app',data: {seen: true}
})
复制代码条件循环
<div id="app"><ol><li v-for="do in dos">{{ do.text }}</li></ol>
</div>var app = new Vue({el: '#app',data: {dos: [{ text: 'JavaScript' },{ text: 'Vue' },{ text: '项目' }]}
})
复制代码// v-on 添加一个事件监听器
<div id="app"><p>{{ message }}</p><button v-on:click="Message">消息</button>
</div>var app = new Vue({el: '#app',data: {message: 'Hello Vue.js'},methods: {Message: function () {this.message = this.message.split('').reverse().join('')}}
})
复制代码<div id="app"><p>{{ message }}</p><input v-model="message">
</div>var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}
})
复制代码组件
Vue.component('do-item', {template: '<li>dashucoding</li>'
})
复制代码<do-item></do-item>
复制代码<div id="app"><ol><do-itemv-for="item in List"v-bind:todo="item"v-bind:key="item.id"></do-item></ol>
</div>var app = new Vue({el: '#app',data: {List: [{ id: 0, text: '1' },{ id: 1, text: '2' },{ id: 2, text: '吃的东西' }]}
})
复制代码计算器：
<div id="app"><input type = "text" v-model = "n1"><select v-model="opt"><option value="0"> + </option><option value="1"> - </option><option value="2"> × </option><option value="3"> ÷ </option></select><input type="text" v-model="n2"><input type="button" value="=" v-on:click="getResult"><input type="text" v-model="result">
</div>
复制代码添加class类样式
<h1 :class="[ 'red', 'yellow' ]" > </h1>
复制代码<h1 :class=" [ 'red', 'than', isactive? 'active' : '' ]"><h1 :class="[ 'red', 'than', {'active' : isactive}]"></h1>
复制代码
style
<h1 :style="{color: 'red', 'font-size' : '20px'}"></h1>
复制代码v-for
<div id ="app">//<p>{{list[0]}}</p><p v-for="item in list"> {{item}} </p><p v-for="(item,i) in list"> {{item}} </p>
</div><p v-for="count in 10">{{count}}</p>
复制代码v-if 不断创建和删除，不利于重复使用渲染
v-show 不会删除DOM
复制代码v-cloak v-text v-bind v-on
v-bind :
v-on @
v-model : 表单元素
v-for
v-if
v-show
// 事件修饰符
.stop .prevent
.capture
.self
.oncev-for 使用key属性 string/number
复制代码创建一个Vue
var vm = new Vue({})
复制代码var data={a:1};
var vm = new Vue({data: data
})
vm.a == data.a // true
复制代码生命周期图示
数据绑定
<span> {{msg}} </span>v-once执行一次
<span v-once> {{msg}} </span><!-- 完整语法 -->
<a v-bind:href="url">...</a><!-- 缩写 -->
<a :href="url">...</a><!-- 完整语法 -->
<a v-on:click="1">...</a><!-- 缩写 -->
<a @click="1">...</a>
复制代码| 目录 | 说明 |
|---|---|
build | 项目构建 |
config | 配置目录 |
mode_modules | npm加载的项目依赖模块 |
src | 开发的目录 |
static | 静态资源目录 |
test | 初始测试目录 |
index.html | 入口文件 |
package.json | 项目配置文件 |
实例：
<div id="vue_"><h1>{{site}}</h1><h1>{{url}}</h1><h1>{{det()}}</h1>
</div>
<script type="text/javascript">var vm = new Vue({el: '#vue_',data: {site: "123",url: ".com"},methods: {det: function() {return this.site;}}})
</script>
复制代码v-html="message"v-bind:class="{'class1': use}"v-bind:id="id"<script>
new Vue({el: '#app',data: {id : 1}
})
</script>v-if="seen"<pre><a v-bind:href="url">123</a></pre><script>
new Vue({el: '#app',data: {url: '123456'}
})
</script>
复制代码<div id="app"><p>{{ message }}</p><input v-model="message">
</div><script>
new Vue({el: '#app',data: {message: '123456!'}
})
</script>
复制代码v-if v-else v-else-if<div id="app"><ul><li v-for="n in 10">{{ n }}</li></ul>
</div><div id="app">{{ message.split('').reverse().join('') }}
</div>
复制代码
Vue代码
<body><div id="app"><p>{{ msg }}</p></div><script>// vm 对象就是 MVVM中的 VM调度者var vm = new Vue({el: '#app', // 表示当前要控制页面上的哪个区域// data 就是 MVVM中的 Mdata: { msg: '欢迎' }})</script>
</body>
复制代码
v-cloak,v-bind:,v-on:学习
<body><div id="app"><!-- v-cloak 解决 插值表达式闪烁的问题 --><p v-cloak> {{ msg }} </p><h4 v-text="msg">1</h4><!-- v-text 没有闪烁问题 --><!-- v-text会覆盖元素中原本的内容，插值表达式不会把整个元素的内容清空 --><div>{{msg2}}</div><div v-text="msg2"></div><div v-html="msg2">111</div><!-- v-bind: 提供绑定属性的指令 --><!-- <input type="button" value="按钮" v-bind:title="my"> --><!-- v-on: 事件绑定机制 --><!-- <input type="button" value="按钮" :title="my" v-on:click="alert('hello')"> --><input type="button" value="按钮" @click="show"></div><script src="./lib/vue-2.4.0.js"></script><script>var vm = new Vue({el: '#app',data: {msg: '123',msg2: '<h1>1111</h1>',my: '11111'},methods: { show: function () {alert('Hello')}}})</script>
</body>
复制代码倒序效果
<body><!-- 2. 创建一个要控制的区域 --><div id="app"><input type="button" value="1" @click="lang"><input type="button" value="2" @click="stop"><h4>{{ msg }}</h4></div><script>var vm = new Vue({el: '#app',data: {msg: 'dashu',intervalId: null},methods: {lang() {if (this.intervalId != null) return;this.intervalId = setInterval(() => {var start = this.msg.substring(0, 1)var end = this.msg.substring(1)this.msg = end + start}, 600)},stop() { clearInterval(this.intervalId)this.intervalId = null;}}})</script>
</body>
复制代码事件修饰符
.stop 阻止冒泡 .prevent 阻止默认行为 .capture 实现捕获事件的机制 .self 实现只点击当前元素，才会触发事件 .once 只触发一次事件
v-model指令
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><h4>{{ msg }}</h4><input type="text" style="width:100%;" v-model="msg"></div><script>var vm = new Vue({el: '#app',data: {msg: '123'},methods: {}});</script>
</body></html>
复制代码计算器
var Str = 'parseInt(this.n1) ' + this.opt + ' parseInt(this.n2)'
this.result = eval(Str)
复制代码<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><input type="text" v-model="n1"><select v-model="opt"><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" v-model="n2"><input type="button" value="=" @click="calc"><input type="text" v-model="result"></div><script>var vm = new Vue({el: '#app',data: {n1: 0,n2: 0,result: 0,opt: '+'},methods: {calc() { switch (this.opt) {case '+':this.result = parseInt(this.n1) + parseInt(this.n2)break;case '-':this.result = parseInt(this.n1) - parseInt(this.n2)break;case '*':this.result = parseInt(this.n1) * parseInt(this.n2)break;case '/':this.result = parseInt(this.n1) / parseInt(this.n2)break;} }}});</script>
</body></html>
复制代码
vue样式
<h1 class="red"></h1><h1 :class=" [ 'red', 'green' ] "></h1> 绑定数组<h1 :class=" [ 'red', 'green', flag?'active':'' ] "></h1> 三元表达式<h1 :class="classObj">123</h1><script>var vm = new Vue({el: '#app',data: {flag: true,classObj: { red: true, green: true, active: false }},methods: {}});</script>样式：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><!-- <h1 :style="ss">12</h1> --><h1 :style="[ ss, ee ]">123</h1></div><script>var vm = new Vue({el: '#app',data: {ss: { color: 'red', 'font-weight': 200 },ee: { color: 'red' }},methods: {}});</script>
</body></html>
复制代码
for循环
// 数组对象
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><p v-for="(item, i) in list">{{ item.id }} - {{ item.name }} - {{i}}</p></div><script>var vm = new Vue({el: '#app',data: {list: [{ id: 1, name: 'd' },{ id: 2, name: 'dd' },{ id: 3, name: 'ddd' },{ id: 4, name: 'dddd' }]},methods: {}});</script>
</body></html>
复制代码<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><p v-for="(item, i) in list">{{i}} - {{item}}</p></div><script>var vm = new Vue({el: '#app',data: {list: [1, 2, 3, 4 ]},methods: {}});</script>
</body></html>
复制代码// 循环对象
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><p v-for="(val, key, i) in user">{{ val }} -- {{key}} -- {{i}}</p></div><script>var vm = new Vue({el: '#app',data: {user: {id: 1,name: 'da',gender: '男'}},methods: {}});</script>
</body></html>
复制代码// 迭代数字
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>dashu</title><script src="./lib/vue-2.4.0.js"></script>
</head><body><div id="app"><p v-for="count in 6"> {{ count }} </p></div><script>var vm = new Vue({el: '#app',data: {},methods: {}});</script>
</body></html>
复制代码
key属性使用
<p v-for="item in list" :key="item.id"><input type="checkbox">{{item.id}} --- {{item.name}}
</p>add() { this.list.unshift({ id: this.id, name: this.name })
}
复制代码v-if 每次都会重新删除和创建元素，性能消耗高 v-show 每次不会重新创建，初始渲染消耗高
vue 中绑定样式两种方法：
v-bind: class v-bind:style
复制代码结言
好了，欢迎在留言区留言，与大家分享你的经验和心得。
感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。
作者简介
达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
相关文章
- 前端周刊第 49 期：React 和 Vue.js SSR 框架 微信小程序 Grid 布局
共 1867 字，读完需 4 分钟，速读需 1 分钟。本周收录的内容包含主流前端框架 React、Vue.js、Angular 的版本更新和周边扩展；CSS 方面，Grid 布局是值得关注的；开发效率方面，有 2 篇关于 Git、Webpack 的技巧…...
2024/4/24 0:26:30 - web组件正走在取代前端框架的路上
还记得 document.querySelector 开始获得主流浏览器支持，并逐渐结束 jQuery 统治的历史吗？ 它终于让我们能够原生实现多年来使用 jQuery 做的事情，也就是轻松选择 DOM 元素。我相信类似的变革也会席卷像 Angular 和 React 这样的前端框架。 …...
2024/4/23 11:45:37 - 广州双眼皮整容 推选美来
...
2024/4/24 2:24:48 - 做完埋线双眼皮揉了眼睛
...
2024/4/23 12:29:17 - 埋线双眼皮恢复好了可以揉眼睛吗
...
2024/4/23 4:55:22 - angular学习日志--前戏
最近换了份工作，新公司项目要求是用angular5typescript来开发的，而本人之前是做微信小程序开发的，对于前端框架也仅仅是对vue有一点点粗浅的了解。为了养家糊口，只好强行打起精神，开启angular的踩坑之旅。于是我急吼吼…...
2024/5/5 5:21:43 - 前端框架Angular的学习资源
Angular中文文档： https://angular.cn；Angular常用组件 : https://ng-bootstrap.github.io；...
2024/4/23 17:10:19 - 做完埋线双眼皮要几天恢复自然
...
2024/4/23 15:56:30 - 全切双眼皮5年后的效果
...
2024/5/5 8:54:35 - 写在2021: 值得关注/学习的前端框架和工具库
前言最近在知乎看到了这么个问题：学完Vue还有必要学习React和Node吗？[1]， 有很奇妙的感觉，因为我在最开始入门前端时，也是以Vue入的门，在“学完”Vue之后， 我也有了这个疑问，但当时的…...
2024/5/5 9:08:37 - JavaScript 开发者 10 种必备 VS Code 扩展
在本文中，我将重点介绍 JavaScript 开发人员必备的 VS Code 扩展列表。Visual Studio Code 无疑是当今最流行的轻量级代码编辑器。 它确实从其他流行的代码编辑器（比如：Sublime Text 和 Atom）中借鉴了大量的功能和特性。然而&…...
2024/4/24 1:40:35 - 广双眼皮手术第二天可以上班吗
...
2024/4/24 1:05:14 - ES2019 中的 JavaScript 新特性
JavaScript 从成立之初就已经走了很长一段路，提供了许多新的功能，这些功能是专门设计来使该语言更加人性化和提升效率。以下是我最近发现的一些有趣的JavaScript 新增内容。其中一些功能已在 Node，Chrome，Firefox 和 Safari 中可用…...
2024/4/23 8:11:55 - 埋线双眼皮痛多久才能恢复
...
2024/4/23 20:12:03 - 埋线双眼皮几天可以
...
2024/4/27 0:29:16 - ionic3 从UIWebView升级到WKWebView（翻译）
在iOS中，现在已经有两个网页浏览器，UIWebView和WKWebView。Ionic应用程序已经在历史版本中使用UIWebView，但之后不再使用。 Ionic现在在构建iOS时默认使用WKWebview。 我们坚信，WKWebview是任何应用程序的最佳选择，因…...
2024/5/5 5:05:11 - ionic3随笔（一）
首先你需要确保你的电脑安装了node.js，git。。。然后创建一个空文件夹，在文件目录下执行命令（我用的Visual Studio Code，所以这里我直接在IDE里面的终端执行）：npm install -g cordova ionic 安装完如下&…...
2024/4/26 17:21:41 - ionic angularjs安装过程详解
ionic一、简介1.ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。官网：http://ionicframework.com/2.ionic 主要关注外观和体…...
2024/4/26 2:29:53 - ionic android 性能,ionic开发Android App学习笔记（一）
简介ionic是一个强大的混合式/hybrid HTML5移动开发框架，特点是使用标准的HTML、CSS和JavaScript，开发跨平台的应用。ionic特点：漂亮的界面 追求性能 专注原生 免费开源既然是开源的，就不得不提一下它的源代码地址：…...
2024/4/26 15:09:24 - ionic和angularjs的区别？
a、ionic是一个用来开发混合手机应用的，开源的，免费的代码库、可以优化HTML、css和js的性能，构建高效的应用程序，而且还可以用于构建sass和angularJS的优化 b、AngularJS通过新的属性和表达式扩展了HTML。AngularJS可以构建一个单…...
2024/4/26 7:29:43
最新文章
- 【C++】学习笔记——vector_2
文章目录 七、vector2. vecotr的使用3. vector的模拟实现 未完待续 七、vector 2. vecotr的使用 上节我们以二维数组结束，这一节我们以二维数组开始。 // 二维数组 vector<vector<int>> vv;二维数组在底层是连续的一维数组。vv[i][j] 是怎样访问的&a…...
2024/5/5 12:52:50 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言，在此感激不尽。 权重和梯度的更新公式如下： w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 如何转行成为产品经理？
转行NPDP也是很合适的一条发展路径，之后从事新产品开发相关工作~ 一、什么是NPDP？ NPDP 是产品经理国际资格认证，美国产品开发与管理协会（PDMA）发起的，是目前国际公认的唯一的新产品开发专业认证ÿ…...
2024/5/4 23:56:47 - LeetCode-46. 全排列【数组 回溯】
LeetCode-46. 全排列【数组 回溯】 题目描述：解题思路一：回溯。回溯三部曲解题思路二：0解题思路三：0 题目描述： 给定一个不含重复数字的数组 nums ，返回其 所有可能的全排列 。你可以 按任意顺序 返回答案…...
2024/5/2 11:58:51 - 【外汇早评】美通胀数据走低，美元调整
原标题：【外汇早评】美通胀数据走低，美元调整昨日美国方面公布了新一期的核心PCE物价指数数据，同比增长1.6%，低于前值和预期值的1.7%，距离美联储的通胀目标2%继续走低，通胀压力较低，且此前美国一季度GDP初值中的消费部分下滑明显，因此市场对美联储后续更可能降息的政策…...
2024/5/4 23:54:56 - 【原油贵金属周评】原油多头拥挤，价格调整
原标题：【原油贵金属周评】原油多头拥挤，价格调整本周国际劳动节，我们喜迎四天假期，但是整个金融市场确实流动性充沛，大事频发，各个商品波动剧烈。美国方面，在本周四凌晨公布5月份的利率决议和新闻发布会，维持联邦基金利率在2.25%-2.50%不变，符合市场预期。同时美联储…...
2024/5/4 23:54:56 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题：【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五，美国方面公布了新一期的非农就业数据，大幅好于前值和预期，新增就业重新回到20万以上。具体数据： 美国4月非农就业人口变动 26.3万人，预期 19万人，前值 19.6万人。 美国4月失业率 3.6%，预期 3.8%，前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加，油价收跌
原标题：【原油贵金属早评】库存继续增加，油价收跌周三清晨公布美国当周API原油库存数据，上周原油库存增加281万桶至4.692亿桶，增幅超过预期的74.4万桶。且有消息人士称，沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油，印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/4 23:55:17 - 【外汇早评】日本央行会议纪要不改日元强势
原标题：【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升，避险资金回流日元有关，也与前一段时间的美日贸易谈判给日本缓冲期，日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策，但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响
原标题：【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响近日伊朗局势升温，导致市场担忧影响原油供给，油价试图反弹。此时OPEC表态稳定市场。据消息人士透露，沙特6月石油出口料将低于700万桶/日，沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”，沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题：【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议，昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告，伊朗外长昨日回应称，欧洲国家履行它们的义务，伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升，市场情绪动荡
原标题：【原油贵金属早评】波动率飙升，市场情绪动荡因中美贸易谈判不安情绪影响，金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际，美国按照既定计划向中国2000亿商品征收25%的关税，市场情绪有所平复，已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/4 23:55:16 - 【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试
原标题：【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试美国和伊朗的局势继续升温，市场风险情绪上升，避险黄金有向上突破阻力的迹象。原油方面稍显平稳，近期美国和OPEC加大供给及市场需求回落的影响，伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级，美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化，黄金上破
原标题：【原油贵金属早评】市场情绪继续恶化，黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动，人民币汇率出现大幅的贬值动能，金融市场受到非常明显的冲击。尤其是波动率起来之后，对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势，这…...
2024/5/4 18:20:48 - 【外汇早评】美伊僵持，风险情绪继续升温
原标题：【外汇早评】美伊僵持，风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件，导致波斯湾局势进一步恶化，市场担忧美伊可能会出现摩擦生火，避险品种获得支撑，黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日，四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷，油价弱势
原标题：【原油贵金属早评】贸易冲突导致需求低迷，油价弱势近日虽然伊朗局势升温，中东地区几起油船被袭击事件影响，但油价并未走高，而是出于调整结构中。由于市场预期局势失控的可能性较低，而中美贸易问题导致的全球经济衰退风险更大，需求会持续低迷，因此油价调整压力较…...
2024/5/4 23:55:17 - 氧生福地 玩美北湖（上）——为时光守候两千年
原标题：氧生福地 玩美北湖（上）——为时光守候两千年一次说走就走的旅行，只有一张高铁票的距离～ 所以，湖南郴州，我来了～ 从广州南站出发，一个半小时就到达郴州西站了。在动车上，同时改票的南风兄和我居然被分到了一个车厢，所以一路非常愉快地聊了过来。 挺好，最起…...
2024/5/4 23:55:06 - 氧生福地 玩美北湖（中）——永春梯田里的美与鲜
原标题：氧生福地 玩美北湖（中）——永春梯田里的美与鲜一觉醒来，因为大家太爱“美”照，在柳毅山庄去寻找龙女而错过了早餐时间。近十点，向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”，到郴州必吃的美食之一。 哇塞！那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖（下）——奔跑吧骚年！
原标题：氧生福地 玩美北湖（下）——奔跑吧骚年！让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/4 23:55:06 - 扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！
原标题：扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！扒开伪装医用面膜，翻六倍价格宰客！当行业里的某一品项火爆了，就会有很多商家蹭热度，装逼忽悠，最近火爆朋友圈的医用面膜，被沾上了污点，到底怎么回事呢？ “比普通面膜安全、效果好！痘痘、痘印、敏感肌都能用…...
2024/5/5 8:13:33 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题：「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势： 1、铁皮石斛：自唐宋以来，一直被列为皇室贡品，铁皮石斛生于海拔1600米的悬崖峭壁之上，繁殖力差，产量极低，所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/4 23:55:16 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题：丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司，专注美业21年，其旗下品牌： 「圣茵美」私密荷尔蒙抗衰，产后修复 「圣仪轩」私密荷尔蒙抗衰，产后修复 「花茵莳」私密荷尔蒙抗衰，产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知！
原标题：广州械字号面膜生产厂家OEM/ODM4项须知！广州械字号面膜生产厂家OEM/ODM流程及注意事项解读： 械字号医用面膜，其实在我国并没有严格的定义，通常我们说的医美面膜指的应该是一种「医用敷料」，也就是说，医用面膜其实算作「医疗器械」的一种，又称「医用冷敷贴」。 …...
2024/5/4 23:55:01 - 械字号医用眼膜缓解用眼过度到底有无作用？
原标题：械字号医用眼膜缓解用眼过度到底有无作用？医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料，含70%以上的水分。体表皮肤温度传导到本产品的凝胶层，热量被凝胶内水分子吸收，通过水分的蒸发带走大量的热量，可迅速地降低体表皮肤局部温度，减轻局部皮肤的灼…...
2024/5/4 23:54:56 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下：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