影麟
影麟

Vue 2 访问元素和组件

通过Vue 2 组件基础一文的学习，我们知道组件之间可以通过传递props或事件来进行通信。

但在一些情况下，我们使用下面的方法将更有用。

1.访问根实例

根实例可通过this.$root获取。

我们在所有子组件中都可以像上面那样访问根实例，它就像一个vuex中的全局store。

这样我们可以在根实例上定义方法和属性，这些方法和属性可以在所有组件中访问。

根实例也可以用作事件总线，你可以触发根实例上的自定义事件，在其他组件上监听这些事件以进行通信。一个示例如下：

DOCTYPE html>
<html>

<head>
    <title>Vue 事件总线title>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js">script>
head>

<body>
    <div id="app">
        <button @click="sendMessage">Send Message By Rootbutton>
        <child-component>child-component>
    div>
    <script>
        //  注册组件
        Vue.component('child-component', {
            data: function () {
                return {
                    childMessage:'childMsg'
                }
            },
            template: 
            `
            

                
Message in ChildComponent：{{childMessage}}

            

            `,
            created(){
                //通过 this.$root 监听`message-sent`事件
                this.$root.$on('message-sent',message=>{
                    this.childMessage=message
                })
            }
        });
        var vm = new Vue({
            el: '#app',
            data:{
                message:'rootMsg'
            },
            methods:{
                sendMessage(){
                    //在根实例上触发自定义事件'message-sent'
                    this.$emit('message-sent',this.message)
                }
            }
        });
    script>
body>

html>
<script>

Vue 2 访问元素和组件_第1张图片

2.访问父组件实例、访问子组件实例或子元素

之前我们可以通过传递prop来达到 子组件访问父组件实例 或者称为 父组件向子组件传值 的目的。

现在我们可以使用$parent property来访问父级组件实例。

之前我们也通过触发自定义事件传递抛出值的方式来访问子组件实例。

同样的，我们可以通过ref attribute为子组件或子元素添加一个ID引用。

<child-component ref="child">child-component>

于是可以使用this.$refs.child来访问子组件实例。

通过ref引用子组件示例：

DOCTYPE html>
<html>

<head>
    <title>Vue ref 示例title>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js">script>
head>

<body>
    <div id="app">
        <button @click="toggleColor">Toggle Colorbutton>
        <p :style="{ color: textColor }">This text color can be toggled.p>
        <child-component ref="childRef">child-component>
    div>
    <script>
        // 子组件
        Vue.component('child-component', {
            template:
                `
            

                
This is a child component.

            

            `,
            methods: {
                sayHello() {
                    console.log('Hello from child component!');
                }
            }
        });

        var vm = new Vue({
            el: '#app',
            data: {
                textColor: 'black',
                isChildVisible: true
            },
            methods: {
                toggleColor() {
                    this.textColor = this.textColor === 'black' ? 'red' : 'black';
                    // 通过 ref 访问子组件实例中的方法
                    this.$refs.childRef.sayHello();
                }
            }
        });
    script>
body>

html>

Vue 2 访问元素和组件_第2张图片

3.依赖注入

不管是this.$parent、this.$refs，都可能会陷入深层嵌套的风险，我们可能会通过this.$parent.$parent.$parent来访问上层某个组件实例。这无疑是不合理的。

针对较深层级的组件访问，Vue设计了依赖注入的模式。它允许我们将一个依赖注入到某个组件里，以便组件可以访问这个依赖而不需要显示传递它。这对于共享全局配置或服务非常有用，例如国际化（i18n）配置、数据请求服务等。

具体的，我们通过在父组件provide选项提供依赖，然后在子组件的inject选项注入依赖。

示例：

//在父组件中
provide:{
	userSevice:new UserService()
}

//在子组件中
inject:['userService'],
created(){
    this.userService.doSomething()
}

为什么我们不使用$root实现这种方案呢？我认为，依赖注入适合小范围的配置共享，而全局共享则适用于$root。

你可能感兴趣的:(前端,vue,2,访问根实例,访问子元素,访问子组件,访问父组件)

  • Vue2实现上传图片到阿里云的OSS对象存储 秋意钟 javascript
    在Vue2项目中，将图片上传到阿里云的OSS（对象存储）需要几个步骤，包括配置阿里云OSS、获取上传凭证、在前端进行上传操作等。以下是一个详细的实现步骤：1.配置阿里云OSS首先，你需要在阿里云OSS上创建一个存储桶（Bucket），并配置好相关的权限。2.后端获取上传凭证由于直接暴露OSS的AccessKeyID和AccessKeySecret到前端是不安全的，所以需要通过后端服务器来获取一个临
  • 华为OD机试E卷 - 计算面积/绘图机器（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试java华为odpythonc语言c++javascript华为OD机试E卷
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述绘图机器的绘图笔初始位置在原点(0,0)机器启动后按照以下规则来进行绘制直线。1.尝试沿着横线坐标正向绘制直线直到给定的终点E2.期间可以通过指令在纵坐标轴方向进行偏移，offsetY为正数表示正向偏移,为负数表示负向偏移给定的横坐标终点值E以及若干条绘制指令，请计算绘制的直线和横坐标轴以及x=E的直线组成的图形面积。
  • Java21 正则表达式 空灵宫（Ethereal Palace） Java正则表达式
    在Java21中，正则表达式主要通过java.util.regex包提供支持，其核心组件包括Pattern、Matcher和String类中自带的方法（如replaceAll和matches）。以下是关于正则表达式在Java21中的详细介绍及一些新的特性或用法。核心组件1.Pattern类Pattern是正则表达式的编译表示形式。使用Pattern.compile(Stringregex)编译正则
  • 三款顶级开源RAG (检索增强生成)工具：Verba、Unstructured 和 Neum XianxinMao 人工智能自然语言处理RAG
    三款顶级开源RAG(检索增强生成)工具：Verba、Unstructured和Neum概述随着企业对话式数据处理需求的提升，面临的挑战是数据隐私性和缺乏企业级解决方案。虽然类似LangChain能在短时间内构建RAG应用，但忽视了文档解析、多来源数据ETL、批量处理、访问控制等问题。此文评估了三款开源RAG工具的潜力，专为生产环境设计。Verba：理想的RAG选择Weaviate提供的Verba项
  • 中文绿色版，吊打付费！永久免费至2999年！ Ag大雨 windows
    今天分享给大家一款吾爱大佬开发的神级软件美蛋工具箱美蛋多功能工具箱是一款综合性的电脑工具箱软件，它集成了多种实用工具，覆盖了图片、视频、文档、音频处理以及办公辅助等多个方面。软件界面简洁直观，易于操作，即使是电脑新手也能快速上手。软件功能图片处理：提供图片编辑、格式转换、图片压缩、批量转换等功能。此外，还有图片转ICO功能，大家可以将普通图片转换成图标文件，用于软件或网站的图标设计。视频处理：支持
  • Java数据结构-栈 万派瑞尔 java数据结构开发语言
    目录1.栈的概念2.栈的实现2.1顺序栈2.2链式栈3.栈的应用3.1栈的使用3.2括号匹配3.3逆波兰表达式求值3.4出栈入栈次序匹配3.4最小栈1.栈的概念栈是一种顺序结构，只允许在一端进行插入和删除，插入删除的一端叫栈顶，另一端叫栈底。栈是一种先进后出（后进先出）的数据结构。插入数据的操作叫入栈，删除数据的操作叫出栈。2.栈的实现栈的实现有两种，一种是顺序栈，底层是数组；另一种是链式栈，是用
  • QT —— "model/view" 使用帮助 Jecklin_online QTcqtmodelviewdelegate
    （一）Model/View结构Model-View-Controller(MVC)，是从Smalltalk发展而来的一种设计模式，常用于创建用户界面。MVC包含3个组件：Model:应用对象，用来表示数据View:模型的用户界面，用来显示数据Controller:定义了用户界面对用户输入的反应方式Delegate(委托)：为了对用户输入进行灵活处理被引入，用于定制数据的渲染和编辑方式其中，模型与数
  • 基于 WeChatFerry 的 Python 机器人框架WeChatRobot 云樱梦海 python机器人微信机器人
    WeChatRobot一个基于WeChatFerry的Python机器人框架。微信机器人，接入Gemini、ChatGPT、ChatGLM、讯飞星火、Tigerbot；成语接龙、天气预报、新闻摘要、定时任务克隆项目：gitclonehttps://github.com/lich0821/WeChatRobot.git安装pyenv-win用于创建管理python虚拟环境最简单的方法是在PowerS
  • 微软Edge浏览器的辅助功能设置：提升用户体验的指南 2402_85758936 microsoftedgeux
    引言微软Edge浏览器不仅提供了现代化的浏览体验，还特别关注了不同用户群体的访问需求，包括残障人士。Edge浏览器内置了一系列辅助功能，旨在帮助所有用户更便捷地访问网络内容。本文将详细介绍如何在Edge浏览器中启用和配置辅助功能。辅助功能的重要性辅助功能对于确保残障用户能够无障碍使用网络资源至关重要。这些功能可能包括屏幕阅读器支持、高对比度模式、文字放大等，以适应不同用户的视觉、听觉和操作需求。E
  • 高级Python Web开发：FastAPI的前后端集成与API性能优化 Switch616 PythonWebpython前端fastapi性能优化开发语言数据库
    高级PythonWeb开发：FastAPI的前后端集成与API性能优化目录️前后端集成的基本原理与实践FastAPI的API设计与实现API性能测试与负载测试使用Locust进行API性能测试使用ApacheJMeter进行API性能测试自动化性能测试用例与性能瓶颈分析编写性能测试用例性能瓶颈的定位与分析1.️前后端集成的基本原理与实践在现代Web开发中，前后端分离已成为主流架构。前端与后端通过A
  • 华为OD机试E卷 --找终点--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptpythonc语言
    文章目录题目描述输入描述输出描述用例JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述给定一个正整数数组，设为nums，最大为100个成员，求从第一个成员开始，正好走到数组最后一个成员，所使用的最少步骤数。要求:1.第一步必须从第一元素开始，且1<=第一步的步长
  • 《盘古大模型——鸿蒙NEXT的智慧引擎》 人工智能深度学习
    在当今科技飞速发展的时代，华为HarmonyOSNEXT的发布无疑是操作系统领域的一颗重磅炸弹，其将人工智能与操作系统深度融合，开启了智能新时代。而盘古大模型在其中发挥着至关重要的核心作用。赋予小艺智能助手超强能力在鸿蒙NEXT中，盘古大模型赋予了小艺智能助手更强的记忆、推理和规划能力，使其能够支持23类常用记忆类型，掌握万亿token的知识量。基于盘古大模型，小艺可以实现诸如将带有表格的图片转化
  • [Mac + Icarus Verilog + gtkwave] Mac运行Verilog及查看波形图 Xminyang MacVerilogHDLmacosverilog
    目录1.MAC安装环境1.1IcarusVerilog编译1.2gtkwave查看波形2.安装遇到的问题2.1macOScannotverifythatthisappisfreefrommalware2.2gtkwave-binisnotcompatiblewithmacOS14orlater3.运行示例3.1源代码3.2编译Verilog3.3生成.vcd文件3.3查看波形3.4脚本运行参考1.
  • Transformer 架构对比：Dense、MoE 与 Hybrid-MoE 的优劣分析 XianxinMao transformer架构深度学习
    1.LLM基础架构类型DenseTransformerMoE(MixtureofExperts)TransformerHybrid-MoETransformer2.Transformer按照编码方式分类单向自回归模型(如早期GPT系列)双向模型(如BERT)编码器-解码器模型(如BART,T5)DenseTransformerDenseTransformer的优势是什么DenseTransform
  • 附原文 |《2024年漏洞与威胁趋势报告》深度解读 漏洞
    在信息技术飞速发展的当下，网络安全已然成为全球瞩目的焦点。安全极客社区精心译制的《2024年漏洞与威胁趋势报告》明确指出，2023年堪称网络安全领域的重要分水岭。这一年，新发现漏洞的数量出现了前所未有的增长态势，其中高危或严重级别的漏洞占比高达一半，漏洞利用的时间线显著缩短，然而平均修复时间却过长。金融服务、制造业以及公用事业等行业面临的网络威胁愈发严峻，首席信息安全官所承担的法律责任也日益加重。
  • 06 SpringBoot 配置文件详解-application.yaml KinMan谨漫 springbootjavaspring
    SpringBoot提供了大量的自动配置，极大地简化了spring应用的开发过程，当用户创建了一个SpringBoot项目后，即使不进行任何配置，该项目也能顺利的运行起来。当然，用户也可以根据自身的需要使用配置文件修改SpringBoot的默认设置。SpringBoot默认使用以下2种全局的配置文件，其文件名是固定的。application.propertiesapplication.ymlapp
  • 智算中心建设热潮涌动 AI服务器赋能加速 数据中心
    在数字化浪潮汹涌的今天，人工智能新技术新发展日新月异。智算作为数字经济时代的新生产力，正逐步成为推动经济社会高质量发展的新引擎。智算中心：算力时代的“新基建”近年来，随着人工智能技术的迅猛发展和广泛应用，智能算力需求持续爆发，推动了智算中心的快速发展。2022年，随着国家“东数西算”工程启动，我国算力地图正式开始，形成八大枢纽、十大算力中心集群。据中国电信研究院发布的《智算产业发展研究报告（202
  • ACL 2024 | 美团技术团队精选论文解读 美团算法人工智能
    本文精选了美团技术团队被ACL2024收录的4篇论文进行解读，论文内容覆盖了训练成本优化、投机解码、代码生成优化、指令微调（IFT）等技术领域。这些论文是美团技术团队跟高校、科研机构合作的成果。希望能给从事相关研究工作的同学带来一些帮助或启发。ACL是计算语言学和自然语言处理领域最重要的顶级国际会议，由国际计算语言学协会组织，每年举办一次。据谷歌学术计算语言学刊物指标显示，ACL影响力位列第一，是
  • Java Arrays 方法详解 赔罪 Java系统学习java算法eclipse开发语言intellij-ideajava-eeArray方法详解
    目录1.JavaArrays.fill()方法详解2.JavaArrays.copyOf()方法详解3.JavaArrays.copyOfRange()方法详解4.JavaArrays.sort()方法详解1.sort(T[]a)2.sort(T[]a,intformIndex,inttoIndex)3.sort(T[]a,Comparatorc)(1)按第一维元素比较二维数组：(2)按第二维元素
  • iOS 保持界面流畅的技巧 风雨「83」 iOSiosobjective-cxcode
    一个非常经典的帖子，适合iOS中高级https://blog.ibireme.com/2015/11/12/smooth_user_interfaces_for_ios/
  • 华为数通HCIA(学习笔记) 想做运维大佬 华为数通(HCIA)笔记系列华为学习笔记
    2024-03-22重启华为数通学习计划由于工作原因，预计将在2024年6月30日之前完成HCIP的学习并通过HCIP的考试-在2025年6月30日前完成HCIE的学习并通过HCIE的考试此为学习笔记，实验笔记和试题笔记会分别更新到其他帖子中一、数据网络通信基础1.1专业名词LAN(LocalAreaNetwork)：局域网Ethrenet：以太网Campus：园区网VLAN(VirtualLAN
  • Ultralytics YOLOv8 英伟达™ Jetson®处理器部署 kuan_li_lyg 树莓派&JetsonYOLO机器人自动驾驶强化学习计算机视觉深度学习人工智能
    系列文章目录前言本综合指南提供了在英伟达Jetson设备上部署UltralyticsYOLOv8的详细攻略。此外，它还展示了性能基准，以证明YOLOv8在这些小巧而功能强大的设备上的性能。备注本指南使用SeeedStudioreComputerJ4012进行测试，它基于运行最新稳定JetPack版本JP5.1.3的NVIDIAJetsonOrinNX16GB。对于较
  • 链路测试tool之MTR详解 浅夏入秋^_^ 网络基础服务器网络运维
    背景当客户端访问服务端，使用ping命令出现不通或丢包时，可以使用mtr进行链路测试。测试方式正向链路测试（客户端-->服务端）反向链路测试（服务端-->客户端）工具简介MTR是一款网络诊断工具，它将ping和traceroute的功能合并，相对于traceroute只会做一次链路跟踪测试，mtr会对链路上的相关节点做持续探测并给出相应的统计信息。因此，mtr能避免节点波动对测试结果的影响，所以其
  • kali设置系统时间 浅夏入秋^_^ 渗透linux安全运维
    kali设置系统时间1、查看系统时间，发现时间不对┌──(root㉿kali)-[~]└─#date2022年05月29日星期日23:08:47EDT2、修改系统时间步骤：tzselect#依次选择Asia-China-BeijingTime-Yesecho"ZONE=Asia/Shanghai">>/etc/sysconfigrm-f/etc/localtime#链接到上海时区文件ln-sf/u
  • IP地址之网络位和主机位 浅夏入秋^_^ 网络运维网络配置部署运维
    IP地址之网络位和主机位-----------------192.168.1.011000000101010000000000100000000IP地址11111111111111111111111100000000掩码11000000101010000000000100000000192.168.1（网络位）IP地址和子网掩码进行与运算，得到对应的网络位。IP地址分为ABCDE5类A类：0.0.
  • linux tcp_nodelay,仔细看参数--NGINX之tcp_nodelay 投机启示录 linuxtcp_nodelay
    一、知识准备●在nginx优化中有个经常需要设置的参数，tcp_nodelay●该参数最核心的功能，就是把小包组成成大包，提高带宽利用率也就是著名的nagle算法●tcp协议中，有一个现象：应用层数据可能很低(比如1个字节)，而传输层开销有40字节(20字节的IP头+20字节的TCP头)。这种情况下大部分都是控制包的传输，既加大了带宽的消耗，带宽利用率也不高●nagle算法就是为了解决这个问题。在
  • linux 监控 开源软件,利用开源软件打造Linux应用软件平台之监控子系统 呆呆小逗比 linux监控开源软件
    它山之石，可以攻玉。监控子系统是每一个高级应用软件平台必不可少的一个子系统，这个子系统应具备的基本功能包括：各进程的运行状态，系统资源的占用状况，重要配置文件的改变情况，重要目录的异动，常用服务的对外提供情况等。一种可行的实现方法是自己写一大堆的脚本，然后加入crond服务去定时做这些监控,另一条捷径是利用开源软件Monit。本文介绍如何利用Monit去快速构建一个具备上述功能的软件平台的监控子系
  • 华为OD机试2024年E卷-最长连续交替方波信号[200分]（ Java | Python3 | C++ | C语言 | JsNode | Go）实现100%通过率 梅花C 华为OD题库华为od
    题目描述输入一串方波信号，求取最长的完全连续交替方波信号，并将其输出，如果有相同长度的交替方波信号，输出任一即可，方波信号高位用1标识，低位用0标识如图：说明：一个完整的信号一定以0开始然后以0结尾，即010是一个完整的信号，但101，1010，0101不是输入的一串方波信号是由一个或多个完整信号组成两个相邻信号之间可能有0个或多个低位，如0110010，011000010同一个信号中可以有连续的
  • 假新闻检测论文（24）A comprehensive survey of multimodal fake news detection techniques... weixin_41964296 假新闻检测自然语言处理
    本文综述了利用深度学习架构和注意力机制进行假新闻检测的最新和全面的研究一介绍假新闻定义：虚假或误导性新闻，或“假新闻”，是任何捏造或故意欺骗的媒体内容。假新闻危害：它可以被利用来操纵公众情绪，传播错误信息，甚至干预政治选举。它的主要目的是扭曲、欺骗或操纵个人的信仰和观点。假新闻的形式（类型）：虚假信息在媒体上传播的形式多种多样，包括讽刺、谣言、点击诱饵、错误信息等。讽刺作品通常充满幽默，用来强调特
  • 《CPython Internals》阅读笔记：p221-p231 python
    《CPythonInternals》学习第12天，p221-p231总结，总计11页。一、技术总结无。二、英语总结(生词：2)1.atatimeidiom.separately(单独地)inthespecifiedgroups(一次)。示例：(1)Icanonlydoonethingatatim(我一次只能做一件事)。(2)Wecarriedtheboxestwoatatimeupthestair
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他