day02
vue.js
-
思维:mvvm
-
数据渲染:类似mvc,用于java端
-
MVC:model:pojo view:jsp; control:servlet,把model放进作用域,转发页面
-
mvvm:类似于前端的mvc
-
用作用域的方式动态加载数据,支持js对数据修改
-
model页面加载数据 view:html vm:数据控制
-
引入vue.js
-
new Vue({
})
- 1、页面引入方式,用
- 单价:
- 总价:{{sum}}
- {{getsum()}}
new Vue({
el 要控制的范围,标签的id选择器
el: ‘#app’,
data是一个function,return的是一个json
data(){
return {
//要控制的数据
name: ‘张三’,
price: 13,
count: 1,
}
},
//计算速度快
computed: {
//数据计算
sum(){
return this.price*this.count
}
},
methods:{
定义function的地方
具有computed的所有功能
getsum(){
return this.price*this.count
}
},
created(){
//function
//new Vue对象的时候一开始调用
//调用一次
console.log("创建Vue对象的时候调用一次")
},
mounted(){
数据加载后调用一次
},
watch: {
数据的key: {
handle(新数值,就数值){
}
}
}
})
-
有HTML中用{key}
-
{{name}}
-
如果标签的某个属性需要数据: :属性名=“数据key”
-
input:value=“name” 该方式叫做数据绑定
双向绑定
-
双向绑定 用于 表单元素
-
v-model=“数据key”
-
区别: 1、methods计算速度不如computed
-
2、methods可以穿参数,computed只能对数据data中的数据进行计算,不能传参
-
3、methods可以绑定事件
-
4、methods可以没有返回值,但是computed必须有返回值
-
绑定
-
把js中的on去掉就可以了
-
<button @click=“changprice()”>
-
@事件名=“代码”,methods中调用某个function
-
@click=“price=26”
###tow
-
数据的监听,监视的是data里面的数据
-
json可以嵌套多少层都可以
-
watch: {
‘product.price’: {
handler(new,old){
输出xin值
输出旧的数值
},
deep:true
}
‘product.count’: {
handler(new,old){}
}
} -
如果product里面的数据变了,并不会触发product的handle
-
深度监听
-
默认监听的是product本身 ,如果监听的是对象里面的数值,用deep:true;但是不能获取到对象的旧的数值
class绑定
-
:class=数据的key""
-
1、绑定数组
-
2、绑定json
{‘keyclass’:boolean}
style绑定 :style=“json”
-
改json和jquery.css(json)完全一样
-
当成代码看待
-
注意:千万不要想着获取dom元素
-
巡环
-
v-for="(n,index) in 数组key"
-
vue轮播
-
jquery轮播
day02下午
day02后端
-
Tomcat负载有上限,作为一个用户来说不能知道该访问那个,知道那个空闲;
-
nginx作为静态服务器,实现反向代理;
-
session会话保持:咖啡厅,带着小纸条;cookies存放sessionid,
-
session是一种机制,前后端分离中httpsession不用了;
-
session-微服务认证,jwt json web token
-
nginx: 功能:1、论调; 2、加权论调: 解决服务器性能不一致的问题
-
实现的策略:负载均衡,让服务器承载的用户数量差不多,繁忙程度差不多,能力高的多干
-
Redis缓存服务器(过时) 讲解替代品:ssdb, memcache被Redis替代了
-
springcloud : netflix公司进入维护模式
-
eureka nacos:进入springcloud孵化
-
mybatis—mybatis-plus
-
hibernate–另一个持久层框架