zzm_
zzm_

第2章-Vue.js指令

一、学习目标

  • 了解 什么 是 Vue.js 指令
  • 理解 Vue.js 指令的 用途
  • 掌握 Vue.js 指令的书写规范
  • 能够 使用 Vue.js 指令完成部门页面交互效果(难点和重点)

二、指令的基本概念

2.1、什么是Vue.js指令

指令是带有v-前缀的特殊属性：v-bind、v-bind:is、v-bind:key、v-cloak、v-else、v-else-if、v-for、v-html、v-if、v-model

2.2、Vue.js指令的用途

在表达式的值改变时，将某些行为应用到DOM上。

2.3、Vue.js指令的书写规范

书写位置： 任意HTML元素的开始标签内。

注意：一个开始标签内可写入多个指令，多个指令间使用空格分隔。

三、指令

3.1、v-show指令

作用：控制切换一个元素的显示，和隐藏。本质就是设置 display属性。

语法：v-show = 表达式

  • 根据表达式的结果的真假，确定是否显示当前元素。
  • true表示显示该元素；false 表示隐藏该元素
  • 默认情况下，如果 v-show=' '，那么为false
    v-show指令

3.2、v-on指令

作用：为HTML元素绑定事件监听

语法：v-on:事件名称='函数名称(参数)'，这边注意了，如果不需要传入参数，只需写成：v-on:事件名称='函数名称'，如：v-on:click='fn'

简写语法：@事件名称='函数名称'，如：@click='函数名称'

注意：函数的定义在methods配置项中

<div id="box">
    
    
    <button @click='fn'>显示button>
    
    <div class="div1" v-show='bol'>div>
div>
<script type="text/javascript" src="js/vue.js">script>
<script>
    var vm = new Vue({
        el: "#box",
        data: {
            bol: true
        },
        methods: {
            fn: function(){
                //console.log(index);
                this.bol = !this.bol;
            }
        }
    })
script>
v-on指令

3.3、v-model指令

作用：将用户的输入同步到视图上

语法： v-model = '变量'

注：v-model 指令必须绑定在表单元素上

<div id="box">
    
    <h1 v-on:click="fn">{{ msg }}h1>
    
    <input type="text" v-model="msg" v-show="bol"/>
div>
<script src="js/vue.js">script>
<script>
    var vm = new Vue({
        el: '#box',
        data: {
            msg: "Edit",
            bol: true
        },
        methods: {
            fn:function(){
                //body....
                this.bol = !this.bol;
                this.msg = "Edit";
            }
        }
    });
script>
v-model指令

3.4、v-for指令

作用：遍历data 中的数据，并在页面进行数据展示。

语法：遍历 元素和索引的：v-for='(item,index) in arr' ;遍历元素：v-for='item in arr'

说明：item：表示每次遍历得到的元素，index：表示item的索引，可选参数。

<div id="box">
    
    <ul>
        
        <li v-for="item in arr">{{ item }}li>
        <li v-for="(item,index) in arr">{{ index + '、' }}{{ item }}li>
    ul>
div>
<script src="js/vue.js">script>
<script>
    var vm = new Vue({
        el: "#box",
        data: {
            arr: ['吃饭','睡觉','LOL','打豆豆']
        }
    });
script>
v-for指令

3.5、v-bind指令

作用：绑定 HTML元素的属性

语法：v-bind:属性名='表达式'；简写语法：:属性名='表达式'，如：:class="{red,false}"

绑定一个属性：

绑定多个属性：

绑定class属性：，这个red表示某个样式，bol值是true或者false，如果是true的话则显示此样式，false则不显示样式。

<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .red {background: red;}
        .en {height: 100px; width: 200px;}
    style>
head>
<body>
    <div id="box">
        <button v-bind:class="{red: bol,en: bol}">按钮button>
        
    div>
    <script src="js/vue.js">script>
    <script>
        var vm = new Vue({
            el: '#box',
            data: {
                bol: true
            }
        })
    script>
body>
v-bind指令

四、指令练习

4.1、需求

点击li标签，让被点li的背景变为红色

4.2、代码实现

<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .red {background: red;}
    style>
head>
<body>
    <div id="box">
        
        <ul>
            
            
            <li v-for="(item,index) in arr" @click="fn(index)" v-bind:class="{red: item.bol}">{{ index + '、' }}{{ item.des }}li>
        ul>
    div>
    <script src="js/vue.js">script>
    <script>
        var vm = new Vue({
            el: "#box",
            data: {
                arr: [
                    {des:"吃饭",bol:false},
                    {des:"睡觉",bol:false},
                    {des:"LOL",bol:false},
                    {des:"打豆豆",bol:false}
                    ]
            },
            methods: {
                fn: function(index){
                    //通过当前index知道 当前被点击的数据是谁
                    // 把被点击的数据的 bol 值改为true
                    // 把所有其他的未被选中的数据 bl 改为 false
                    // 思路：先都改成false,然后再把选中的改成 true
                    for(var i = 0;i<this.arr.length;i++){
                        this.arr[i].bol = false;
                    };
                    this.arr[index].bol = true;
                }
            }
        });
    script>
body>
指令练习

五、总结

  • v-show：控制切换一个元素的显示和隐藏
  • v-on： 为HTML元素绑定事件监听
  • v-model：将用户的输入同步到视图上
  • v-for：遍历data 中的数据，并在页面进行数据展示
  • v-bind：绑定HTML 元素的属性

记住了，如果在指令中 用到 表达式是的话，是不需要 加 {{ }} 的，但是不在指令中，在标签之外的，那就要 加 {{  }}了，如下：


    

        
{{ msg }} world
 // 在指令之外的，需要 {{msg}}
        
world
 //使用在指令中的，不需要，直接 v-text="msg"

 

转载于:https://www.cnblogs.com/zhangqigao/p/9598412.html

你可能感兴趣的:(第2章-Vue.js指令)

  • 2021-10-10 如鱼饮水2020
    中原焦点团队网络中26期坚持分享第516天（20211010）论文答辩稿背了N篇，第三个就是我上台演讲，心跳加速，深呼吸极力默念：稳就是定海神针。前两位男生都是低头读稿，虽然自己也带着手稿，距离太远根本看不到。硬着头皮背吧，脑子断篇也得上，先阳谋一下：第一次上讲台特别紧张。调整一下语速，结合APP，能背多少是多少吧，丑媳妇总归要见公婆的。先感谢导师的悉心指导和在坐的各位，论文的结构框架和大概内容几
  • 网站开发公司 红匣子实力推荐
    随着互联网的普及和发展，越来越多的企业和个人意识到拥有一个专业、高效、易用的网站对于品牌形象和业务拓展的重要性。为了满足这一需求，专业的网站开发公司应运而生，致力于为客户提供一站式的网站建设和优化服务。本文将为您详细介绍网站开发公司的主要业务范围、核心竞争力以及如何选择一家合适的网站开发公司。开发-联系电话：13642679953（微信同号）一、网站开发公司的主要业务范围1.网站策划与设计：根据客
  • 力扣—水果成篮
    文章目录题目解析解题思路代码实现题目解析你正在探访一家农场，农场从左到右种植了一排果树。这些树用一个整数数组fruits表示，其中fruits[i]是第i棵树上的水果种类。你想要尽可能多地收集水果。然而，农场的主人设定了一些严格的规矩，你必须按照要求采摘水果：你只有两个篮子，并且每个篮子只能装单一类型的水果。每个篮子能够装的水果总量没有限制。你可以选择任意一棵树开始采摘，你必须从每棵树（包括开始采
  • 激动！《神秘海域》电影版被爆开拍！ Summer雨农
    开发多年的著名游戏改编电影《神秘海域》真的要拍了。主演汤姆·霍兰德近日在宣传新片《1/2的魔法》时告诉IGN：《神秘海域》电影将于4个星期后开拍，那就是3月了。他还着重提到了动作戏，及透露电影灵感很多来自自游戏《神秘海域4》。4480青苹果影院免费在线观看最新电影电视剧。被IGN问到该片，荷兰弟表示：“我们4个星期后就开拍，马克·沃尔伯格演的Sully会很棒的，我们在柏林的特技部门已经做出了很棒的
  • 8.10少阳条辨续与温胆汤 吕思萍
    一、柴胡芍药枳实甘草汤与宋本四逆散1、柴胡芍药枳实甘草汤1）主证是邪下痛，然后痛得剧烈的时候人会吐2）胸中气降不下来这个人是右胁痛，上来的气不通的话是左胁痛。治左胁痛以柴胡芍药为主，治右胁痛你枳实为主，都有。2、宋本四逆散1）四逆散，正是一个肝胆之气郁结，胡量少，可以疏肝2）阳气郁结，闷在身体中间不能传到四肢，脉弦，里热舌苔黄，心烦3）逍遥散、柴胡疏肝散，几乎所有的舒肝解郁的方都是从四逆散发展出来
  • 2023-09-25 与非与你
    01下个星期就要给表哥做伴娘了，再下个星期又要给一个好朋友做姐妹，今年不管是家人还是朋友都很多结婚了，自己的那种无措感又来了。看着别人结婚，自己已经没有当初那种想结婚的欲望了，只是觉得大家都长大了，从读书的年纪突然一下子就到了结婚生子的年纪。昨天和朋友四点半起床开车去海边看日出，一下车听到海浪声，那个风真的自由和快乐。我想如果结婚生孩子了，是否还有这样的机会说走就走的时候？是否还能像现在这么洒脱和
  • 2022-01-04 晓行漫舞
    01如果你实在饿了，打电话给我，我吃点零食嚼给你听。02你到底是什么品种的鱼，怎么那么难钓。03一觉醒来以为是自己长高了原来是被子盖横了04以后别问我喜欢吃什么了，我最喜欢吃队友兵线05为了不辜负今天这样的好天气，我决定去篮球场，果然打篮球的小哥哥特别多，捡了不少矿泉水瓶06什么破小区，刚洗澡的时候突然给停水了？？还好我灵机一动给花洒讲了个笑话，它直接笑喷了07人家都是迪士尼在逃公主，我就是村里在
  • 记录7 酸碱甜苦树辣
    一切都结束了（9月29日）风和日丽，所以的人和事都很祥和，有点不适应。（9月26日）太阳依旧毒辣，丝毫不让秋天到来。（9月25日）今天站岗，脚痛！（9月24日）有点尴尬，今天才是中秋节！节日快乐！（9月22日）中秋节到了，给大家说声中秋节快乐！（9月21日）最好的状态就是你只管努力、保持认真、持续恬淡，一步一步向自己喜欢的事物慢慢靠近！（9月20日）
  • MTK平台--如何查询手机连接的TX速率和带宽 专业开发者 WIFI智能手机
    一前言经常我们分析手机连接的状态的时候，需要实时读取手机WiFi的Txrate和带宽，其实可以使用以下ADB指令来读取当前手机WiFi的TX速率和带宽信息二操作命令和对查询WiFi的TX速率和带宽信息解析adbshelliwprivwlan0driverstat执行上述指令后，系统会返回一系列WiFi状态信息，其中包括TX速率和带宽。以下是一个示例输出：wlan0driver:WlanIdx=2-
  • 重磅！刑事责任年龄拟调整：12至14岁故意杀人等犯罪或将负刑责 ef399a4b4444
    刑法修正案(十一)草案13日提请十三届全国人大常委会进行二次审议，相关内容如下——一、12至14岁故意杀人等犯罪或将负刑责草案规定，已满十二周岁未满十四周岁的人，犯故意杀人、故意伤害罪，致人死亡，情节恶劣的，经最高人民检察院核准，应当负刑事责任。对于奸淫幼女罪，草案指出，对奸淫不满十周岁的幼女或者造成幼女伤害等严重情形明确适用更重刑罚。一些人大常委会组成人员、全国人大代表、部门、地方和社会公众提出
  • 【玄幻】神月擒龙 第三章、钻窟窿 隔着玻璃亲嘴
    钻窟窿是在一座山上，几乎是寸草不生，由数百个窟窿组成，萧潜他们一来到这里，顿时就傻了眼，这些眼也不知道是天生的，还是主办方自己后天挖上去的，总之是户户相隔、洞洞相连。“这是要当蜘蛛吗？还是要做蝙蝠？”查小五幽默的说。萧潜站在这些孔洞前，不由就无语了起来，想起了查小五的话，“你们都是来送死的，哪是什么勇敢者。”但是他又一想，这也不致于吧，主办方费心八力的把他们招来，想要害他们应该也是在战场上，而不应
  • Docker架构深度解析：从核心概念到企业级实践
    Docker架构深度解析：从核心概念到企业级实践一、Docker架构全景图1.1整体架构示意图二、核心组件深度解析2.1DockerDaemon工作机制三、镜像与容器原理3.1镜像分层结构3.2容器生命周期四、网络架构详解4.1网络模式对比4.2Bridge网络实现原理五、存储架构与实践5.1存储驱动对比5.2数据卷使用模式六、企业级实践方案6.1高可用架构设计七、安全最佳实践7.1安全防护体系八
  • 如何解决pip安装报错ModuleNotFoundError: No module named ‘django’问题 万粉变现经纪人 全栈Bug解决方案专栏pipdjangopythonnumpypycharm后端pandas
    【Python系列Bug修复PyCharm控制台pipinstall报错】如何解决pip安装报错ModuleNotFoundError:Nomodulenamed‘django’问题摘要在日常Django项目开发中，最常见的“拦路虎”之一就是ModuleNotFoundError:Nomodulenamed'django'。该异常通常在以下场景出现：在PyCharm2025中新建项目后，直接在Py
  • 2023-09-15 五角大楼探索生成式人工智能解决方案 泰格
    佳文砺道智库2023-09-1409:58发表于北京据“防务头条”网9月12日报道，美国研究机构“特殊竞争力研究项目”（SCSP）的一份报称告，如果美国想在制定生成式人工智能的开发和使用规范方面引领全球，就必须增加联邦研发支出，建立新的政府机构，或者改变现有的政府机构。生成式人工智能可以加速新药和网络安全解决方案的发现，从根本上实现更好的计算机网络，并提高公众的理解。但在对手手中，它可能会导致更多
  • 04、抽象类与接口
    内容多，第二次复习时写的一、抽象类1、本质：当一个类不能描述一个具体对象时我们把它叫做抽象类2、与普通类的区别：它跟普通类一样可以定义成员方法和变量，但是不能实例化，它可以和普通类一样实现多态、向上转型、动态绑定以及拥有构造方法等等(它的主要作用就是用来继承的）这里举个实现的例子：publicabstractclassShape1{publicabstractvoiddraw();}publicc
  • 卖掉EOS后竟然淡定了许多（日更价值感知训练366天之第37天） 赤脚哥
    昨天EOS一路下跌，跌的我有点坐不住劲了。人的行动都是在恐惧情绪中产生的，正好看到蓝起星球里说9月份比特币大概率要大跌到4200美金左右，我当时神操作就把EOS在4.7美金都换成ustd了。其实我没看到他说的9月份，我以为马上就要变盘似的。因为他是玩大钱的，我心里也有一些相信。没想到今天一路上飙，涨到36块多，我心里虽然没有感觉太踏空，但也隐隐觉得昨天操作有点鲁莽了。人总是在自己坚持不住的时候割肉
  • 中原焦点团队张俊功初24、中24、33持续分享第794天，约练15咨32观总计129 次（2023.4.20） 5d4750373a7c
    上帝赐给我宁静去接受我所不能改变的，给我勇气去改变我所能改变的，并给我智慧去分辨事物的不同。给予孩子自己解决问题的机会，而不是事事由父母帮助，那会让孩子形成依赖，无法培养其能力。说出父母对孩子某些行为的感受、想法和希望，并确保孩子明确的理解。然后，问问你的十几岁孩子的想法、感受和希望，一定要认真倾听。利用启发式问句，一起探讨这些行为可能造成的后果。
  • Proto文件从入门到精通——现代分布式系统通信的基石（含实战案例） 筏.k gRPCc++rpc服务器
    gRPC核心技术详解：Proto文件从入门到精通——现代分布式系统通信的基石（含实战案例）更新时间：2025年7月18日️标签：gRPC|ProtocolBuffers|Proto文件|微服务|分布式系统|RPC通信|接口定义文章目录前言一、基础概念：Proto文件究竟是什么？1.什么是Proto文件？2.传统通信vsProto通信二、语法详解：Proto文件的构成要素1.基本语法结构2.数据类型
  • 1 《王者速读法》读后感 书山有路是为勤
    检视阅读打破了一些传统观点，如1人与书的关系；书是人类最忠实的仆人，朕只有三十分钟2如何在30分钟内阅读一本书的方法论3学习输出：高效输入，高效输出，良性循环结论:值的精读分析阅读
  • github push 失败解决方案 日不落000
    问题1：之前一直很好用的Git，今天突然push失败，报错如下：YInit[master]⚡gitpushfatal:unabletoaccess'https://github.com/ribuluo000/react-native-boilerplate.git/':Emptyreplyfromserver问题2：github.com在Firefox访问也慢的不行，基本不可以使用了，Chrome
  • 20201-01-02 潘jane
    姓名:潘珊群公司:宁波市镇海承迪文具有限公司盛和塾第456期六项精进反省一组成员（日精进打卡第736天）【知～学习】：《六项精进》背诵0遍共30遍.《大学》背诵0遍共30遍.朗读0遍共0遍.学习强国每天早上和晚上累计1小时以上······【经典名句分享】奇迹，是努力的另一个名字！【行～实践】一、修身：（对自己个人）1.晨起一杯温开水2.早睡早起3.多喝水4.每天一粒钙片5.饭后水果二、齐家：（对家
  • 2021-11-09 bcd9015d7411
    2021.11.09中原焦点团队焦莉霞，本周第一次约练。今天作为来访者进行了第一次约练，感受到了咨询师老师的稳和能视察到行为背后原因的深厚功底。也让我看到了自己想要的是什么，在我摇摆不定，混乱的思绪中，如果不摇摆将会有什么选择。随着老师深情的陪伴，让我的情绪有了一个宣泄口，诉说即疗愈，顿时感觉心里舒畅了很多，回复了力量，也更理性的去看待一些问题，只有自己不断的学习、成长才能带动孩子，带着期待等待孩
  • 做智慧型班主任 鱼儿_82f8
    2018年5月5日，参加第五届全国班主任工作艺术与心理健康教育高端论坛第一天，开幕式有安徽师范大学方双虎教授主持。图片发自App上、下午聆听了全国德育专家邹六根教授和全国优秀班主任王文英老师的报告。邹教授的班级管理具体化、精细化，以骆驼文化为主线，诠释了他的班级管理内涵。图片发自App图片发自App图片发自App图片发自App图片发自App班级管理邹教授作为班主任用心、用情、用智慧，使班级德育课程
  • 20180924 中秋 沈宽儿
    这个中秋的傍晚阵雨过后的清凉静坐在行人穿梭的地方听喷泉汩汩流声看孩童奔跑嬉闹家暂在心房一旁街灯初上圆月无望绿植失去光芒大红灯笼交映成殇
  • 中原焦点团队网络初级第30期 杨明霞分享第16天 54dea169dd4d
    昨天晚上参加了焦点学习的第三次课，每次课都有不一样的收获和感悟。1.不带情绪做事情，或少点情绪做事。2.关注人不关注事。3.看似圆点都是新的起点。4.关注本身就是强化。5.关注资源，资源多了，短板就少了。6.要刻意练习才能掌握。7.关注白，扩大白，白多黑就少。8.了解他，尊重他，才能帮到他。云手三步1.接住接纳才有沟通，沟通才有合作，合作才有改变的机会。2.顺势后退是自身的修为，要允许当事人发泄情
  • 2019-11-11晨间日记 野老说史
    今天光棍节起床：6：05就寝：9：30天气：晴6～17℃心情：好纪念日：叫我起床的不是闹钟是梦想年度目标及关键点：本月重要成果：今日三只青蛙/番茄钟成功日志-记录三五件有收获的事务学风整顿散步财务检视人际的投入开卷有益-学习/读书/听书三焦，以横膈膜和肚脐为界中医把人体五脏六腑分成三个部分：上焦中焦和下焦。上焦主清应该升，下焦主浊应该降中焦运转健康与饮食今日步数：18693今日锻炼：10000今日
  • CAS中的ABA问题
    一、什么是CAS?CAS（compareandset）操作是多线程环境处理并发的原子操作，更新一个值前先比较，如果与预期值一样则更新，否则失败。CAS底层是通过汇编层面的原语调用cpu指令实现的，同时结合了内存屏障，具体依赖CPU的指令，如cmpxchg指令（X86架构）二、什么是ABA问题？现有线程t1和线程t2，共享变量str="A"①首先读取str，那么t1中缓存值为A，t2中缓存值也为A，
  • 初识linux（一）：全面了解linux目录结构&基础操作指令详解 whelloworldw linux系统编程linux运维服务器
    今天小风将带着大家进行有关liunx部分章节的学习，由于是第一节初识linux部分的内容，所以内容理解起来并不会太过困难。在本篇博客中，小风将向大家具体讲解一下内容：初识Linux操作系统初识Xshell登录命令,简单了解一下操作系统基本概念使用常用Linux命令，了解linux系统目录结构和访问方式一、初识linux操作系统1.linux发展史1991年10月5日，赫尔辛基大学的一名研究生Lin
  • 单例模式的设计与实现 寒士obj Java单例模式java
    文章目录一、不安全的单例模式二、线程安全的单例模式1.同步方法2.静态内部类3.枚举：最安全的实现方式单例模式可能是我们在开发中用得最多的设计模式之一，但要在多线程环境下正确实现单例模式却不是那么简单。今天我们就来看看如何正确地实现线程安全的单例模式。一、不安全的单例模式在单线程环境下，实现单例模式很简单，但在多线程环境下就不安全了，可能会出现多个线程同时创建实例的情况，这就违背了单例模式的初衷。
  • GEV/POT/Markov/点过程/贝叶斯极值全解析；基于R语言的极值统计学
    极值统计学就是专门研究自然界和人类社会中很少发生，然而发生之后有着巨大影响的极端现象的统计建模及分析方法；在水文、气象、环境、生态、保险和金融等领域都有着广泛的应用。专题一、独立假设下的极值统计建模主要内容包括：1.广义极值模型.2.极小值的处理.3.广义Pareto模型.4.第r大次序统计量建模.5.R语言中极值统计学包.6.实例操作1-2.(提供案例数据及代码)专题二、平稳时间序列的极值统计建
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 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
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他