vue除了有v-if等内置指令,我们也可以创建自定义指令. 例:我们可以实现一个可以每隔一秒闪烁的节点,类似于<blink>标签的行为.添加一个指令类似于添加一个过滤器,可以将他传入vue实例或组件的directives属性,或者使用vue.directive()注册一个全局指令.传入指令的名字以及包含钩子函数的对象,这些钩子函数会在设置了该指令的元素的生命周期的各个阶段运行. <div v-blink>闪烁的盒子</div> Vue.directive('blink'…

JAVA虚拟机整体的回顾,为提纲类型 JAVA虚拟机是装在操作系统之上的一个应用软件[平台性质],作用是:将class格式的字节码编译成可执行的机器码.从而,class格式和物理机无关.也就是所谓的java和平台无关.做到跨平台. 从上图可以看出, JVM核心知识架构 1. 类加载 (1) 类加载 1) 类加载 1．根据全路径名获取二进制的字节流 2．将类的静态存储结构转换成运行时数据结构 3．生成一个Java.lang.class类型的对象.作为内存使用类的一个接口. 2) 类加载器 1．定义…

当引入Mint-ui 整体css 时 如果出现了这样的错误, 是指找不到对应的Mint-UI 的css :需要从node_modules里寻找 解决方法是在webpack.config.js(有的项目是webpack.base.conf.js这里随项目配置而定,知道是这个东西就可以了)里配置: { test: /\.css$/, include: [ 'node_modules/mint/lib/' // 这里引入mint-ui 的css ], loader: 'style-loader!css…

1.v-if和v-show v-if 和v-show都可以显示和隐藏元素: 区别:(1)v-if初始值为false那么这个元素不会被渲染 ,v-show不管初始值为何值都会被渲染 (2)v-if是控制DOM元素是否插入,v-show是控制css的display属性 (3)v-if适合隐藏尚未加载的内容或切换显示与隐藏频率较低的地方,v-show反之; 此外还有两个条件语句和v-if有关:v-else-if ,v-else <div v-if="state==='loading'"…

1.ref ref可以直接访问元素,而不需要使用querySelector或者其他dom节点的原生方法. <div ref = "box"></div> 在js中,这个原生会被存到this.$ref这个对象中,对应的键名就是为这个元素的ref属性设置的值  使用this.$ref.box访问这个元素 在组件中这个属性尤为有用.同一组件的代码可能在页面中出现多次,这从根本上不能为组件内的元素添加唯一类名而使用querySelector来选择该元素,相比之下ref只…

过渡和动画 使用<transition> 组件包裹 例: <transition name="fade"> <div v-if="true">过渡动画</div> </transition> style:.fade-enter-active, .fade-leave-active {transition: opactiy .5s} .fade-enter, .fade-leave-to{opacity:0;…

1.响应式 vue修改了每个添加到data上的对象,当该对象发生变化时vue会收到通知,从而实现响应式.对象的每个属性都会被替换为getter,setter方法. 有两种方式实现data对象的监听 (1)脏检查:通过存储这个对象副本,然后比较两者,但这种方法并不高效. (2)使用Objectf.defineProperty(),以下是vue的基本思路 const storedData = {}; storedData.useId = data.useId Object.definePropert…

vue-router 1. 底层原理 hash 或者h5 histroy(有兼容性) 2. 使用的时候Vue需要引入VueRouter Vue.use(VueRouter) //VueRouter 底层实际上是instal 安装了两个全局的组件 router-view 和router-link 默认路由:  {     path:'/',     //component:Home //默认页   //  redirect:'/home'      redirect:{name:'home'}  …

一.什么是vue? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.链接:https://cn.vuejs.org/v2/guide/ vue.js特点: 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 二.vue的安装和使用方法 1.安装:可以通过命令行工具安装(~~详细可自行百度~~) 2.直接下载引…

ValueStack里有map(request, session, attr, parameters)和对象栈. Map调用的方法: ActionContext.getContext().put(k,v)/ get(k) 对象栈的调用方法: ActionContext.getContext.getValueStack().push(obj)/pop(); OGNL格式: struts.xml, OGNL的格式为: ${ognl} jsp里 OGNL的格式为: %{ognl} 语法: user=f…