请不要让我脱发
请不要让我脱发

v-for与组件的结合使用

这个例子是vue官网上面一个较为基础的例子，由于刚刚接触vue。所以将例子中一些不懂的语法记录下来。

v-for与组件的结合使用_第1张图片

1. 在vue组件开发过程中is的用法：

一般在vue定义组件时，都会使用一些自定义的标签。is的含义就是将原生的html标签当做定义的组件使用。

2. props的用法：
组件实例的作用域是独立的。这意味子组件的模板内不能直接引用父组件的数据。可以使用 props 把数据传给子组件。“prop” 是组件数据的一个字段，期望从父组件传下来。子组件需要显式地用 props 选项 声明

2.$emit的用法：
v-on:click定义的事件使用$emit触发

这个实例的代码如下:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title>
head>
<body>
<div id="app">
    <input type="text" v-model="texts"@keyup.enter="add"/>
   <ul>
       <li v-for="(data,index) in message" style="list-style: none" is="my-component" v-bind:title="data" @remove=remove(index)>
 //v-bind:title="data"  在组件注册时通过  props:['title']可以出去title的值    
//@remove=remove(index) 父组件自定义事件，在子组件中通过$emit进行触发
       li>
   ul>
div>
<script type="text/javascript" src="../js/vue.js">script>
<script type="text/javascript">
    Vue.component('my-component',{  //组件定义的标签名在上面 is中使用该组件
        template:'
  • {{title}}
    • '    ,
        props:['title']
    });

    var app=new Vue({
        el:'#app',
        data:{
            texts:'',
            message:['foo','bar','aaa']
        },
        methods:{
            add:function(){
                    this.message.push(this.texts);
            },
            remove:function(idx){
                    this.message.splice(idx,1);
            }
        }
    })

    script>
body>
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学习笔记 一 涔溪 vuevue.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月
    • VUE学习笔记—Vue运行时渲染 前端姑娘 VUEvue.js前端javascript
      前言有一个需求：能不能让用户自制组件，从而达到定制渲染某个区域的目的。在线DOME预览大致说一下项目的背景：我们做了一个拖拉拽生成界面的系统，通过拖拽内置的组件供用户定制自己的界面，但毕竟内置的组件有限，可定制性不高，那么给用户开放一个自定义代码组件，让用户自己通过写template+js+css的方式自由定制岂不是妙哉。那么该怎么实现呢？我们先来看一vue官方的介绍很多时候我们貌似已经忽略了渐进
    • Vue学习笔记-组件通信 赵客缦胡缨v吴钩霜雪明
      最近公司需要开发酒店客房管理的OTA系统，我们使用vue.js2.0+ElementUI开发时，就遇到了问题:一个页面有很多表单,我试图将表单写成一个单文件组件,但是表单(子组件)里的数据和页面(父组件)按钮交互的时候,vue组件之间的通信让我感到崩溃:点击importdialogfrom'./components/dialog.vue'exportdefault{data(){return{sh
    • vue学习笔记:v-model指令的修饰符 子非余不知渔之乐 web前端vue学习笔记vue
      v-model指令的修饰符有三个，分别是：1.number作用：自动将用户的输入值转为数值类型。示例：2.trim作用：自动忽略输入内容的首尾空白字符示例：3.lazy作用：双向绑定时，当光标离开时才更新对应的变量示例：
    • 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.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学习笔记（三）常用指令、生命周期 老李笔记 vuevue指令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-appvue
      组件通信prop是用于父组件向子组件传递数据。$ref是父组件调用子组件的属性和方法。$emit是子组件告知父组件调用父组件的方法并可以从子组件传递参数到父组件。父组件（使用公共组件的地方）这是父组件importMyComponentfrom'@/components/my-component/my-component.vue';exportdefault{components:{MyCompon
    • vue学习笔记——计算属性传参 小怪兽_v 学习
      首先，计算属性，它是被当做属性来用的，一般不给它传参，直接接收它返回的值,但是有时候开发过程中不得不去传参来获取特定的值，可是直接往计算属性中传参根本没用，所以最后考虑到一个折中的办法，那就是返回一个回调函数,此时调用计算属性时给它传递的参数就到了回调函数中：computed:{showZT_top(){return(index)=>{returnindex*2}}}但是这样也是有弊端的，以返回函
    • 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学习笔记 -SkyBlue-
      Vue1.webpack4配置文件consthtmlWebpackPlugin=require('html-webpack-plugin');constVueLoaderPlugin=require('vue-loader/lib/plugin');//打包提取cssconstExtractTextPlugin=require("extract-text-webpack-plugin");//混淆
    • Vue学习笔记：计算属性 HadesNyx vue.js学习笔记
      计算属性入门进阶二次进阶三次进阶四次进阶结界五次进阶六次进阶七次进阶八次进阶九次进阶终章彩蛋入门Vue.js中，计算属性示例：exportdefault{data(){return{firstName:'John',lastName:'Doe'};},computed:{//计算属性：全名fullName(){returnthis.firstName+''+this.lastName;}}}在这个
    • Vue学习笔记之组件基础 Three Big Stones vue.js学习笔记
      1、组件的定义一般将Vue组件定义在一个单独的.vue文件中，称做单文件组件；当然也可以将组件直接定义在js文件中，如下js代码，定义一个组件BlogPost，通过props定义对外暴露属性title，父组件传递title，子组件根据title渲染html内容。exportdefault{props:['title'],template:`{{title}}`}2、组件的使用首先需要引用组件，语法
    • vue学习笔记之项目工程化开发 我真卷不动啦。。。 vue学习笔记学习笔记
      一：介绍及使用：二：脚手架目录文件介绍：三：项目运行流程：3.1main.js文件和App.vue文件之间的关系：main.js文件：main.js是Vue项目的主入口文件，负责初始化Vue应用并挂载根组件。在main.js中，首先会引入Vue库，并创建一个Vue实例。通过newVue()可以传入一个配置对象，其中可以指定挂载的DOM元素、路由、状态管理等。在创建Vue实例时，通过render函数
    • Vue学习笔记 沈姐姐~ vuevue.js学习前端
      目录1.Object.defineProperty()2.计算属性3.监视属性4.computed和watch的区别5.双向数据绑定6._el和data的俩种写法7.事件修饰符8.键盘事件9.条件渲染10.列表过滤11.过滤器12.常用指令13.生命周期14.组件15.ref属性16.props配置17.mixin属性18.vue中的插件19.WebStorage20.消息的发布与订阅20.Vue
    • Vue学习笔记之模板引用 Three Big Stones vue.js学习笔记
      1、添加模板引用对DOM元素添加引用，语法格式，则在DOM元素挂载成功后，可以通过this.$refs.input的语法形式访问引用的input元素。2、v-for中的模板引用对列表元素添加引用，语法格式{{item}}，则在DOM元素挂载成功后，可以通过this.$refs.items的语法形式访问所有的li元素。3、函数模板引用可以对DOM元素添加函数模板引用，则在组件每次更新时自动触发函数执
    • 【前端】Vue学习笔记 myaijarvis 前端vuevue
      loader版本"less":"^4.0.0","less-loader":"^7.0.0",(8以下均可)常见问题组件不显示1.template中的内容必须包含在一个div中。2.组件名称渲染时不可为HTML标签，例如header、footer等等如需使用，只要和标签名不一样就行，比如Header、Footer等等快捷键1.vdatadata(){return{key:value}},2.vco
    • Vue学习笔记14 --自定义hook函数/toRef/provide/inject等 jxncxgx Vue前端vue.js学习笔记
      9.自定义hook函数什么是hook？——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。语法：constname=toRef(person,'name')应用:要将响应式对象中的某个属
    • Vue 学习笔记 -- 5. vue-router lingchen0522 Vue学习之路vue.js前端
      Vue学习笔记–5.vue-router5.vue-router一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。5.1基本使用安装vue-router，命令：npmivue-router引入并应用插件：importrouterfrom'./router'Vue.use(vueRouter)编写rou
    • vue学习笔记 zyl熬夜之路 vue笔记vue.js学习笔记
      vue学习笔记vue框架介绍Vue.js（读音/vju：/，发音类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，也非常容易与其他库或已有项目整合。Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js还提供了MVVM数据绑定和一个可组合的组件系统，具有简单、
    • Vue学习笔记六 神里の凌华 vue.js学习javascript
      前端工程化一、模块化相关规范1.模块化概述传统开发模式的主要问题①命名冲突②文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.浏览器端模块化规范1.AMDRequire.js(http://www.requirejs.cn
    • Vue学习笔记：将数组数据使用Excel表格导出 前端互助会 Vue学习笔记vueexcel前端
      Vue学习笔记：将数组数据使用Excel表格导出需求：数组数据使用Excel导出第一步：下载依赖命令行：npmixlsx第二步：建立下载公共jssrc下建立文件夹utils后建立data2Excel.js第三步：将公共js导入页面import{dataConversionUtil}from'@/utils/data2Excel'第四步：数组数据组装Excel表格表头loadExcel(){vard
    • Vue学习笔记（一） fancy努力闯关 为毕设拼命vue.js学习javascriptecmascript
      备注：为了毕设紧急学习的个人笔记，不是为了总结分享···es6模块化每个js都是独立的模块，import导入其他模块成员，export向外共享模块成员【附上b站vue视频的具体位置】铺垫知识-03.ES6模块化-默认导...P230-00:16·模块化语法1.默认导出：exportdefault，里面的才是能从外头访问到的成员→每个模块只能有一次exportdefault！！！2.默认导入：i
    • Vue 学习笔记 称霸幼儿园18 Vuevue.js学习javascript
      Vue学习笔记1前端工程化与webpack1.1前端工程化1.1.1实际的开发模块化（js的模块化、css的模块化、资源的模块化）组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）自动化（自动化构建、自动部署、自动化测试）1.1.2什么是前端工程化前端工程化指的是：在企业级的前端项目开发中，把前端开发所需要的工具、技术、流程、经验等
    • Vue学习笔记（一）JS导入导出 老李笔记 js导入导出vue学习笔记
      Vue学习笔记（一）JS导入导出js文件-导出、批量导出、默认导出showMessage.jsexportfunctionsimpleMessage(msg){console.log(msg);}exportfunctioncomplexMessage(msg){console.log(newDate()+":"+msg);}//批量导出//export{simpleMessage,complex
    • Vue组件之间的样式冲突问题【Vue学习笔记12】 扶得一人醉如苏沐晨
      1.组件之间的样式冲突问题默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。导致组件之间样式冲突的根本原因是：（1）单页面应用程序中，所有组件的DOM结构，都是基于唯一的index.html页面进行呈现的；（2）每个组件中的样式，都会影响整个index.html页面中的DOM元素。1.1思考：如何解决组件样式冲突的问题为每个组件分配唯一的自定义属性，在编写组
    • Vue学习笔记13-- Vue3之计算属性与监视 jxncxgx Vue前端vue.js学习笔记
      7、计算属性与监视1.computed函数与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...//计算属性——简写letfullName=computed(()=>{returnperson.firstName+'-'+person.lastName})//计算属性——完整letfullName=computed({get(){r
    • 【Vue学习笔记_14】Vue CLI 2&3 脚手架 BugFrog1024 Vue前端javascriptvue前端
      【Vue学习笔记_14】VueCLI2&3脚手架VueCLI初识VueCLI2初始化项目ESLint规范Runtime-only和Runtime+Compiler的区别目录结构解析VueCLI3VueCLI3与VueCLI2的区别初始化项目目录结构解析VueCLI3配置文件的查看和修改配套可执行代码示例=>GitHubVueCLI初识需求：使用Vue开发大型项目时，我们需要考虑代码目录结构、项目结
    • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
      XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
    • mysql 分区查询优化 annan211 java分区优化mysql
      分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
    • MYSQL存储过程中使用游标 chicony Mysql存储过程
      DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
    • mysql 和 sqlite 区别 Array_06 sqlite
      转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
    • pinyin4j使用 oloz pinyin4j
      首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
    • 微博发送私信 随意而生 微博
      在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
    • jsp 香水浓 jsp
      JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
    • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
      在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
    • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
      我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
    • jdk-6u26-linux-x64.bin 安装 baalwolf linux
      1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
    • MongoDB经典面试题集锦 BigBird2012 mongodb
      1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
    • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
              Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
    • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
      ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
    • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
      隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
    • Android JSON数据的解析与封装小Demo ronin47
      转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
    • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
        从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
    • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
      import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
    • struts2处理一个form多个submit chiangfai struts2
      web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
    • shell查找上个月，陷阱及野路子 chenchao051 shell
      date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
    • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
      解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
    • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
        对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
    • 《教父》系列台词 dcj3sjt126com
      Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
    • mongodb安装与使用 dyy_gusi mongo
      一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
    • Git排除目录 geeksun git
      在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
    • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
      转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
    • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
      流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
    • 电商系统商品表设计 lkl
      DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
    • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
      　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
    • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
      一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
    • SQLServer学习笔记 vipbooks 数据结构xml
      1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他