congboer
congboer

Vue自定义指令、混入mixin、自定义插件、异步组件、过渡和动画

1、自定义指令

  1. 业务: 当我第一次打开页面时，自动获取搜索框的焦点，用一个指令实现

    <body>
  <div id="app">
    <input type="text" v-focus>
  div>
body>
<script src="../../lib/vue.js">script>
<script>
  new Vue({
    el: '#app',
    directives: {
      'focus': {//局部定义自定义指令
        inserted ( el ) {
          el.focus()//原生方法
        }
      }
    }
  })
script>

  2. 定义方式

    • 全局定义 ：Vue.directive( 指令的名称，指令的选项 )
    • 局部定义 ：组件内选项： directives
//1、以全局定义自定义指令为例：
	//Vue.directive(指令名称，指令选项)
	Vue.directive('focus',{//使用自定义指令时用v-focus
		bind(){},   //第一个钩子函数，当自定义指令和元素第一次绑定时就触发
         inserted(el,binding,vnode,oldvnode){},
        /*这里四个参数，el为被指令绑定的元素；binding里面保存了指令的全部相关信息，是一个对象；*/
         update () {},//所在组件的 VNode 更新时调用
         componentUpdated () {} // 指令所在组件的 VNode 及其子 VNode 全部更新后调用。
         unbind () {} // 指令和元素解绑式触发，指令被绑定的元素被删除时，如用v-if控制,这里可u做一些善后
	})
//2、如果自定义指令后面还带有类似于事件修饰符那样，如v-focus.a，这里可以在inserted(){}这个钩子函数里面体现，如：if(binding.modifiers.a){}，大括号里执行一些东西
//3、这里用到比较多的就是bind、inserted、unbind这三个钩子了

2、混入 mixin

  1. 什么叫做混入？
  • 将组件的选项中的一部分分离出去，单独管理或放置
  1. 方式有两种

    • 局部混入 mixins 【 推荐使用 】

      //局部混入，一般是将选项的一部分直接分离到别的文件里面，例如methods的事件：
//用一个js文件单独管理这些方法(data、computed、watch都可以这么做)
//---------------------------------------------------------------
const obj1 = {//比如这个在一个叫methods的js文件里面
  methods: {
    aa () {
      alert('aa')
    }
  }
}
//--------------------------------------------------------------
//引入这个js文件进主文件
<script src="methods.js"></script>
<script>
  new Vue({
    el: '#app',
    mixins: [ obj1 ],//用mixins来局部混入
    //这里用数组接收，相当于如果上一个js文件里面还有其它的方法，也可以写进来，比如obj2
    methods: {//写了methods的混入，这里也可以再写methods
      bb () {
        alert('bb')
      },
      aa () {//这个和外面js文件里面的方法重名了，这个的优先级更高，那个被覆盖
        alert('cc')
      }
    }
  })
</script>

    • 全局混入 Vue.mixin 【 不推荐 】

      <script>
  // Vue.mixin(选项)，这种相当于把实例选项的methods部分提到这页面的上部了，就换了一个位置，没有起到单独管理的作用，所以不是很推荐
  Vue.mixin({
    methods: {
      aa () {
        alert('aa')
      }
    }
  })
  new Vue({
    el: '#app',
  })
script>

3、异步组件【 扩展 】

/*
在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。为了简化，Vue 允许你以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你的组件定义。Vue 只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染。
*/
<script>
  Vue.component('Hello', function (resolve, reject) {
    setTimeout(function () {
      // 向 `resolve` 回调传递组件定义
      resolve({
        template: '
I am async!
'
      })
    }, 1000)
  })

  new Vue({
    el: '#app'
  })
</script>

4、自定义插件

  1. 定义的插件应该有一个 install 方法

  2. 自定义插件必须使用 Vue.use( 插件名称 ) 才能使用插件

    <script>//假如这个js文件叫plugin
	const MyPlugin = {
       install ( Vue, options ) {
            Vue.directive('focus',{
              inserted ( el ) {
                el.focus()
                el.style.background = 'red'
              }
            })
      
            Vue.component('Hello',{
              template: '
     hello 
    '    
            })
      }
    }
    script>


<body>
  <div id="app">
    <input type="text" v-focus>
    <Hello>Hello>
  div>
body>
<script src="vue.js">script>
<script src="plugin.js">script>
<script>
  Vue.use( MyPlugin ) //一定要有Vue.use()来使用插件

  new Vue({
    el: '#app'
  })
script>

  3. 案例：

    • 自定义Loading
    • 封装组件库
    • vue路由
    • vue状态管理 vuex

5、过渡和动画

  1. 过渡 【 css3 】 通过css来实现过渡效果
  2. 动画 【 js 】 通过js 来实现动画效果
  3. Vue中如何使用以上两个效果呢?
    • 自定义css 【 自己写 】
    • 第三方css库 【 Animate.css 】 推荐
    • 自定义动画 【 自己写 】
    • 第三方js动画库 【 Velocity.js 】 推荐

你可能感兴趣的:(Vue)

  • 视频的上传，转码与展示的过程 小子武 java视频上传视频转码
    本文是记录自己学习过程的，不适合直接拿来用的业务需求及场景后台基于springboot的微服务框架，页面是vue用户可以选择一个视频上传的管理页面，新增时，用户可以选择上传封面图片或者不选择上传封面图片（此时要根据视频的格式决定是从视频中截图或者展示默认图片）页面效果先不展示了，涉及的信息比较多这里贴的是视频转码功能部分，我从网上找的代码又根据自己的需要又改的，很佩服写这段代码的人真的很厉害（侵删
  • table多行表头合并 vue_vue elementUI table 自定义表头和行合并 weixin_39540704 table多行表头合并vue
    最近项目中做表格比较多，对element表格的使用，只需要传递进去数据，然后写死表头即可渲染。但现实中应用中，如果写死表头，并且每个组件中写自己的表格，不仅浪费时间而且消耗性能。这个时候需要动态渲染表头。而官方例子都是写死表头，那么为了满足项目需求，只能自己来研究一下。1、自定义表头代码如下，其实就是分了两部分，表格主数据是在TableData对象中，表头的数据保存在headerDatas，hea
  • element-plus 的table section如何实现单选 肖肖肖丽珠 vue.jsjavascript前端
    如果是单选那么全新的按钮应该隐藏或者不可编辑的状态。但是我没找到改变成不可编辑的方法，只能采取隐藏import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate=reactive({tableData:[{name:'啦啦啦'},{name:'嘻嘻嘻'},{name:'哈哈哈'}],});con
  • ElementUi el-date-picker封装 柒柒兮 Elementvue
    前言：由于el-date-picker返回的是一个数组且没有格式化，使用起来并不是很方便，所有个人稍微封装了下，写的不好，有问题请多指教！第一步新建vDatePicker.vueimport{ref,}from"vue";importutilsfrom"../utils/utils.js"//这边日期格式的代码就不展示了，这个比较简单哈exportdefault{props:{rangeName:
  • s/jwt-decode.js?v=534c014e‘ vue3引入jwt-decode报错 BigData-0 javascriptvue.js前端
    安装cnpminstalljwt-js-decode导入import{jwtDecode}from'jwt-js-decode';使用constdecode=jwtDecode(user_token)
  • vue和reacts数据响应式的差异 每天吃饭的羊 react+ts新手vue.jsjavascript前端
    Vue的数据响应式：原理：Vue使用Object.defineProperty或Proxy（在Vue3中）来实现数据的响应式。当创建Vue实例时，会对data对象中的属性进行遍历，将其转换为响应式属性。对于Object.defineProperty，它会为每个属性定义getter和setter函数，getter会收集依赖（如模板中的表达式、计算属性或watch监听器），而setter会触发更新，通
  • watch里可以写异步吗 每天吃饭的羊 vue.js
    在Vue的watch中可以写异步，但通常不推荐。原因-可维护性差：watch的主要用途是响应式地监听数据变化。如果在里面写复杂的异步操作，会让代码逻辑变得难以理解和维护。例如，同时监听多个数据变化并触发不同异步操作时，代码会很混乱。-数据更新问题：异步操作可能会导致数据更新不及时或不一致。watch在数据变化后就会触发，但是异步任务有延迟，在这个延迟期间数据可能已经被其他操作修改了，就容易出现问题
  • uniapp APP端页面触发调用uniapp开发的webview里的方法 printf_824 uniapp分享uni-app
    原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。使用WebView提供的evalJS方法，执行嵌入H5页面内的JavaScript代码functiongetData(){url.value="http://192.168.0.22:5174/#/pa
  • 四、【Vue3】——setup不得不说的两个注意点 YIFEI132 Vue3vue.jsjavascript前端
    在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数。一、拉开序幕的setup理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有CompositionAPI（组合API）“表演的舞台”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返
  • vue | TODO记事本 jingling1007 前端vue.js前端javascript开发语言前端框架css
    要实现上面这个记事本：可以分为三个步骤：1.列表的渲染：写毕设看文献做饭2.头部添加功能的实现：3.底部合计和清除功能的实现：1.列表的渲染：使用v-for:{{index+1}}.{{item.content}}constapp=newVue({el:'#app',data:{todoname:"",list:[{id:1,content:'写毕设',isDone:false},{id:2,co
  • Vue教程｜搭建vue项目｜Vue-CLI新版脚手架 cnsxjean vue.jsjavascript前端框架npmui
    一、安装Node环境安装Node及Npm环境Node下载地址：Node.js—RunJavaScriptEverywhereNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en/安装完成后，检查安装是否成功，并检查版本，命令如下：node-vnpm-vmac@MacdeMacBook-
  • js高阶-响应式原理 silver687 javascript
    在JavaScript中，响应式原理通常是指一种编程模式，它允许开发者创建能够自动响应数据变化的系统或应用。这种模式在现代前端框架（如Vue.js、React等）中非常常见，尤其是在数据绑定和UI更新方面。以下是响应式原理的核心概念和实现方式的详细解释：----1.响应式原理的核心概念响应式编程的核心是数据驱动和自动更新。当数据发生变化时，相关的UI或逻辑会自动更新，而无需手动触发更新操作。这种模
  • SpringBoot+Netty+WebSocket 如何实现消息推送 技术琐事 rxjavajavajava-ee架构后端
    Netty是一个利用Java的高级网络的能力，隐藏底层的复杂性而提供一个易于使用/使用其服务器的API的客户端框架。基于SpringBoot+MyBatisPlus+Vue&Element实现的后台管理系统+用户小程序，支持RBAC动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能项目地址：https://gitee.com/zhijiantianya/ruoyi-vue-pro
  • 有哪些常见的 Vue 错误？ 涔溪 vuevue.js前端javascript
    在使用Vue.js开发应用时，开发者可能会遇到各种错误。以下是一些常见的Vue错误以及如何避免它们：为了更详细地解释常见的Vue.js错误，我们可以深入探讨每个类别，并提供更多的背景信息和解决方案。以下是针对常见错误的扩展说明：1.数据响应性问题a.未声明的响应式数据问题：在Vue实例创建之后动态添加的数据属性不会自动成为响应式的。解决方案：使用Vue.set()或者this.$set()方法来添
  • Vue学习笔记 二 涔溪 vuevue.js学习笔记
    4、Vue基础扩展4.1插槽组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力在Vue中插槽是很重要的存在，通过插槽，我们可以把父组件中指定的DOM作用到子组件的任意位置，后面我们坐项目用到的组件库比如element-ui,vant-ui都频繁用到的插槽，Vue的插槽主要有匿名插槽，具名插槽，作用域插槽三种，下面我们分别来认识一下他们。4.1.1匿名插槽★★★★故名思义就是没有名字的插
  • vue项目中导入视频 涔溪 vuevue
    vue项目中引入视频插件一、安装插件vue-video-playernpminstallvue-video-player-s二、在main.js里倒入并使用importVideoPlayerfrom'vue-video-player'import'vue-video-player/src/custom-theme.css'import'video.js/dist/video-js.css'Vue.
  • vue3 + [email protected]带箭头的轨迹线 小汪同学→_→ webGis-leafletvue.jsleaflet.js
    import'leaflet-polylinedecorator'//箭头线（引入第三方插件）onMounted(()=>{window.customMap=mapInit.initMap({target:'map-container',coordinate:[36.09,120.35]})constdrawnItems=newL.FeatureGroup()window.customMap.ad
  • java ssm基于微信小程序的小说图书阅读系统网上书城论坛交流（源码+文档+运行视频+讲解视频） QQ2279239102 SSM微信小程序java微信小程序开发语言SSMvue.js
    文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架SSM前端框架vueSSM框架详细介绍系统测试微信小程序介绍四、代码参考源码获取目的摘要：基于JavaSsm与微信小程序的小说图书阅读系统，为书虫打造沉浸式阅读天地，兼设论坛交流，丰富阅读体验，促进文学交流。网上书城汇聚海量小说、图书，分类精细，搜索便捷，用户通过微信小程序阅读，支持字体、背景调节，书签、笔记功能方便
  • VUE3-修改element-plus-el-select的下拉框样式 Anastasia289 vue.jsjavascript前端vue
    样式如图：参考博客链接：修改el-select和el-input样式；修改element-plus的下拉框el-select样式；修改placeholder样式_elementplusel-select样式修改-CSDN博客.el-select{--el-select-border-color-hover:rgb(0,162,255)!important;//修改下拉框hover的默认样式}.el
  • Nginx部署Vue项目添加访问后缀 星巡打杂工 vue.jsnginxjavascript
    有时候会根据需要，区分不同的vue项目，这样要加一个后缀，不加后缀，访问是http://localhost/，加一个后缀，app，访问路径就是http://localhost/app一、vue工程配置:1.vue.config.jspublicPath配置为/app/2.route配置base为/app,model为history将打包后vue工程文件放入/usr/share/nginx/html
  • Vue3初学之商品的增，删，改功能 fmdpenny Web前后端技术javascriptvue.js开发语言
    用一个商品的后台管理进行增，删，改的实现。案例进行学习：新增商品编辑删除取消确定import{ref}from'vue';import{ElMessageBox}from'element-plus';constgoodsList=ref([{id:1,name:'商品1',price:100,stock:50},{id:2,name:'商品2',price:200,stock:30}]);cons
  • VUE+ Element-plus , el-tree 修改默认左侧三角图标，并使没有子级的那一项不展示图标 Jane - UTS 数据传输系统 vue.jsjavascriptelementui
    exportdefault{data(){return{data:[{label:'Parent1',children:[{label:'Child1-1'},{label:'Child1-2'}]},{label:'Parent2'},{label:'Parent3',children:[{label:'Child3-1'}]}],defaultProps:{children:'children
  • 大三学生面试经历（2） 无限大. 面试面试职场和发展
    继续昨天的内容，我面试的是一个Java实习岗，但是居然也问了我前端（vue）相关的问题最大的感觉就是，现在真的越来越卷了，后端都把前端的东西卷完了，当时是线上面试，感觉答的不太好（因为确实没准备的太全），接下来的时间继续加强加强这些方面的学习愿与诸君共勉！具体如下1.请简述Vue.js的生命周期函数及其执行顺序2.Vue.js中的v-bind指令和v-model指令有什么区别?3.请简述Vue.j
  • 深入Vue 3：从入门到精通 养军博客 vue.js前端javascript
    深入Vue3：从入门到精通文章目录深入Vue3：从入门到精通一、Vue3的核心优势1.更快的性能:采用新的渲染器和优化策略，提高了渲染速度和内存效率。2.更轻量的体积:核心库更小，减少了加载时间，提高了网页性能。3.更灵活的CompositionAPI:使用函数式编程思想，可以更轻松地组织和复用代码。4.更强大的TypeScript支持:提供了更好的类型推断和代码提示，提高了开发效率和代码质量。5
  • 【Springboot】——响应与分层解耦架构 Y小夜 架构springboot后端javaspring
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
  • 基于微信小程序的个人健康管理系统 计算机学姐 微信小程序源码微信小程序小程序springbootjavavue.jsintellij-ideamybatis
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示基于微信小程序+Java+SpringBoot+Vue+
  • yarn serve编译运行出错 error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css weixin_45508767 开发经验前端vue.jscss前端
    yarnserve编译运行出错errorin./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css如下图：解决方案：使用postcssOptions：{}方法包裹住plugins，如下：module.exports={css:{loaderOptions:{postcss:{postcssOptions:{plugins:
  • vue中对style样式的区别 星辰啊大海7857 CSS布局javascript
    如果想要启用scss和sass，需要设置lang属性。使用less语法使用sass语法两种语法的区别（大部分摘自官网文档）lesssass(含两种语法格式)语法说明SCSS语法格式现在常用，扩展名一般为.scssSass语法格式早期使用的，使用“缩进”代替“花括号”表示属性属于某个选择器，用“换行”代替“分号”分隔属性，很多人认为这样做比SCSS更容易阅读，书写也更快速。拓展名是.sass1变量@
  • 在Vue中使用Web Worker详细教程 m0_74825656 前端vue.jsjavascript
    1.什么是WebWorker**WebWorker?**是2008年h5提供的新功能，每一个新功能都是为了解决原有技术的的痛点，那么这个痛点是什么呢？1.1JavaScript的单线程JavaScript为什么要设计成单线程？这与js的工作内容有关：js只是用来去做一些用户交互，并呈现效果内容。如果js是多线程，线程一将dom元素的背景色改成红色，线程二将dom元素的背景色改为绿色，那么，到底上红
  • Vue 中插槽（Slot）用法 m0_74825656 vue.jsjavascript前端
    Vue中插槽（Slot）用法（一）插槽用法概念（二）插槽的基本类型1.默认插槽（DefaultSlot）2.具名插槽（NamedSlots）3.作用域插槽（ScopedSlots）4.动态插槽名（DynamicSlotNames）5.插槽后备内容（SlotFallbackContent）6.Vue2.6.0之前与Vue2.6.0后的比对6.1默认插槽缩写（由不写变成v-slot）6.2具名插槽缩写
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他