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)

        

            

                
    
                    
  • vue2.0中组建里面套用组件_vue19 组建 Vue.extend component、组件模版、动态组件
                        Xpc1
vue2.0中组建里面套用组件
                        
    DocumentvarAaa=Vue.extend({//继承出来一个Vue类Aaatemplate:'我是标题3'});vara=newAaa();//a跟vm一样console.log(a);varvm=newVue({el:'#box',data:{bSign:true}});DocumentvarAaa=Vue.extend({template:'我是标题3'});Vue.componen
    
                    
    • 
                    
  • 别再只用 text 了！深度揭秘 Element UI el-input 的 type 属性宝藏 ✨
                        小丁学Java
vue2和element-uiuivue.js前端
                        
    这是一篇关于ElementUI(ElementUI,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库)el-input组件type属性的深度解析技术博客，它结合了ElementUI官方文档和MDN(MDNWebDocs,一个汇集众多网络开发者资源的开源网站)的原生类型。别再只用text了！深度揭秘ElementUIel-input的type属性宝藏大家好！作为Vue开发者，el-
    
                    
    • 
                    
  • vue 与 Three.js 结合
                        

                        
    打底：新建vue工程，引入Three.js及其相关插件一、使用vue-cli新建vue工程二、安装Three.js包依赖三、Three.js在vue中的引入方式一、使用vue-cli新建vue工程注意：这里是用vue-cli2.0建立的工程创建一个vue2.0项目，名称叫做vue-three-demo，这里一般创建之后，会自动将依赖包安装完成，若未完成，自己在执行一下npminstall即可。vu
    
                    
    • 
                    
  • React与Vue的区别？
                        扎西_德勒
vue.jsreact.jsjavascript
                        
    一、区别:1.语法Vue采用自己特有的模板语法；React是单向的，采用jsx语法创建react元素。2.监听数据变化的实现原理不同Vue2.0通过Object.defineproperty()方法的getter/setter属性,实现数据劫持,每次修改完数据会触发diff算法(双端对比)React默认是通过shouldComponentUpdata生命周期来决定是否需要渲染更新,再触发它的dif
    
                    
    • 
                    
  • Vue实例及组件
                        Yannick_H
Y-Y滴前端日志基本概念（笔记）vue.js前端javascript
                        
    目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法（2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数（1）限流函数二、表单数据的双向绑定三、Vue组件的样式绑定1.为HTML标签绑定class属性（1）绑定class属性，由绑定变量来决定应用哪个样式（2）可以将样式直接设置成Vue组件中的数据对象2.绑定内联样式四
    
                    
    • 
                    
  • Vue.js 3.0 vue-devtools 的安装和使用
                        

                        
    vue-devtools是用来在浏览器中调试Vue.js的利器，vue-devtools的github地址请点击这里。github页面中显示的打开vue-devtools的方法是针对Vue2.0的，在Vue3.0开发版本中默认是打开devtools的调试的，不需要做特殊操作。安装googlechrome插件在github页面上找到安装地址，就是下方红色标记那个链接：安装成功后，需要重启一下goog
    
                    
    • 
                    
  • Vue3基础（5）——前端路由、vue-router
                        番大茄子
Vuevue.jsjavascript
                        
    黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币，点赞，收藏呦，历经5年的反复打磨与锤炼，黑马程序员重磅推出全套最新的Vue2+Vue3基础课程。共计500多集的免费视频，助您轻松掌握前端圈最火的Vue框架！https://www.bilibili.com/video/BV1zq4y1p7ga?p=399&
    
                    
    • 
                    
  • Vue组件库---Element
                        码不完的哥哥
JavaWebvue.js前端javascript
                        
    什么是ElementElement:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue2.0的桌面端组件库组件:组成网页的部件，例如超链接，按钮，图片，表格等官网:https://element.eleme.cn/#/zh-CN安装ElmentUI组件库[email protected]引入Element组件库importElementfrom'element-u
    
                    
    • 
                    
  • vue3.0和vue2.0的区别详细讲解
                        嫣嫣细语
vue.js前端javascript前端javascriptvue.js
                        
    vue经历从2.0到3.0更新之后,简⽽⾔之就是变得更轻更快,使⽤起来更加⽅便,下面这篇文章主要给大家介绍了关于vue3.0和vue2.0区别的相关资料,需要的朋友可以参考下Vue3.0是一个用于构建用户界面的JavaScript框架。相比于Vue2.x，Vue3.0在性能、体积和开发体验上都有了很大的提升。以下将从不同的角度上去分析Vue3.0与Vue2.0的区别：一、项目架构从项目搭建和打包工
    
                    
    • 
                    
  • vue跨域使用websocket_vue使用websocket问题记录
                        五犬

                        
    最近笔者新参与的一个web项目，拟定采用vue2.0来编写，期间遇到有关使用websocket的问题，记录一下，个中遇到的一些问题和解决方法，分享给有需要的人。首先说一下vue2.0的初学体验，目前感觉上手还是很快的，对比其他框架比如angularjs，react等，的确是轻量级很多，并且确实如作者尤大大所诉，真实体会到了其渐进式前端解决方案的思想，你完全可以根据项目的实际情况，选择性的采用最适合
    
                    
    • 
                    
  • Uniapp开发学习路线
                        Think
uni-app学习
                        
    学习计划为自己定制一个阅读计划（时间和顺序可根据自己的情况进行相应调整）语言基础（一周）Vue（主要是Vue2.0）或h5相关等基础JS语法（主要了解对象属性的调用及赋值）基础css语法（了解页面样式的编写，着重了解flex布局的使用）uniapp页面结构(页面组件-逻辑代码-样式文件）及数据渲染Uniapp开发基础（三天）了解全局文件熟悉相关组件熟练使用API框架使用（两天）熟练使用uViewU
    
                    
    • 
                    
  • 父子组件通信之v-model
                        一見如故
vue.jsjavascript
                        
    我们都知道父子组件通信有很多方法，v-model就是其中一种，v-model可以实现数据双向绑定，v-model就是v-bind和@input事件的语法糖意思就是v-bind:value和v-on:input的合成下面给大家看vue2.0版本的v-model实现父子组件通信的代码，以便大家理解父组件中父组件中使用v-model来绑定//父组件importmyInputfrom"@/componen
    
                    
    • 
                    
  • Vue2.0开发之——babel-loader处理高级JS语法(09)
                        PGzxc
Vue2webpackVuebabel-loader
                        
    一概述通过装饰器注解问题导入babel-loaderbabel-loader的安装与配置babel-loader处理后的效果二通过装饰器注解问题导入babel-loader2.1在index.js文件中，添加如下代码//定义装饰器函数functioninfo(target){target.info='Person.info'}//定义一个普通的类@infoclassPerson{}console.
    
                    
    • 
                    
  • (vue2.0)vue-awesome-swiper(v3.1.3)的初级使用
                        AlexKain
vue
                        
    [email protected]//或者npminstallvue-awesome-swiper--save引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)代码部分<
    
                    
    • 
                    
  • vue-charts的使用，导入，配置，及常见错误
                        一蓑烟雨，一任平生
vue3vue.jsechartsjavascript
                        
    vue-charts作用：在使用echarts生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts的出现正是为了解决这个痛点。基于Vue2.0和echarts封装的v-charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。第一步:下载npmiv-chartsecharts-S第二部:导入同时配置import{CanvasR
    
                    
    • 
                    
  • 用 Vue 3.5 TypeScript 重新开发3年前甘特图的核心组件
                        云烟，不再年轻
Vuetypescriptvue.js甘特图
                        
    回顾3年前曾经用Vue2.0开发了一个甘特图组件，如今3年过去了，计划使用Vue3.5TypeScript把组件重新开发，有机会的话再开发一个React版本。关于之前的组件以前文章Vue2.0甘特图组件下面录屏是是用Vue3.5TypeScript开发的目前进展，不再使用Vue2里用过的snapsvg-cjs库，主要是对TypeScript支持的不太好，使用SVG.js库代替snapsvg-cjs
    
                    
    • 
                    
  • element UI 2.15.13和 vue2.0表格勾选回显
                        
前端vue.js
                        
    弹窗回显勾选的项关键代码//函数名叫什么无所谓，函数的参数值data是要回显表格的所有数据//数据改变放在this.$nextTick中handleSelection(data){this.$nextTick(()=>{//selectedArr是所有需要勾选的项的集合constselectedArr=data.filter(item=>item.userId);selectedArr.forEa
    
                    
    • 
                    
  • 前端实战】Vue2.0现代设计社区开发：卡片流布局+毛玻璃特效+炫酷动画 | 完整源码“ “【高级教程】仿Dribbble创意社区项目实战：Glass Morphism+响应式设计+前端开发“ “【2
                        南北极之间
web前端特效源码前端javascript网页设计htmlcssvuejs卡片
                        
    效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]完整代码
    
                    
    • 
                    
  • Vue3.0生命周期钩子（包含：Vue 2.0 和 Vue 3.0）
                        pan_junbiao
Vue我の原创javascript前端vue.js
                        
    1、Vue2.0生命周期钩子每个应用程序实例在创建时都有一系列的初始化步骤。例如，创建数据绑定、编译模板、将实例挂载到DOM并在数据变化时触发DOM更新、销毁实例等。在这个过程中会运行一些叫做生命周期钩子的函数，通过这些钩子函数可以定义业务逻辑。应用程序实例中几个主要的生命周期钩子函数的说明如下：钩子函数说明beforeCreate()在实例初始化之后且数据观测和事件/监听器配置之前调用。crea
    
                    
    • 
                    
  • Vue全流程--Vue3.0与Vue2.0响应式原理对比
                        不清参
vue.js前端javascript
                        
    Vue2中数据的响应式需要使用Vue.set这么一个api，修改数据需要使用Vue.delete这么一个api，删除数据数据代理这个当面的理解可以看看我前面文章Vue全流程--数据代理的理解以及在Vue中的应用-CSDN博客Vue3中数据的响应式Vue3使用proxy这个api实现数据代理。相较于Vue2.0多了一个删除和增加时及时响应的能力代理数据=reactive（源数据）：实现对数据的增删改
    
                    
    • 
                    
  • Vue2.0——组件动态加载 ＜keep-alive＞
                        致可乐
笔记
                        
    文章目录一、动态切换组件1.使用组件标签component的is属性来动态切换组件2.使用keep-alive缓存之前的状态一、动态切换组件1.使用组件标签component的is属性来动态切换组件Keep.vue:在它里面挂载两个页面组件keepOne，keepTwokeepOnekeepTwo<
    
                    
    • 
                    
  • 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
    
                    
    • 
                                
  • 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其他