filter
1.Filter ？什么是过滤器
Filter 过滤器它是 JavaWeb 的三大组件之一。
三大组件分别是：Servlet 程序、Listener 监听器、Filter 过滤器
Filter 过滤器它是 JavaEE 的规范。也就是接口
Filter 过滤器它的作用是：拦截请求，过滤响应。
拦截请求常见的应用场景有：
1.权限检查 2.日记操作 3.事务管理 ……等等
要求：在你的 web 工程下，有一个 admin 目录。这个 admin 目录下的所有资源（html 页面、jpg 图片、jsp 文件…等等）都必须是用户登录之后才允许访问。
思考：根据之前我们学过内容。我们知道，用户登录之后都会把用户登录的信息保存到 Session 域中。所以要检查用户是否登录，可以判断 Session 中否包含有用户登录的信息，即可！！！
new Vue({
// 过滤器的定义
filters: {
// 属性名称（过滤器名称）：属性的值（过滤器处理函数）
myFilter:function(value,其它参数){
}
}
})
xhr
<script>
/* //(请求)浏览器 服务器(处理) 服务器(响应) 前后端交互三步走
1.ajax不跳转情况下发送请求
应用:局部刷新
2.ajax:使用内置对象XMLHttpRequest发送ajax请求 */
//(1)创建XMLHttpRequest对象(小黄人对象)
let xhr = new XMLHttpRequest()
//(2)设置请求方法和请求地址
xhr.open('get', 'https://autumnfish.cn/api/joke/list?num=10')
//(3)发送请求
xhr.send()
//(4)注册事件响应回调事件
/* 这个事件不是立即执行 过一会 取决 于很多因素 带宽天气网络运营商 */
xhr.onload = function () {
document.write(xhr.responseText)
}
//(1).实例化ajax对象
let xhr1 = new XMLHttpRequest()
//(2).设置请求方法和地址
//get请求的数据直接添加在url的后面 格式是 url?key=value
xhr1.open('get', 'https://autumnfish.cn/api/joke/list?num=10')
//(3).发送请求
xhr1.send()
//(4).注册回调函数
xhr1.onload = function () {
document.write(xhr1.responseText)
}
</script>
** 全局 Vue.filter('过滤器名称',(value)=>{ //管道符前js表达式执行结果 // 返回处理好的数据即可 })
- 局部
new Vue({filters:{'过滤器名称':(value)=>{ //管道符前js表达式执行结果 // 返回处理好的数据即可 }}})
**
侦听器
watch侦听器 可以监听值得变化
他可以监听数据的变化 一旦数据项有变化 ,它就会执行
格式: new Vue{
{ watch :{侦听器1: 组件1 : (新值,旧值) { }}}
watch: {
"要监听的属性名": {
immediate: true, // 立即执行
deep: true, // 深度监听复杂类型内变化
handler (newVal, oldVal) {
}
}
}
//修改data的对象的属性的值 (要深度监听) data->obj->(修改name的值)name
//v-model一起使用
watch: {
// 固定属性(设置监听哪些属性)
user: {
// 具体属性名(被监听)
handler(newVal, oldVal){
// 固定触发此函数
console.log(newVal);
},
immediate: true, // 马上监听触发
deep: true // 深度监听(监听name和age值的改变)
}
}