IT_CREATE

十一、VUE基础学习篇（组件化component、components）-全局/局部组件、父组件/子组件、动态数据绑定/数据存放问题

码云实时更新学习demo地址：https://gitee.com/dxl96/vuexuexi

VUE基础篇（组件化component、components）

1、组件化的概念

■人面对复杂问题的处理方式
口任何一个人处理信息的逻辑能力都是有限的
口所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。
口但是,我们人有一种天生的能力,就是将问题进行拆解。
口如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解。
■组件化也是类似的思想
口如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。
口但如果，我们讲一个页面拆分成一个个小的功能块每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。

■组件化是Vue.js中的重要思想
口它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。
口任何的应用都会被抽象成一颗组件树。
■组件化思想的应用:
口有了组件化的思想,我们在之后的开发中就要充分的利用它。
口尽可能的将页面拆分成一个个小的、可复用的组件。
口这样让我们的代码更加方便组织和管理,并且扩展性也更强。

2、组件的基本使用

■组件的使用分成三个步骤
口创建组件构造器
口注册组件
口使用组件。
■我们来看看通过代码如何注册组件
■查看运行结果:
口和直接使用一个div看起来并没有什么区别。
口但是我们可以设想,如果很多地方都要显示这样的信息,我们是不是就可以直接使用来完成呢？

注：在模板中的标签内容，如果是多个标签内容，必须在标签的最外层包裹一个父类标签，所有的标签都必须放在父类标签中，否则报错，不管是在html中还是js中定义绑定标签内容的方式都得遵循多标签内容外部必须包裹一个父类标签，也就是说做外层只能有一个标签作为根标签。
可以看到下面的所有代码组件关联绑定的模板外层都包裹着

这个标签，因为

内部的内容也就是多标签内容了，所以我们要用

包裹起来作为父元素(根元素)，不管外层是什么类型标签，即使是

、等等其他标签作为外部的根标签（父标签）都行


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>组件的基本使用title>
head>
<body>






<div id="app">

  
  <my-div>my-div>
div>

<script src="../js/vue.js">script>
<script>

  // 1、创建组件构造器，extend方法，传入一个对象，对象有个template属性，它的值就是我们要用的模板内容
  const myDiv = Vue.extend({
    template: `
       
         我是标题
         我是内容一
         我是内容二
       
`
  })

  // 2、全局注册组件，component方法，传入两个值，第一个参数为组件的名称，第二个参数为构造的组件对象
  Vue.component('myDiv', myDiv)

  const app = new Vue({
    el: "#app",
    data: {}
  });
script>
body>
html>

效果

3、全局组件和局部组件

全局组件是可以在所有的vue对象实例对应的标签内使用的，而局部组件只能在局部组件所在的vue对象实例对应的标签中使用
全局组件注册：
Vue.component(组件名, 组件对象)

  // 2、全局注册组件，component方法，传入两个值，第一个参数为组件的名称，第二个参数为构造的组件对象
  Vue.component('myDiv', myDiv)

局部组件注册：
components: {组件名1:组件对象,组件名2:组件对象2…}

  const app2 = new Vue({
    el: "#app2",
    data: {},
    //■【局部组件的注册方式，只在本实例中才会生效】
    // 2、注册组件，components属性，传入对象，对象的属性为组件的名称，值为构造的组件
    components: {
      myDiv2: myDiv
    }
  });

代码示例：


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>全局组件和局部组件title>
head>
<body>
<div id="app">
  
  
  <span style="color: red">全局组件span>
  <my-div>my-div>
  <my-div>my-div>

  
  <span style="color: red">my-div2局部组件不在非注册vue实例中显示span>
  <my-div2>my-div2>
div>
<hr>
<div id="app2">
  
  
  <span style="color: red">全局组件span>
  <my-div>my-div>

  
  <span style="color: red">my-div2局部组件显示(在注册vue实例对象中)span>
  <my-div2>my-div2>
div>

<script src="../js/vue.js">script>
<script>

  // ■【全局组件的方式，可以在多个vue实例使用】
  // 1、创建组件构造器，extend方法，传入一个对象，对象有个template属性，它的值就是我们要用的模板内容
  const myDiv = Vue.extend({
    template: `
       
         我是标题
         我是内容一
         我是内容二
       
`
  })

  // 2、全局注册组件，component方法，传入两个值，第一个参数为组件的名称，第二个参数为构造的组件对象
  Vue.component('myDiv', myDiv)

  // -----------------------------------------------------------------------------------------------


  // vue实例1
  const app = new Vue({
    el: "#app",
    data: {}
  });

  // vue实例2
  const app2 = new Vue({
    el: "#app2",
    data: {},
    //■【局部组件的注册方式，只在本实例中才会生效】
    // 2、注册组件，components属性，传入对象，对象的属性为组件的名称，值为构造的组件
    components: {
      myDiv2: myDiv
    }
  });
script>
body>
html>

效果

3、父子组件

所谓父子组件就是组件的嵌套，假设：组件2嵌套组件1（也就是组件2中包含组件1），父组件就是组件1，子组件就是组件2


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>父组件和子组件title>
head>
<body>
<div id="app">

  
  
  <my-div2>my-div2>

  
  <my-div1>my-div1>
div>

<script src="../js/vue.js">script>
<script>
  // 1、创建组件构造器,创建一个组件对象
  
  // 【子组件】
  // 创建组件构造器，extend方法，传入一个对象，对象有个template属性，它的值就是我们要用的模板内容
  const myDiv1 = Vue.extend({
    template: `
       
         我是标题1
         我是内容1
       
`
  })

  // 【父组件】
  // 嵌套子组件，extend方法传入对象，对象里面的components属性，也是可以将另一个组件对象添加进该组件的，components对应对象的属性名称是组件的名称，属性值是已经创建的组件对象
  // 这里的子组件是上面创建的组件对象
  const myDiv2 = Vue.extend({
    template: `
      
        我是标题2
        我是内容2
        
      
`,
    components: {
      myDiv1: myDiv1
    }
  })

  /*------------------------------------------------------------------------------------------------------------------------*/
  
  // root组件
  const app = new Vue({
    el: "#app",
    data: {},
    //■【局部组件的注册方式，只在本实例中才会生效】
    // 2、注册组件，components属性，传入对象，对象的属性为组件的名称，值为构造的组件
    //这里注册组件2即可，组件1已经注册进了组件2，所以使用组件2时就是组件2嵌套组件1的样子
    components: {
      myDiv2: myDiv2
    }
  });
script>
body>
html>

效果

4、组件语法糖

●在之前注册组件的方式，可能会有些繁琐。
口Vue为了简化这个过程,提供了注册的语法糖。
口主要是省去了调用Vue.extend()的步骤,也就是构造组件对象这个步骤，而是可以直接使用一个组件对象来代替。说的再直白点就是将组件的对象的构造和注册合而为一了，在注册组件时，直接传入组件对象即可
口全局组件对象和局部组件对象的结构是一样的


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>组件语法糖title>
head>
<body>

<div id="app">
  
  <my-div1>my-div1>

  <my-div2>my-div2>
div>

<script src="../js/vue.js">script>
<script>

  /*
    ●在之前注册组件的方式，可能会有些繁琐。
      口Vue为了简化这个过程,提供了注册的语法糖。
      口主要是省去了调用Vue.extend()的步骤,而是可以直接使用一个组件对象来代替。
      口全局组件对象和局部组件对象的结构是一样的
   */

  // ■【注册全局组件的语法糖】
  // 1、全局注册组件，component方法，传入两个值，第一个参数为组件的名称，第二个参数为组件对象，
  // 组件对象有一个template属性，属性值为模板信息
  Vue.component('myDiv1', {
    template: `
            
              我是标题1
              我是内容1
            
            `
  })

  //■【注册局部组件的语法糖】
  const app = new Vue({
    el: "#app",
    data: {},
    //■【局部组件的注册方式，只在本实例中才会生效】
    // 1、注册组件，components属性，传入对象，对象的属性为组件的名称，值为构造的组件
    components: {
      //这里相当于将组件的创建与注册整合成了一个方式，注册组件时可以直接绑定对象，对象有个template属性，属性值就是我们的模板信息
      myDiv2: {
        template: `
            
              我是标题2
              我是内容2
            
            `
      }
    }
  });
script>
body>
html>

效果

4、组件对象与组件注册的分离

■刚才,我们通过语法糖简化了Vue组件的注册过程,另外还有一个地方的写法比较麻烦,就是template模块写法
■如果我们能将其中的HTML分离出来写,然后挂载到对应的组件上,必然结构会变得非常清晰。
■Vue提供了两种方案来定义HTML模块内容:
口使用

你可能感兴趣的:(Vue学习)

vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。 chen_sir_sh vue学习笔记 javascript 前端 vue
VUE3出现了很多新的API，下面是自己的一些理解进行的总结。欢迎大家一起交流补充。ref()使用ref创建一个数据类型，ref有value这个属性constname1={age:"14",name:"bob1"};constname2=ref({name:"bob2"});//使用ref创建一个数据类型相对于reactive，ref有value属性name2.value="bob3"consol
第五天Vue学习余心不忍 vue.js 学习 elementui
v-for的相关使用1.v-for的基本使用循环遍历，值，索引值，key都可以一般需要使用索引值。{{index+":"+item}}index表示索引，item表示当前遍历的元素。{{item}}{{key+'----'+i}}varapp=newVue({el:'#app',data:{books:['化学','物理','英语','数学','语文'],person:{name:'张三',age
Vue学习笔记一涔溪 vue vue.js 学习笔记
Vue学习笔记1、Vue基础指令1.1什么是Vue?Vue.js是一套响应式的JavaScript开发库。Vue.js自问世以来所受关注度不断提高，在现在的市场上，Vue.js是非常流行的JavaScript技术开发框架之一。Vue是一款国产前端框架，它的作者尤雨溪（EvanYou）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库Vue.js，2015年发布1.0.0版本，2016年4月
day38-测试平台搭建之前端vue学习-ES6 开测开测开发语言测试自动化测试测试开发 vscode vue es6
一、为什么要学习ES6？1.1.ES5语言的先天性不足。比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let和const//var//vara=2//1.let声明变量，没有变量提升//console.log(a);//leta=10;//cons
VUE学习笔记—Vue运行时渲染前端姑娘 VUE vue.js 前端 javascript
前言有一个需求：能不能让用户自制组件，从而达到定制渲染某个区域的目的。在线DOME预览大致说一下项目的背景：我们做了一个拖拉拽生成界面的系统，通过拖拽内置的组件供用户定制自己的界面，但毕竟内置的组件有限，可定制性不高，那么给用户开放一个自定义代码组件，让用户自己通过写template+js+css的方式自由定制岂不是妙哉。那么该怎么实现呢？我们先来看一vue官方的介绍很多时候我们貌似已经忽略了渐进
Chapter 06 axios使用指南 Heaven645 vue.js 前端 Vue axios
欢迎大家订阅【Vue2+Vue3】入门到实践专栏，开启你的Vue学习之旅！文章目录前言一、导入二、发送GET请求三、发送POST请求四、处理响应前言在现代前端开发中，与后端API进行数据交互是至关重要的。Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js。本文详细介绍了Axios的基本用法。一、导入导入官网提供的axios在线地址：二、发送GET请求axios.get(
Vue学习笔记-组件通信赵客缦胡缨v吴钩霜雪明
最近公司需要开发酒店客房管理的OTA系统，我们使用vue.js2.0+ElementUI开发时，就遇到了问题:一个页面有很多表单,我试图将表单写成一个单文件组件,但是表单(子组件)里的数据和页面(父组件)按钮交互的时候,vue组件之间的通信让我感到崩溃:点击importdialogfrom'./components/dialog.vue'exportdefault{data(){return{sh
vue学习的第三天小结微文殇却卟丢气质
回顾：```Object.definePropertyletobj={a:10}leta=10;Object.defineProperty(obj,'a',{get(){//拦截了对于obj对象a属性获取的操作returna;},set(val){//拦截对于obj对象a赋值的操作a=val;}})obj.a=20;new一个vue实例data:{a:{a:{b:{}}}}vue自动遍历（递归）,
vue学习笔记:v-model指令的修饰符子非余不知渔之乐 web前端 vue学习笔记 vue
v-model指令的修饰符有三个，分别是：1.number作用：自动将用户的输入值转为数值类型。示例：2.trim作用：自动忽略输入内容的首尾空白字符示例：3.lazy作用：双向绑定时，当光标离开时才更新对应的变量示例：
Vue路由模式几何心凉前端小常识 vue.js 前端 javascript
聚沙成塔·每天进步一点点本文内容⭐专栏简介路由模式1.Hash模式2.History模式选择路由模式的考虑因素⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。每篇文章都致力于提供清晰、深入的参考资料，让你能够更轻松、更自信地理解和掌握Vue.js的核心概念和技术。订阅这个专栏，让我们一同踏上更深入
Vue的个人笔记 Purple Coder 笔记
Vue学习小tipsctrl+s---->运行alt+b链接插值表达式指令
vue学习笔记北京理工大学软件工程 vue.js 学习笔记
通常，使用VueCLI（Vue的命令行工具）来创建Vue.js项目会自动生成package.json文件。如果你没有使用VueCLI或者其他类似工具，那么可能需要手动创建这个文件。以下是一些建议的步骤，帮助你解决这个问题：确认你使用的是VueCLI：确保你使用的是VueCLI来创建项目。你可以通过运行vue--version来检查VueCLI是否已经安装以及安装的版本。使用VueCLI创建项目：如
【Vue学习笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通丁咚Dingdong 学习笔记前端 Vue2.x Vue3.0 Vue
尚硅谷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学习笔记（三）常用指令、生命周期老李笔记 vue vue指令 vue生命周期 vue常用指令
Vue学习笔记（三）常用指令vue指令：html标签上带有v-前缀的特殊属性，不同的指令具有不同的含义，可以实现不同的功能。常用指令：指令作用v-for列表渲染，遍历容器的元素或者对象的属性v-bind为html标签绑定属性值，如设置href，css样式等v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染，否则不渲染v-show根据条件展示某元素，区别在于切换的是d
vue学习笔记张豆豆94 【HBuilder学习篇】前端 uni-app vue
组件通信prop是用于父组件向子组件传递数据。$ref是父组件调用子组件的属性和方法。$emit是子组件告知父组件调用父组件的方法并可以从子组件传递参数到父组件。父组件（使用公共组件的地方）这是父组件importMyComponentfrom'@/components/my-component/my-component.vue';exportdefault{components:{MyCompon
vue学习的第一天小结微文殇却卟丢气质
##Vue官网官网：https://cn.vuejs.org/命令行：https://cli.vuejs.org/zh/##Vue安装流程1.npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.npminstall-g@vue/cli-init#`vueinit`的运行效果将会跟`[email protected]`相同vueinitwebpackmy-project3
VUE学习——事件处理 BUG批量生产者 VUE 学习 vue.js 前端
事件分为内联事件和方法事件。我们可以使用【v-on】（简写：@）来处理。内联按钮按钮{{count}}方法
vue学习回顾第一天 xinhongwu
为什么要学习vue为什么学习vue.png什么是mvvmMVVM.pngvue常用系统指令vue的使用Title{{message}}//2创建vue实例letvm=newVue({//3.通过el属性指定vue实例的监管范围，它的值是一个idel:"#app",//4data属性保存数据data:{message:"helloworld"}})插值表达式Title表达式{{name+"xin"}
Vue学习——计算属性与监视属性王猪精也 Vue学习笔记 vue.js vue.js javascript
一、计算属性什么是计算属性定义：要用的属性不存在，需要用已存在的属性计算得来。原理：底层借助了Object.defineProperty提供的getter和setter。get函数什么时候执行（1）初次读取计算属性时（2）计算属性所依赖的数据发生变化时计算属性内部有缓存机制，效率更高。备注：（1）计算属性放在vm身上，直接读取使用即可（2）如果要对计算属性进行修改，需要配置set函数，并且要在se
Vue学习——计算属性（17） Calendo Vue vue.js 学习前端
引入计算属性指通过一系列运算之后，最终得到一个属性值这个动态计算出来的属性值可以被模板结构或methods方法使用v-model进行双向绑定实现监听输入（即在开发者选项内能实时同步输入）.number则是将输入的字符串全部转化为数字（这里是rgb需要）然后写一个box颜色的计算公式，也就是利用v-bind将输入实时显示在文字上（v-bind后面被vue认为是javascript）其中，${}是动态
尚硅谷Vue学习——计算属性才疏学浅的小缘同学 Vue学习 vue.js 学习前端
1.定义：要用的属性不存在，要通过已有属性计算得来。2.原理：底层借助了Pbject.defineproperty方法提供的getter和setter。3.get函数什么时候执行？初次读取时会执行一次。当依赖的数据产生变化时会再次调用4.优势：与methods方法相比，内部具有缓存的机制，效率更高，调试方便5.备注：计算属性最终会出现在vm上，直接读取使用即可。如果计算属性需要被修改，则必须去写s
vue学习笔记——计算属性传参小怪兽_v 学习
首先，计算属性，它是被当做属性来用的，一般不给它传参，直接接收它返回的值,但是有时候开发过程中不得不去传参来获取特定的值，可是直接往计算属性中传参根本没用，所以最后考虑到一个折中的办法，那就是返回一个回调函数,此时调用计算属性时给它传递的参数就到了回调函数中：computed:{showZT_top(){return(index)=>{returnindex*2}}}但是这样也是有弊端的，以返回函
Vue学习——计算属性、监听属性、动画 Elainerui 动画 vue.js javascript
Vue学习——计算属性、监听属性、动画一、计算属性1.引入当模板不再是简要的声明式逻辑时，而是需要对其进行一些操作时会显得难以处理。因此，对于任何复杂逻辑，应当使用“计算属性”。例子：{{firstName+''+lastName}}{{firstName}}{{lastName}}//两者等价{{getFullName()}}constapp=newVue({el:'#app',data:{fi
VUE学习——计算属性 BUG批量生产者 VUE vue.js 学习 javascript
{{name.length>0?true:false}}{{commputedValue}}exportdefault{data(){return{name:"vue"}},methods:{},computed:{commputedValue(){returnthis.name.length>0?true:false;}}}使用computed对象。在methods可实现相同的结果。
VUE学习——事件参数 BUG批量生产者 VUE vue.js 学习 javascript
接前一节，事件绑定之后，我们需要传递参数。{{item}}exportdefault{data(){return{items:["明神","博子","饼子"]}},methods:{getNameHandler(msg,e){console.log(msg);e.target.innerHTML="name:"+msg;}}}这个的传递参数getNameHandler(msg,e)，可以只传弟第一
VUE学习——事件修饰符 BUG批量生产者 VUE vue.js 学习 javascript
阻止默认事件baidubaiduexportdefault{data(){return{}},methods:{onClickHandle(e){e.preventDefault();}}}其中e.preventDefault();，和@click.prevent作用一样。阻止冒泡事件父级和子级相互嵌套时，只触发子级，而不触发父级。.stopVUE官方文档
VUE学习——数组变化侦测 BUG批量生产者 VUE 学习 vue.js 前端
官方文档变更方法：使用之后，ui可以直接发生改变。改变原数组替换数组：使用之后需要接受重新赋值，不然ui不发生改变。不改变原数组
VUE学习笔记父子组件传值刀钝刃乏
父组件通过props向下传递数据给子组件；子组件通过events给父组件发送消息。子组件向父组件传值子组件使用this$emit（'自定义事件名',要传送的数据）向父组件传递数据。1.template模块里面直接使用this$emit（'自定义事件名',要传送的数据）2.事件里面使用this$emit，使代码结构更清晰//这是子组件editData.vue$emit('saveEdit',this
Vue学习笔记5--前端工程化 UtilMan
前端工程化完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ模块化相关规范概述传统开发问题命名冲突文件依赖模块化含义：把单独的一个功能封装到一个模块（文件）中,模块之间相互隔离，可以通过特定的接口公开内部成员，也可以依赖别的模块好处：方便代码重用，提升开发效率，方便后期维护浏览器端模块化规范AMD（Require.js）CMD（Sea.js）服务器端模块化规范Comm
学习vue.config.js 结合 webpack 未来可期wlkq webpack javascript vue.js
webpack处理图片，将小于10kb的图片转成base64（字符串格式）减少http请求，因为当图片过大，转base64反而大很多，页面加载会变慢多线程-多线程基础多线程-多线程基础参考链接happyPack注意：webpack4已经融合了多线程机制，因此happypack的作用不是很明显。如果你使用的版本是<4，那么还是可以继续使用HappyPack。happyPack参考链接vue学习文章，
矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
JDK timer antlove java jdk schedule code timer
1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm 应用服务器
堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx
JDBC连接数据库 Array_06 jdbc
package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
Unsupported major.minor version 51.0（jdk版本错误） oloz java
java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
用多个线程处理1个List集合 362217990 多线程 thread list 集合
昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
JSP简单访问数据库香水浓 sql mysql jsp
学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下： [html] view plain copy <RelativeLa
查询汇总的sql baalwolf sql
select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(
Linux du命令和df命令区别 BigBird2012 linux
1，两者区别 du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
AngularJS中的$apply，用还是不用？ bijian1013 JavaScript AngularJS $apply
在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。但是首先，让我们把$apply转换成一种简化的形式。 scope.$apply就像一个懒惰的工人。它需要按照命
[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理 ClientCnxn构造方法 &
【Java命令一】jmap bit1129 Java命令
jmap命令的用法： [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
Apache 服务器安全防护及实战 ronin47
此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
unity 3d实例化位置出现布置？ brotherlamp unity教程 unity unity资料 unity视频 unity自学
问：unity 3d实例化位置出现布置？答：实例化的同时就可以指定被实例化的物体的位置,即 position Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了, 如果你省略了第二个参数(
《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java 重构
import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
struts2更改struts.xml配置目录 chiangfai struts.xml
struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下： <filter> <filter-name>struts2</filter-name> <filter-class&g
redis做缓存时的一点优化 chenchao051 redis hadoop pipeline
最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
mysql导出数据不输出标题行 daizj mysql 数据导出去掉第一行去掉标题
当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt 结果为： studentid
phpexcel导出excel表简单入门示例 dcj3sjt126com PHP Excel phpexcel
先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE); if (PHP_SAPI == 'cli') die('
爱情格言 dcj3sjt126com 格言
1) I love you not because of who you are, but because of who I am when I am with you. 　　我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
转 Activity 详解——Activity文档翻译 e200702084 android UI sqlite 配置管理网络应用
activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。当用户离开 activity 时你可以在 onPause() 进行相应的操作。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
win7安装MongoDB服务 geeksun mongodb
1. 下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads 2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
数据源架构模式之行数据入口 home198979 PHP 架构行数据入口
注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。一、概念行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。二、简单实现行数据入口为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
Linux各个目录的作用及内容 pda158 linux 脚本
1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
ubuntu12.04上编译openjdk7 ol_beta HotSpot jvm jdk OpenJDK
获取源码从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
哈哈，出差这么久终于回来了，回家的感觉真好！ PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他