渐进式 JavaScript 框架Vue
Vue
渐进式 JavaScript 框架
通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目
一、走进Vue
1、what -- 什么是Vue
可以独立完成前后端分离式web项目的JavaScript框架
2、why -- 为什么要学习Vue
三大主流框架之一:Angular React Vue
先进的前端设计模式:MVVM
可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发
3、special -- 特点
单页面web应用
数据驱动
数据的双向绑定
虚拟DOM
4、how -- 如何使用Vue
- 开发版本:vue.js
- 生产版本:vue.min.js
<div id="app">{{ }}
</div>
<script src="js/vue.min.js"></script>
<script>new Vue({el: '#app'})
</script>
二、Vue实例
1、el:实例
new Vue({el: '#app'
})
// 实例与页面挂载点一一对应
// 一个页面中可以出现多个实例对应多个挂载点
// 实例只操作挂载点内部内容
2、data:数据
<div id='app'>{{ msg }}
</div>
<script>var app = new Vue({el: '#app',data: {msg: '数据',}})console.log(app.$data.msg);console.log(app.msg);
</script>
<!-- data为插件表达式中的变量提供数据 -->
<!-- data中的数据可以通过Vue实例直接或间接访问-->
3、methods:方法
<style>.box { background-color: orange }
</style>
<div id='app'><p class="box" v-on:click="pClick">测试</p><p class="box" v-on:mouseover="pOver">测试</p>
</div>
<script>var app = new Vue({el: '#app',methods: {pClick () {// 点击测试},pOver () {// 悬浮测试}}})
</script>
<!-- 了解v-on:为事件绑定的指令 -->
<!-- methods为事件提供实现体-->
4、computed:计算
<div id="app"><input type="text" v-model="a"><input type="text" v-model="b"><div>{{ c }}</div>
</div><script>// 一个变量依赖于多个变量new Vue({el: "#app",data: {a: "",b: "",},computed: {c: function() {// this代表该vue实例return this.a + this.b;}}})
</script>
5、watch:监听
<div id="app"><input type="text" v-model="ab"><div>{{ a }}{{ b }}</div>
</div><script>// 多个变量依赖于一个变量new Vue({el: "#app",data: {ab: "",a: "",b: "",},watch: {ab: function() {// 逻辑根据需求而定this.a = this.ab[0];this.b = this.ab[1];}}})
</script>
6、delimiters:分隔符
<div id='app'>${ msg }
</div>
<script>new Vue({el: '#app',data: {msg: 'message'},delimiters: ['${', '}']})
</script>
三、生命周期钩子
- 表示一个vue实例从创建到销毁的这个过程,将这个过程的一些时间节点赋予了对应的钩子函数
- 钩子函数: 满足特点条件被回调的方法
new Vue({el: "#app",data: {msg: "message"},beforeCreate () {console.log("实例刚刚创建");console.log(this.msg},created () {console.log("实例创建成功, data, methods已拥有");console.log(this.msg);},mounted () {console.log("页面已被vue实例渲染, data, methods已更新");}// 拿到需求 => 确定钩子函数 => 解决需求的逻辑代码块
})
四、Vue指令
1、文本相关指令
<div id="app"><!-- 插值表达式 --><p>{{ msg }}</p><!-- eg:原文本会被msg替换 --><p v-text='msg'>原文本</p><!-- 可以解析带html标签的文本信息 --><p v-html='msg'></p><!-- v-once控制的标签只能被赋值一次 --><p v-once>{{ msg }}</p>
</div>
<script type="text/javascript">// 指令: 出现在html标签中可以被vue解析处理的全局属性new Vue({el: "#app",data: {msg: "message"}})
</script>
2、斗篷指令
<style type="text/css">[v-cloak] { display: none; }
</style>
<div id="app" v-cloak>{{ msg }}
</div>
<script src="js/vue.min.js"></script>
<script type="text/javascript">new Vue({el: "#app",data: {msg: "message"}})
</script>
<!-- 避免页面闪烁-->
3、属性指令
<!-- 给自定义全局属性绑定变量 -->
<p v-bind:abc="abc"></p>
<!-- 以原字符串形式绑定全局属性 -->
<p v-bind:title="'abc'"></p><!-- 单类名绑定 -->
<p v-bind:class="c1"></p>
<!-- 多类名绑定 -->
<p v-bind:class="[c2, c3]"></p>
<!-- 类名状态绑定 -->
<p v-bind:class="{c4: true|false|var}"></p>
<!-- 多类名状态绑定 -->
<p v-bind:class="[{c5: true}, {c6: flase}]"></p><!-- 样式绑定 -->
<div :style="div_style"></div>
<div :style="{width: '100px', height: '100px', backgroundColor: 'blue'}"></div>
<script type="text/javascript">new Vue({el:"#app",data: {abc: "abc",c1: "p1",c2: "p2",c3: "p3",div_style: {width: "200px",height: "200px",backgroundColor: "cyan"}}})
</script>
<!-- v-bind: 指令可以简写为 : -->
4、事件指令
<!-- v-on: 指令 简写 @ -->
<!-- 不传参事件绑定,但事件回调方法可以获取事件对象 -->
<p @click="fn"></p>
<!-- ()可以传入具体实参 -->
<p @click="fn()"></p>
<!-- ()情况下,事件对象应该显式传入 -->
<p @click="fn($event)"></p>
5、表单指令
<div id="app"><!-- v-model针对于表单元素 --><form action="" method="get"><!-- 1、双向绑定:服务于文本输入框 --><!-- v-model存储的值为输入框的value值 --><div><input type="text" name="usr" v-model="in_val"><input type="password" name="ps" v-model="in_val" ><textarea name="info" v-model="in_val"></textarea></div><!-- 2、单选框 --><div><!-- 单选框是以name进行分组,同组中只能发生单选 --><!-- v-model存储的值为单选框的value值 -->男:<input type="radio" name="sex" value="男" v-model="ra_val">女:<input type="radio" name="sex" value="女" v-model="ra_val">{{ ra_val }}</div><!-- 3、单一复选框 --><!-- v-model存储的值为true|false --><!-- 或者为自定义替换的值 --><div><input type="checkbox" v-model='sin_val' true-value="选中" false-value="未选中" />{{ sin_val }}</div><!-- 4、多复选框 --><!-- v-model存储的值为存储值多复选框value的数组 --><div><input type="checkbox" value="喜好男的" name="cless" v-model='more_val' /><input type="checkbox" value="喜好女的" name="cless" v-model='more_val' /><input type="checkbox" value="不挑" name="cless" v-model='more_val' />{{ more_val }}</div></form>
</div><script type="text/javascript">new Vue({el: '#app',data: {in_val: '',// 默认值可以决定单选框默认选项ra_val: '男',// 默认值为true,单一复选框为选中,反之false为不选中sin_val: '',// 数组中存在的值对应的复选框默认为选中状态more_val: ['喜好女的','不挑']}})
</script>
6、条件指令
<div id="app"><button @click="toggle">显隐切换</button><!-- v-if --><div class="box r" v-if="isShow"></div><!-- v-show --><div class="box o" v-show="isShow"></div><!-- 1.条件渲染的值为true|false --><!-- 2.true代表标签显示方式渲染 --><!-- 3.false v-if不渲染到页面,v-show以display:none渲染到页面,但也不会显示 --><!-- v-if v-else-if v-else 案例 --><ul><li @mouseover="changeWrap(0)">red</li><li @mouseover="changeWrap(1)">green</li><li @mouseover="changeWrap(2)">blue</li></ul><!-- red页面逻辑结构 --><div class="wrap red" v-if="tag == 0" key="0">...</div><!-- green页面逻辑结构 --><div class="wrap green" v-else-if="tag == 1" key="1">...</div><!-- blue页面逻辑结构 --><div class="wrap blue" v-else key="2">...</div><!-- v-if相关分支操作,在未显示情况下,是不会被渲染到页面中 --><!-- 通过key全局属性操作后,渲染过的分支会建立key对应的缓存,提高下一次渲染速度 --><!-- v-show 案例 --><ul><li @mouseover="changeMain(0)">red</li><li @mouseover="changeMain(1)">green</li><li @mouseover="changeMain(2)">blue</li></ul><!-- red页面逻辑结构 --><div class="main red" v-show="whoShow(0)">...</div><!-- green页面逻辑结构 --><div class="main green" v-show="whoShow(1)">...</div><!-- blue页面逻辑结构 --><div class="main blue" v-show="whoShow(2)">...</div>
</div>
<script type="text/javascript">new Vue({el: "#app",data: {isShow: false,tag: 0,flag: 0},methods: {toggle () {this.isShow = !this.isShow;},changeWrap (num) {this.tag = num;},changeMain (num) {// this.flag numthis.flag = num;},whoShow (num) {// this.flag numreturn this.flag == num;}}})
</script>
7、循环指令
<div id="app"><h1>{{ msg }}</h1><!-- v-for="item in items" --><!-- 遍历的对象: 数组[] 对象(字典){} --><ul><li>{{ list[0] }}</li><li>{{ list[1] }}</li><li>{{ list[2] }}</li><li>{{ list[3] }}</li><li>{{ list[4] }}</li></ul><!-- n为遍历的元素值 --><ul><li v-for="n in list">{{ n }}</li></ul><!-- 一般列表渲染需要建立缓存 --><!-- 列表渲染是循环,需要赋值变量给key,使用key需要v-bind:处理 --><!-- v-for变量数组[]时,接收两个值时,第一个为元素值,第二个为元素索引 --><ul><li v-for="(n, i) in list" :key="i">value:{{ n }} | index: {{ i }}</li></ul><ul><li>{{ dic['name'] }}</li><li>{{ dic.age }}</li><li>{{ dic.gender }}</li></ul><!-- v-for变量对象{}时,接收三个值时,第一个为元素值,第二个为元素键,第三个为元素索引 --><ul><li v-for="(v, k, i) in dic" :key="k">value:{{ v }} | key:{{ k }} | index: {{ i }}</li></ul><!-- 遍历的嵌套 --><div v-for="(person, index) in persons" :key="index" style="height: 21px;"><div v-for="(v, k) in person" :key="k" style="float: left;">{{ k }} : {{ v }} </div></div>
</div>
<script type="text/javascript">new Vue({el: "#app",data: {msg: "列表渲染",list: [1, 2, 3, 4, 5],dic: {name: 'zero',age: 88888,gender: 'god'},persons: [{name: "zero", age: 8},{name: "egon", age: 78},{name: "liuXX", age: 77},{name: "yXX", age: 38}]}})
</script>
8、todolist案例
<div id="app"><div><input type="text" v-model="val"><button type="button" @click="submitMsg">提交</button></div><ul><li v-for="(v, i) in list" :key="i" @click="removeMsg(i)">{{ v }}</li></ul>{{ list }}
</div>
<script type="text/javascript">new Vue({el: "#app",data: {val: "",list: []},methods: {submitMsg () {if (this.val) {this.list.push(this.val);this.val = ""}},removeMsg(index) {this.list.splice(index, 1)}}})
</script>
五、组件
- 每一个组件都是一个vue实例
- 每个组件均具有自身的模板template,根组件的模板就是挂载点
- 每个组件模板只能拥有一个根标签
- 子组件的数据具有作用域,以达到组件的复用
1、根组件
<div id="app"><h1>{{ msg }}</h1>
</div>
<script type="text/javascript">// 通过new Vue创建的实例就是根组件(实例与组件一一对应,一个实例就是一个组件)// 每个组件组件均拥有模板,templatevar app = new Vue({// 根组件的模板就是挂载点el: "#app",data : {msg: "根组件"},// 模板: 由""包裹的html代码块,出现在组件的内部,赋值给组件的$template变量// 显式书写模块,就会替换挂载点,但根组件必须拥有挂载点template: "<div>显式模板</div>"})// app.$template
</script>
2、局部组件
<div id="app"><local-tag></local-tag><local-tag></local-tag>
</div>
<script>var localTag = {data () {return {count: 0}},template: '<button @click="btnAction">局部{{ count }}</button>',methods: {btnAction () {this.count ++}}}new Vue({el: "#app",components: {'local-tag': localTag}})
</script>
3、全局组件
<div id="app"><global-tag></global-tag><global-tag></global-tag>
</div>
<script>Vue.component('global-tag', {data () {return {count: 0}},template: '<button @click="btnAction">全局{{ count }}</button>',methods: {btnAction () {this.count ++}}})new Vue({el: "#app"})
</script>
4、父组件传递数据给子组件
- 通过绑定属性的方式进行数据传递
<div id="app"><global-tag :sup_data1='sup_data1' :supData2='sup_data2'></global-tag>
</div>
<script type="text/javascript">Vue.component('global-tag', {props:['sup_data1', 'supdata2'],template: '<div>{{ sup_data1 }} {{ supdata2 }}</div>'})new Vue({el: '#app',data: {sup_data1: '数据1',sup_data2: '数据2'}})
</script>
5、子组件传递数据给父组件
- 通过发送事件请求的方式进行数据传递
<div id="app"><global-tag @send_action='receiveAction'></global-tag>
</div>
<script type="text/javascript">Vue.component('global-tag', {data () {return {sub_data1: "数据1",sub_data2: '数据2'}},template: '<div @click="clickAction">发生</div>',methods: {clickAction () {this.$emit('send_action', this.sub_data1, this.sub_data2)}}})new Vue({el: '#app',methods: {receiveAction (v1, v2) {console.log(v1, v2)}}})
</script>
6、父子组件实现todoList
<div id="app"><div><input type="text" v-model="val"><button type="button" @click="submitMsg">提交</button></div><ul><!-- <li v-for="(v, i) in list" :key="i" @click="removeMsg(i)">{{ v }}</li> --><todo-list v-for="(v, i) in list" :key="i" :v="v" :i="i" @delect_action="delect_action"></todo-list></ul>
</div>
<script type="text/javascript">Vue.component("todo-list", {template: "<li @click='delect_action'><span>第{{ i + 1 }}条: </span><span>{{ v }}</span></li>",props: ['v', 'i'],methods: {delect_action () {this.$emit("delect_action", this.i)}}})new Vue({el: "#app",data: {val: "",list: []},methods: {submitMsg () {// 往list中添加input框中的valueif (this.val) {this.list.push(this.val);this.val = ""}},delect_action(index) {this.list.splice(index, 1)}}})
</script>
六、Vue-CLI 项目搭建
1、环境搭建
- 安装node
官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/
- 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安装脚手架
cnpm install -g @vue/cli
- 清空缓存处理
npm cache clean --force
2、项目的创建
- 创建项目
vue creat 项目名
// 要提前进入目标目录(项目应该创建在哪个目录下)
// 选择自定义方式创建项目,选取Router, Vuex插件
- 启动/停止项目
npm run serve / ctrl+c
// 要提前进入项目根目录
- 打包项目
npm run build
// 要在项目根目录下进行打包操作
3、认识项目
- 项目目录
dist: 打包的项目目录(打包后会生成)
node_modules: 项目依赖
public: 共用资源
src: 项目目标,书写代码的地方-- assets:资源-- components:组件-- views:视图组件-- App.vue:根组件-- main.js: 入口js-- router.js: 路由文件-- store.js: 状态库文件
vue.config.js: 项目配置文件(没有可以自己新建)
- 配置文件:vue.config.js
module.exports={devServer: {port: 8888}
}
// 修改端口,选做
- main.js
new Vue({el: "#app",router: router,store: store,render: function (h) {return h(App)}
})
- .vue文件
<template><!-- 模板区域 -->
</template>
<script>// 逻辑代码区域// 该语法和script绑定出现export default {}
</script>
<style scoped>/* 样式区域 *//* scoped表示这里的样式只适用于组件内部, scoped与style绑定出现 */
</style>
4、项目功能
- vue-router
{path: '/',name: 'home',// 路由的重定向redirect: '/home'
}{// 一级路由, 在根组件中被渲染, 替换根组件的<router-view/>标签path: '/one-view',name: 'one',component: () => import('./views/OneView.vue')
}{// 多级路由, 在根组件中被渲染, 替换根组件的<router-view/>标签path: '/one-view/one-detail',component: () => import('./views/OneDetail.vue'),// 子路由, 在所属路由指向的组件中被渲染, 替换该组件(OneDetail)的<router-view/>标签children: [{path: 'show',component: () => import('./components/OneShow.vue')}]
}
<!-- router-link渲染为a标签 -->
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link> |
<router-link :to="{name: 'one'}">One</router-link> |<!-- 为路由渲染的组件占位 -->
<router-view />
a.router-link-exact-active {color: #42b983;
}
// router的逻辑转跳
this.$router.push('/one-view')// router采用history方式访问上一级
this.$router.go(-1)
- vuex
// 在任何一个组件中,均可以通过this.$store.state.msg访问msg的数据
// state永远只能拥有一种状态值
state: {msg: "状态管理器"
},
// 让state拥有多个状态值
mutations: {// 在一个一个组件中,均可以通过this.$store.commit('setMsg', new_msg)来修改state中的msgsetMsg(state, new_msg) {state.msg = new_msg}
},
// 让mutations拥有多个状态值
actions: {}
- vue-cookie
// 安装cookie的命令
// npm install vue-cookie --save
// 为项目配置全局vue-cookie
import VueCookie from 'vue-cookie'
// 将插件设置给Vue原型,作为全局的属性,在任何地方都可以通过this.$cookie进行访问
Vue.prototype.$cookie = VueCookie
// 持久化存储val的值到cookie中
this.$cookie.set('val', this.val)
// 获取cookie中val字段值
this.$cookie.get('val')
- axios
// 安装 axios(ajax)的命令
// npm install axios--save
// 为项目配置全局axios
import Axios from 'axios'
Vue.prototype.$ajax = Axios
let _this = this
this.$ajax({method: 'post',url: 'http://127.0.0.1:5000/loginAction',params: {usr: this.usr,ps: this.ps}
}).then(function(res) {// this代表的是回调then这个方法的调用者(axios插件),也就是发生了this的重指向// 要更新页面的title变量,title属于vue实例// res为回调的对象,该对象的data属性就是后台返回的数据_this.title = res.data
}).catch(function(err) {window.console.log(err)
})
# 用pycharm启动该文件模拟后台
from flask import Flask, request, render_template
from flask_cors import CORS
app = Flask(__name__)
CORS(app, supports_credentials=True)@app.route('/')
def index():return "<h1>主页</h1>"@app.route('/loginAction', methods=['GET', 'POST'])
def test_action():# print(request.args)# print(request.form)# print(request.values)usr = request.args['usr']ps = request.args['ps']if usr != 'abc' or ps != '123':return 'login failed'return 'login success'if __name__ == '__main__':app.run()
转载于:https://www.cnblogs.com/chuwanliu/p/11419775.html
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 如何使用Angular 7配置Webpack 4:完整指南
by Samuel Teboul通过塞缪尔特布尔 如何使用Angular 7配置Webpack 4:完整指南 (How to configure Webpack 4 with Angular 7: a complete guide) The Angular CLI makes it easy to create an application that already works, right out of the box. It is a grea…...
2024/4/21 6:12:08 - 用 Vue 改造 Bootstrap,渐进提升项目框架
GitChat 作者:Meathill 原文:用 Vue 改造 Bootstrap,渐进提升项目框架 关注微信公众号:「GitChat 技术杂谈」 一本正经的讲技术 【不要错过文末彩蛋】 前言 Vue 横空出世,以迅雷不及掩耳之势横扫前端界,…...
2024/4/28 17:30:24 - 怎样才有内双算是双眼皮吗
...
2024/4/21 6:12:06 - 微信公众账号开发框架总结
由于公司产品战略需求,需要开发多个微信公众账号,可以选择使用IONIC作为UI框架,可以说它是一个很好的选择,符合Angular编写规范,但是IONIC的UI组件相对来说要少一些,没有侧栏、时间选择器、图片预览等组件&…...
2024/4/21 6:12:05 - 双眼皮单眼皮内双好吗
...
2024/4/25 9:53:32 - 永久双眼皮改单眼皮
...
2024/4/21 6:12:03 - 韩式定位双眼皮图片
...
2024/5/4 14:40:51 - angular的service与factory
angular里的service是一个单例对象,在应用生命周期结束的时候(关闭浏览器)才会被清除。而controllers在不需要的时候就会被销毁了。 factory是angular里的一种service. Angular里面创建service最简单的方式是使用 factory() 方法。 -什么时候…...
2024/5/4 23:59:51 - MNN模型转换报Don't support type [ ConvolutionDepthwise ]
MNN模型转换Dont support type [ ConvolutionDepthwise ]问题解决方法 问题 当将caffe模型转换成mnn模型时抛如下异常 Start to Convert Other Model Format To MNN Model... [16:34:45] :143: Dont support type [ ConvolutionDepthwise ], for conv1_1/dw_new Start to Optim…...
2024/4/21 6:12:00 - 一单一双眼皮的女明星
...
2024/4/21 6:11:59 - Angular的服务介绍
AngularJS与服务端交互 简介 在Angular框架中的内部,封装了许多的服务模块,供开发者与服务端交互时调用。如$http和 $resource等众多的服务。同时,应用内部的缓存机制可加速交互时的数据通信,通过$resource服务快速响应服务端的R…...
2024/4/21 6:12:01 - Angular 服务(Services)
为什么要使用服务 当需要向各种模块提供通用功能时使用服务。 例如,我们可能具有可以在各个模块之间重用的数据库功能。因此,您可以创建一个具有数据库功能的服务。 什么是服务 AngularJS 中的服务是一个函数或对象。 AngularJS 中你可以创建自己的…...
2024/5/4 15:11:42 - Angular服务与自定义服务
在Angular应用中: View视图 专门用于数据的展示和提取 Controller控制器,主要用于数据的挂载(数据从哪来?) 自定义服务:用于从后端接口获取数据,然后将数据挂载到控制器中 Model数据模型&am…...
2024/5/4 1:41:37 - 长沙哪家双眼皮认美莱
...
2024/4/20 19:11:02 - angularjs factory (工厂服务)
序 angularjs的工厂服务通常用来构造一些公共数据和方法,它可以在任意一个控制器或指令里调用,从而实现数据公用。 简单用法 这是一个模拟试验用的demo,事实上不会这么使用。 index.html <!DOCTYPE html> <html lang"en&q…...
2024/4/22 23:13:26 - angular自定义服务factory和service源码解析
控制器膨胀 控制器是AngularJS的肉和土豆,一不小心就会将过多的逻辑加入其中,尤其是刚开始的时候。控制器永远都不应该去操作DOM,或是持有DOM选择器,那是我们需要使用指令和ng-model的地方。同样的,业务逻辑应该存在于…...
2024/5/3 11:50:19 - Angular7入门辅助教程(八)——服务提供商
如果有任何的非技术障碍,比如如何新建Angular项目,请先到我的"Angular7入门辅助教程"专栏参考这篇博客:Angular7入门辅助教程——前篇 Provider 这一章我们来了解一下Angular依赖注入系统中一个很重要的概念——服务提供商…...
2024/5/4 10:14:04 - AngularJs 自定义factory服务
自定义factory服务通过函数返回一个对象,在函数内部可以进行算式等操作然后赋值给返回的对象,value服务等提供的对象是较固定的键值对语法:app数据模型.factory(自定义factory名字,function(){var obj{};...return obj;})代码示例: <html ng-appapp ng-controllermain >…...
2024/4/21 6:11:55 - 连着眼头的双眼皮图片
...
2024/5/2 17:18:49 - 开双眼皮和埋线法
...
2024/4/21 6:11:53
最新文章
- 自动化工具
一、介绍一些自动化的工具 puppet和chef用的是Ruby语言http协议,淘汰 saltstack Python语言 c/s ssh协议,5% ansible 无cilent ssh协议 用Python开发 95% 二、ansible简介 2.1 ansible自动化运维工具特点 Ansible 与 Saltstack 均是基于…...
2024/5/6 20:37:01 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/6 9:38:23 - Spring学习(四)反射、AOP、JUnit
文章目录 Java反射回顾 AOP代理模式AOP概念及术语概述术语作用 基于注解的AOP步骤依赖配置文件切入点表达式语法切面类重用切入点表达式切面的优先级 基于XML的AOP 单元测试JUnit引入依赖JUnit5 Java反射 Spring框架的IoC基于java反射机制实现,反射是指在运行状态中…...
2024/5/3 23:35:32 - Redis Stack十部曲之三:理解Redis Stack中的数据类型
文章目录 前言String字符串作为计数器限制 List限制列表阻塞列表自动创建和删除聚合类型键限制 Set限制 Hash限制 Sorted Set范围操作字典操作更新分数 JSON路径限制 BitMapBitfieldProbabilisticHyperLogLogBloom filterCuckoo filtert-digestTop-KCount-min sketchConfigurat…...
2024/5/4 13:36:16 - C#,简单,精巧,实用的文件夹时间整理工具FolderTime
点击下载本文软件(5积分): https://download.csdn.net/download/beijinghorn/89071073https://download.csdn.net/download/beijinghorn/89071073 百度网盘(不需积分): https://pan.baidu.com/s/1FwCsSz…...
2024/5/6 12:46:11 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心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/6 9:21:00 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
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/6 1:40:42 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继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