XU丶WEI
XU丶WEI

在vue2.0中父组件如何触发子组件的自定义方法？

如果我在父组件的button上绑定了click事件，我想当点击button时可以触发子组件(单文件的子组件xx.vue)的某个方法（如fn1），要这样的效果该怎样实现？之前看了vue1的文档实例里面有methods和events这两者有什么区别，为什么在vue2去掉dispatch后我用emit(‘fn’),如果fn放在events会没有响应，而放在methods里面才会被触发到？

子组件：

[html] view plain copy
print ?
  1. >  
  2. <html lang=“en”>  
  3. <head>  
  4.     <meta charset=“UTF-8”>  
  5.     <title>Documenttitle>  
  6.     <script src=“vue.js”>script>  
  7. head>  
  8. <body>  
  9. <div id=“parent”>   
  10.     <input type=“text” name=“” id=“” v-model=“msg” />  
  11.     <input type=“button” id=“” value=“dianji” @click=“clickDt” />  
  12.     <user-profile ref=“profile”>user-profile>    
  13. div>    
  14.     
  15. <script>    
  16.     Vue.component(‘user-profile’, {    
  17.         template: ’<span>{{ msg }}span>‘,    
  18.         data: function () {    
  19.             return {  
  20.                 msg: 123  
  21.             };  
  22.         },    
  23.         methods: {    
  24.             greet: function (msg) {    
  25.                 console.log(msg);    
  26.             }    
  27.         }    
  28.     
  29.     })    
  30. //      var parent = new Vue({el: ’#parent’});    
  31. //      var child = parent.refs.profile;    
    32. //      child.greet();        new Vue({          el:"#parent",          data:{              msg:""          },          methods: {                  clickDt(){                  this.refs.profile.greet(this.msg);  
  32.             }  
  33.         }  
  34.     })  
  35. script>    
  36. body>  
  37. html>  



    
    Document
    



 
    
    
      

  

  




 
   
 
   
 
    
 
     
 
      [javascript] view plain 
       copy 
      
 
       print ? 
     
 
    
 
    
     
     
  1.   
    2.  
     
  2. ”text/javascript”>  
    3.  
     
  3. import { mapGetters, mapActions } from ‘vuex’  
    4.  
     
  4. var bus = new   
    5.  
     
  5. export default {  
    6.  
     
  6.    props:[’parentmsg’],  
    7.  
     
  7.    data(){  
    8.  
     
  8.     return {  
    9.  
     
  9.       msg:’hello’,  
    10.  
     
  10.       something:this.parentmsg  
    11.  
     
  11.     }  
    12.  
     
  12.    },  
    13.  
     
  13.    ready(){  
    14.  
     
  14.       console.log(window.location)  
    15.  
     
  15.    },  
    16.  
     
  16.    events:{  
    17.  
     
  17.       emitchild(){  
    18.  
     
  18.         console.log(’ds0’)  
    19.  
     
  19.       }  
    20.  
     
  20.    },  
    21.  
     
  21.    methods:{  
    22.  
     
  22.     …mapActions([  
    23.  
     
  23.        ’incrementCounter’,  
    24.  
     
  24.        ’showMask’  
    25.  
     
  25.     ]),  
    26.  
     
  26.     fdsf(){  
    27.  
     
  27.       this.emit('clickfn',this.msg);  
    28.     },      some(){        this.emit(‘childjian’,this.msg)   
     
  28.     },  
    29.  
     
  29.     childdomeing(){  
    30.  
     
  30.       console.log(’child99’)  
    31.  
     
  31.     },  
    32.  
     
  32.     emitchild(){  
    33.  
     
  33.         console.log(’ds0’)  
    34.  
     
  34.       }  
    35.  
     
  35. }  
    36.  
     
  36. }  
    37.  
     
  37.   
    38.  
    
 
    
  
    
 
   
 
   


 
   
 
   
 
   
 
   
父组件
 
   
 
   
 
   
 
    
 
     
 
      [javascript] view plain 
       copy 
      
 
       print ? 
     
 
    
 
    
     
     
  1.   
    2.  
     
  2. ”text/ecmascript-6”>  
    3.  
     
  3.     import Display from ‘./Display.vue’;  
    4.  
     
  4.     import Increment from ‘./Increment.vue’;  
    5.  
     
  5.     import store from ‘../vuex/store’ ;  
    6.  
     
  6.     import Mask from ‘./Mask.vue’;  
    7.  
     
  7.     import Xinjian from ‘./xinjian.vue’  
    8.  
     
  8.     export default{  
    9.  
     
  9.         components:{  
    10.  
     
  10.             Display:Display,  
    11.  
     
  11.             Increment:Increment,  
    12.  
     
  12.             showMask:Mask,  
    13.  
     
  13.             showInfo:Xinjian  
    14.  
     
  14.         },          
    15.  
     
  15.         data(){  
    16.  
     
  16.             return {  
    17.  
     
  17.                something:’hello child’  
    18.  
     
  18.             }  
    19.  
     
  19.         },  
    20.  
     
  20.         computed:{  
    21.  
     
  21.             showHide(){  
    22.  
     
  22.                 return store.state.showMask;  
    23.  
     
  23.             }  
    24.  
     
  24.         },  
    25.  
     
  25.         store:store,  
    26.  
     
  26.         events:{  
    27.  
     
  27.               
    28.  
     
  28.         },  
    29.  
     
  29.         methods:{  
    30.  
     
  30.             parentjian(msg){  
    31.  
     
  31.                 console.log(’child click:’+msg)  
    32.  
     
  32.             },  
    33.  
     
  33.             dosomething(msg){  
    34.  
     
  34.                 console.log(10);  
    35.  
     
  35.                 if(msg)  
    36.  
     
  36.                     console.log(msg)  
    37.  
     
  37.                 console.log(this.children)  
    38.             },              emitchild(msg){                  console.log(999)                  this.emit(‘showMask’,msg);   
     
  38.             }  
    39.  
     
  39.         }  
    40.  
     
  40.     }  
    41.  
     
  41.   
    42.  
    
 
    
  
    
 
   
 
   


 
   
 
   
 
   
Vue 2.0 废弃了  broadcast和 dispatch，不过可以用  children访问子组件，或者通过 refs 访问子组件，然后直接调用子组件的方法。
 由于 events 实例选项属性已废弃，因此只能通过 created 钩子实现对自定义事件的监听，使用 this. on或者this. one。参见：
 https://vuejs.org/v2/guide/mi…
 
 
   

 
 
   
 
   
 
 
 
   
 组件中的v-on绑定自定义事件理解
 
   
 每个 Vue 实例都实现了事件接口(Events interface)，即：
 
   
 使用 $on(eventName) 监听事件
 
   
 使用 $emit(eventName) 触发事件
 
   
 Vue的事件系统分离自浏览器的EventTarget API。尽管它们的运行类似，但是$on 和 $emit 不是addEventListener 和 dispatchEvent 的别名。
 
   
 另外，父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。 
 下面是一个例子： 
 在vue2.0中父组件如何触发子组件的自定义方法？_第1张图片
 
   
 
   

 
 
   

 
 
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(vue2.0)

        

            

                
    
                    
  • vue IE因Promise无法显示解决办法
                        Yao请输入昵称

                        
    一、ie11打开vue2.0项目空白,控制台报错vuexrequiresaPromisepolyfillinthisbrowserPromise为ES6语法，有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法①npminstall--save-devbabel-polyfill②在main.js中引入import"babel-polyfill"
    
                    
    • 
                    
  • 看Vue2.0及数字商城电商开发
                        一包

                        
    Vue2.0在标签中可以使用驼峰命名法，区分大小写ES6语法1：components:{componentA}等价于components:{componentA：componentA}ES6语法2:methods:{add(){}}等价于methods:{add:function(){}}数组更新检测:变异方法:Vue包含一组观察数组的变异方法，所以它们也将会触发视图更新。push()pop()s
    
                    
    • 
                    
  • Vue2.0 插槽 Slot
                        weixin_46913268
vue
                        
    一、插槽概述作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件到子组件分类：分类：默认插槽、具名插槽、作用域插槽二、默认插槽的使用父组件默认插槽importDefaultSlotfrom"@/components/defaultSlot.vue";exportdefault{name:"ParentBox",components:{DefaultSlot,}
    
                    
    • 
                    
  • 搭建vue2.0工程步骤
                        鼠年大吉
vue
                        
    搭建Vue2项目的具体步骤如下：确保已安装Node.js和npm。你可以在终端窗口中运行以下命令来检查是否已安装：node-vnpm-v如果没有安装，可从Node.js官网（https://nodejs.org/）下载并安装。在终端窗口中，通过以下命令安装VueCLI工具：npminstall-g@vue/cli创建新的Vue项目。在终端窗口中运行以下命令：vuecreate项目名称例如，如果你的
    
                    
    • 
                    
  • Vue2.0
                        WYONG_ZQ
java
                        
    Vue2.0饿了么ElementUI:http://element.eleme.io/#/zh-CN/component/installation?Vue2.0从环境搭建到发布：http://blog.csdn.net/sinat_17775997/article/details/52788908Vue官方教程及api:http://cn.vuejs.org/v2/guide/ES6入门教程：ht
    
                    
    • 
                    
  • Vue2.0学习--基础--4--Class与Style绑定
                        naildingding
框架—Vuevue前端
                        
    （day5）操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute（也就是每个元素的class属性和style属性），所以我们可以用v-bind处理它们：只需要表达式计算出字符串结果即可。（也就是说，在HTML中class和style属性后面都是接一个双引号括起来的字符串值）但是字符串拼接麻烦且易错。所以，在使用v-bind将class与style与特定的值绑定
    
                    
    • 
                    
  • vue2.0 引入font-awesome
                        LI_4058

                        
    第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome/css/font-awesome.min.css'
    
                    
    • 
                    
  • ElementUI +++ Echarts面试题&答案汇总
                        阿金要当大魔王~~
面试啊elementui前端javascript
                        
    官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。ElementUi是怎么做表单验证的？在循环里对每个input验证怎么做呢？model绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证,根据rules进行表单内容验
    
                    
    • 
                    
  • vue2.0和vue3.0v-model使用对比
                        糖小羊儿

                        
    我们在写项目的时候，经常自定义组件，并且需要传参，刚好v-model是一个双向绑定，所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中，v-model只能对应一个变量在vue3.0中，在v-model原来的使用基础上，拓展了多对多的使用方式1.vue2.0父组件引入子组件hello，并且传参给子组件，代码如下：{{username}}importhellofrom"@/comp
    
                    
    • 
                    
  • 【Vue学习笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通
                        丁咚Dingdong
学习笔记前端Vue2.xVue3.0Vue
                        
    尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通Vue2.0部分1.Vue核心部分1.1Vue简介1.1.1Vue是什么？1.1.2Vue作者1.1.3Vue的特点1.1.4Vue学习的JavaScript前备知识点1.1.5Vue使用指南1.1.6搭建Vue开发环境1.2初识Vue1.2.1Hello小实例1.2.2分析Hello案例1.3Vue模板语法1.4数据绑定1.5el
    
                    
    • 
                    
  • 关于vue安装less和webpack版本冲突问题
                        SepstoneTang
vue.js
                        
    关于vue2.0安装less和webpack版本冲突问题1.学会查看自己webpack和less指令2.默认安装less-loader命令3.解决办法1.学会查看自己webpack和less指令查看当前webpack版本npmviewwebpackversion查看当前webpack所有版本npmviewwebpackversions不建议使用太新版本的2.默认安装less-loader命令npm
    
                    
    • 
                    
  • 如何封装一个简单的VUE组件
                        youmatech
vue.jsjavascript前端
                        
    基于vue2.0封装一个简单的表单组件前景介绍准备工作准备编码前景介绍这是一篇晚来的文章，毕竟2.0在去年12月份就已经停止维护了，这篇文章当是一个纪念吧。准备工作我们封装组件最快速的就是使用脚手架创建一个项目$vuecreatemy-demo下面选择vue2即可，其他的随意，建议关闭eslint，这样在编写的时候会比较简单。准备编码下面我们创建一个组件UmInput（前缀并没有要求，可以随意起）
    
                    
    • 
                    
  • 【Web - 框架 - Vue】随笔 - 通过`CDN`的方式使用`VUE 2.0`和`Element UI`
                        SUNxRUN
前端vue.jsui
                        
    通过CDN的方式使用VUE2.0和ElementUIVUE网址https://cdn.bootcdn.net/ajax/libs/vue/2.7.16/vue.js源码https://download.csdn.net/download/HIGK_365/88815507测试代码Title{{info}}letv=newVue({el:"div",data:{info:"HelloVue!"}})
    
                    
    • 
                    
  • Vue2.5学习路线及基础知识总结。
                        dingqing4356
javascriptViewUI
                        
    在接触新技术不了解时，我喜欢去慕课网上看新手教程，在学习vue时，在慕课网上看了几个老师的视频，发现这挺好，讲到挺详细的，适合新手，有兴趣的可以先看一下，vue2.5入门教程。然后在学习路上看见了一篇文章就是讲解学习vue2.0路线的文章，Vue2.0建议学习路线。还有vue原作者尤雨溪大神，在知乎上写到的Vue2.0建议学习顺序。这里面的建议还是很实用的。这里我也不再去写了，写了也没那么专业，给
    
                    
    • 
                    
  • 1.Vue-resource（Vue2.0推荐使用 axios 来完成 ajax 请求）
                        Victor_b905

                        
    一、vue-resource特点1、体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。2、支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE9以下的浏览器，其他主流的浏览器都支持3、支持PromiseAPI和URITemplates：Promise是ES6的特性，Promise
    
                    
    • 
                    
  • 推荐好用的vue插件02 v-md-editor富文本编辑器
                        longbao_1
前端vue.jsgithubjavascript
                        
    一、介绍v-md-editor是基于Vue开发的markdown编辑器组件二、安装与注册即支持vue2.0的项目也支持vue3.0的项目，不过两种版本的安装版本不同-[Demo](https://code-farmer-i.github.io/vue-markdown-editor/examples/base-editor.html)-[Documentation](https://code-fa
    
                    
    • 
                    
  • 开源Vue UI框架
                        初学小白Lu
前端开源vue.jsui
                        
    文章目录ElementUIElementPlusVuetifyiViewViewUIPlusQuasarAntDesignVueBuefyvue-materialDevUITinyVuenutuitdesign-vuearco-design-vueNaiveUIBootstrapVueElementUIElementUI是一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了丰富的组
    
                    
    • 
                    
  • 前端案例：基于el-table和el-pagination实现数据的分页效果
                        m0_67401746
前端htmlvue.jsjavascript前端
                        
    首先使用el-table(表格)和el-pagination(分页)组件需要npm下载ElementUI组件库，下载安装方式参见官网：Element-Theworld’smostpopularVueUIframeworkElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库[这里是图片001]https://element.eleme.cn/#/zh-CN/compon
    
                    
    • 
                    
  • 5.4 Vue2.0 动态组件&插槽&自定义指令&自定义插件
                        像我这样的人112
前端学习笔记前端javascriptvue.js
                        
    文章目录动态组件1，什么是动态组件2，如何实现动态组件的渲染3，使用``保持状态4，``对应的生命周期函数5，的`include`和`exclude`属性插槽1，默认插槽2，具名插槽3，作用域插槽自定义指令私有自定义指令update函数函数简写全局自定义指令自定义插件动态组件1，什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2，如何实现动态组件的渲染vue提供了一个内置的组件，专门用来实现
    
                    
    • 
                    
  • vue2.0第五节：动态组件 & 插槽 & 自定义指令
                        不能瞌睡呀
vuejavascriptvue.js前端
                        
    文章目录学习目标1.动态组件1.1.什么是动态组件1.2.如何实现动态组件渲染1.3.使用keep-alive保持状态1.4.keep-alive对应的生命周期函数1.5.keep-alive的include属性了解组件注册名称和组件声明时name的区别2.插槽2.1.什么是插槽2.2.体验插槽的基础用法2.2.1没有预留插槽的内容会被丢弃2.2.2后备内容2.3.具名插槽2.3.1为具名插槽提供
    
                    
    • 
                    
  • 【vue篇】第五话--动态组件 & 插槽 & 自定义指令
                        陪我吹吹海風吧
vue.jsvue.jsjavascript前端
                        
    作者简介：大家好！我是陪我吹吹海風吧。喜欢：点赞收藏！持续更新vue2.0/3.0✊加油，共勉！目录✍一、动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性✍二、插槽1.什么是插槽2.v-slot2.1v-slot的基本使用2.2v-slot的简写是#3.具名插槽4.作用域插槽
    
                    
    • 
                    
  • vue3.0 Composition API上手体验
                        廊坊吴彦祖
vuevue3.0CompositionAPIvuevue-cli4
                        
    vue3.0CompositionAPI上手体验vue3.0对比vue2.0优势vue3.0相比vue2.0性能提升了近50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听，更小的打包文件等vue3.0新的组合式API（即CompositionAPI）根据逻辑相关性组织代码，相比于vue2.0的OptionsAPI，提高了代码的可读性和可维护性，更适合大型项目的编写
    
                    
    • 
                    
  • Vue2.0 组件传值方式：父传子、子传父、非父子组件传值
                        博客zhu虎康
遇见Bug_Vuejsvue.js
                        
    文章目录1.父组件向子组件进行传值父组件：子组件：2.子组件向父组件传值子组件：父组件：3.非父子组件进行传值公共bus.js组件A：组件B：每次总结都是在加强一遍记忆1.父组件向子组件进行传值父组件：父组件:importchildfrom'./child'exportdefault{components:{child},data(){return{name:''}}}子组件：子组件:{{inpu
    
                    
    • 
                    
  • Vue2.0 修饰符、绑定样式、计算属性以及侦听属性
                        前端小白李小小
vue.js前端javascript
                        
    一、修饰符1.事件修饰符：事件修饰符是对事件捕获以及目标进行了处理（语法：@事件名.修饰符）（1）stop：阻止了事件冒泡，相当于调用了event.stopPropagation方法（2）prevent：阻止了事件默认行为，相当于调用了event.preventDefault方法（3）self：只有在event.target是当前元素自身时触发（4）once：绑定的事件只能触发一次（5）captu
    
                    
    • 
                    
  • Vue2.0 | 将项目打包成exe文件
                        FSYML
#Vue2.0vue.jsnode.js
                        
    本篇目录1.安装pkg2.下载项目依赖3.初始化并安装express包4.开始打包5.打包完成6.问题处理6.1打包过程报错附录1.手动下载node二进制文件前期准备：确保本地网络可以访问Github。确保本地正确安装NodeJs，可使用node-v查看版本。确保待打包项目可正常运行。本篇NodeJs版本v14.15.1。本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd
    
                    
    • 
                    
  • 05-mac vue2.0升级到vue3.0+
                        高家_大少爷

                        
    在创建cli项目时，执行npmcreate项目名;注意名最好是英文开头最好是小写；npmcreate命令是基于vue.3.0版本以上使用的，检查cli版本号vue-V；先卸载原有的clinpmuninstallvue-cli-g//卸载原有clinpminstall-g@vue/cli//安装新版本cli以上是没有出现问题，当有问题时，当你卸载vue.cli时会出现uptotimein0.14s，
    
                    
    • 
                    
  • vue2.0—路由嵌套和路由传参
                        杀个程序猿祭天

                        
    vue2.0—路由传参构建项目和创建组件就不细说了，不懂的可以去官方文档API学习VUE官方文档：https://cn.vuejs.org/v2/guide/vue2.0路由传参一共有两种放法1.创建组件home和child，并且在home组件中定义路由//home.vue新闻一2.配置路由//router.jsimportVuefrom'vue'importRouterfrom'vue-rout
    
                    
    • 
                    
  • 手写 vue3 Proxy reactive 双向绑定原理
                        前端酱紫
vue3.0javascripthtmlvue3
                        
    Proxy代理对象Vue3Proxy双向绑定原理一定要触发set，才能够修改到界面的数据。因为Object.defineproperty如果对象是数组，不会触发set，所以在vue2.0中，数组并不是响应式的。因为newProxy可以对数组进行代理，修改数组中数据的时候，也会触发set，一旦触发set，就可以在set中修改界面的数据，做到响应式效果Documentletobj={txtVal:'输
    
                    
    • 
                    
  • vue2.0中的$router 和 $route的区别
                        为光pig

                        
    vue-router中经常会操作的两个对象route和router两个。1、$route对象$route对象表示当前的路由信息，包含了当前URL解析得到的信息。包含当前的路径，参数，query对象等$route.path字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。$route.params一个key/value对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个
    
                    
    • 
                    
  • mall 项目随笔
                        coderlion

                        
    项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less(CSS预处理器)Better-Scroll(让移动端的滚动更为流畅)FastClick(解决移动端点击300ms延迟)Vue-Lazyload(懒加载工具)PostCss(css代码转化工具
    
                    
    • 
                                
  • Linux的Initrd机制
                                    被触发
linux
                                    
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
    
                                
    • 
                                
  • maven本地仓库路径修改
                                    bitcarter
maven
                                    
    默认maven本地仓库路径：C:\Users\Administrator\.m2 
 
修改maven本地仓库路径方法： 
    
1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml 
    
2.找到 
       
    
                                
    • 
                                
  • XSD和XML中的命名空间
                                    darrenzhu
xmlxsdschemanamespace命名空间
                                    
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml 

http://blog.csdn.net/wanghuan203/article/details/9203621 

http://blog.csdn.net/wanghuan203/article/details/9204337 
 

http://www.cn
    
                                
    • 
                                
  • Java 求素数运算
                                    周凡杨
java算法素数
                                    
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。   
第一种：    
  
原理: 6N(+-)1法              任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)    
    
                                
    • 
                                
  • java 单例模式
                                    g21121
java
                                    
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式： 
  
class Singleton {
  private static Singleton instance=new Singleton();
  private Singleton(){}
  static Singleton getInstance() {
      return instance;
  }
    
                                
    • 
                                
  • Linux下Mysql源码安装
                                    510888780
mysql
                                    
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz 
 
(1)创建mysql的安装目录及数据库存放目录       
解压缩下载的源码包，目录结构，特殊指定的目录除外： 
          
    
                                
    • 
                                
  • 32位和64位操作系统
                                    墙头上一根草
32位和64位操作系统
                                    
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
    
                                
    • 
                                
  • 我的spring学习笔记10-轻量级_Spring框架
                                    aijuans
Spring 3
                                    
    一、问题提问： 
 
    → 请简单介绍一下什么是轻量级？ 
 
    轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。 
 
 
    
                                
    • 
                                
  • mongodb 环境搭建及简单CURD
                                    antlove
WebInstallcurdNoSQLmongo
                                    
    一 搭建mongodb环境 
1. 在mongo官网下载mongodb 
2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 
3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
    
                                
    • 
                                
  • 数据字典和动态视图
                                    百合不是茶
oracle数据字典动态视图系统和对象权限
                                    
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含 
  
 
 数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 
 数据库为一
    
                                
    • 
                                
  • 多线程编程一般规则
                                    bijian1013
javathread多线程java多线程
                                    
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。 
       不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。 

    
                                
    • 
                                
  • 将文件或目录拷贝到另一个Linux系统的命令scp
                                    bijian1013
linuxunixscp
                                    
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
    
                                
    • 
                                
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询
                                    bit1129
Mybatis3
                                    
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。 
  示例数据：
  
  
地址表： 
  
CREATE TABLE ADDRESSES 
(
  ADDR_ID INT(11) NOT NULL AUTO_INCREMENT,
  STREET VAR
    
                                
    • 
                                
  • cookie状态判断引发的查找问题
                                    bitcarter
formcgi
                                    
    先说一下我们的业务背景： 
1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 
2.form中action是一个cgi服务 
3.后台cgi服务同时供PC，H5，APP 
4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 
 
问题：（折腾两天。。。。） 
1.PC端cgi服务正常调用，cookie判断没
    
                                
    • 
                                
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时
                                    ronin47

                                    
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 
nginx.conf使用配置方式： 
log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
    
                                
    • 
                                
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。
                                    bylijinnan
java
                                    
    

public class ProbabilityOfDice {

	/**
	 * Q67 n个骰子的点数
	 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。
	 * 在以下求解过程中，我们把骰子看作是有序的。
	 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况
	 */
	private stati
    
                                
    • 
                                
  • 看别人的博客，觉得心情很好
                                    Cb123456
博客心情
                                    
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客: 
   职业规划: 
   http://www.iteye.com/blogs/subjects/zhiyeguihua 
  
   android学习: 
   1.http://byandby.i
    
                                
    • 
                                
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析
                                    comsci
工作流
                                    
     
    我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误 
 
     在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
    
                                
    • 
                                
  • JS常用的事件及方法
                                    cwqcwqmax9
js
                                    
    事件 描述 
onactivate 当对象设置为活动元素时触发。 
onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 
onbeforeactivate 对象要被设置为当前元素前立即触发。 
onbeforecut 当选中区从文档中删除之前在源对象触发。 
onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
    
                                
    • 
                                
  • 正则表达式验证日期格式
                                    dashuaifu
正则表达式IT其它java其它
                                    
                     正则表达式验证日期格式

function isDate(d){
 var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i);
 if(!v) {
  this.focus();
  return false;
 }
}
<input value="2000-8-8" onblu
    
                                
    • 
                                
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证
                                    dcj3sjt126com
yii
                                    
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation 
    
                                
    • 
                                
  • UITextAttributeTextColor = deprecated in iOS 7.0
                                    dcj3sjt126com
ios
                                    
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." 
Ins
    
                                
    • 
                                
  • 判断一个数是质数的几种方法
                                    EmmaZhao
Mathpython
                                    
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 
判断一个数是质数的最简单的方法如下： 
 

def isPrime1(n):
	for i in range(2, n):
		if n % i == 0:
			return False
	return True
 
但是在上面的方法中有一些冗余的计算，所以
    
                                
    • 
                                
  • SpringSecurity工作原理小解读
                                    坏我一锅粥
SpringSecurity
                                    
     
   SecurityContextPersistenceFilter 
   ConcurrentSessionFilter 
   WebAsyncManagerIntegrationFilter 
   HeaderWriterFilter 
   CsrfFilter 
   LogoutFilter 
   Use
    
                                
    • 
                                
  • JS实现自适应宽度的Tag切换
                                    ini
JavaScripthtmlWebcsshtml5
                                    
    效果体验：http://hovertree.com/texiao/js/3.htm 
  
该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 
HTML文件代码： 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    
                                
    • 
                                
  • Hbase Rest API : 数据查询
                                    kane_xie
RESThbase
                                    
    hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。 
  
启动命令：./bin/hbase rest s
    
                                
    • 
                                
  • JQuery实现鼠标拖动元素移动位置（源码+注释）
                                    明子健
jqueryjs源码拖动鼠标
                                    
    欢迎讨论指正！ 
  
print.html代码： 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<title>发票打印</title>
&l
    
                                
    • 
                                
  • Postgresql 连表更新字段语法 update
                                    qifeifei
PostgreSQL
                                    
    下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： 
UPDATE tops_visa.visa_order
SET op_audit_abort_pass_date = now()
FROM
	tops_visa.visa_order as  t1
INNER JOIN tops_visa.visa_visitor as t2 
ON t1. 
    
                                
    • 
                                
  • 将redis,memcache结合使用的方案?
                                    tcrct
rediscache
                                    
    公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
    
                                
    • 
                                
  • 开发中遇到的诡异的bug
                                    wudixiaotie
bug
                                    
    今天我们服务器组遇到个问题： 
我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他