胖鹅68
胖鹅68

Vue 的provide 和 inject使用（组件是嵌套关系，但是并不是父子关系）

文章目录

    • 文章参考
    • 问题描述
    • 官方案例
      • 问题描述说明？
      • 解决思路
    • 如何理解 provide 和 inject
    • 使用场景
    • API 使用说明
      • provide：Object | () => Object
        • 值是对象
        • 值是一个function返回对象
      • inject：Array | { [key: string]: string | Symbol | Object }
        • 数组接收父组件的provider
        • JSON对象接收
        • 设置默认值使其变成可选项
    • 例子
      • Vue-cli脚手架中使用
      • HTML页面中使用

文章参考

  1. vue中provide和inject使用
  2. Vue官网-依赖注入
  3. Vue 依赖注入 - Provide/Inject
  4. provide-inject API 官网例子

问题描述

  1. 在工作中，发现 一个组件中添加一个添加搜索按钮的属性，就会影响到另外一个搜索的组件，这两个组件同时被一个“布局”组件包裹，不管我怎么控制相关的属性，都没有办法让搜索内容显示出来，最后查看了源码，了解到了使用的技术点 —— inject 和 provider

官方案例

看了很多网上的博客，场景应用大部分都形容的不怎么贴切，我个人更喜欢官网的例子

<google-map>
  <google-map-region v-bind:shape="cityBoundaries">
    <google-map-markers v-bind:places="iceCreamShops">google-map-markers>
  google-map-region>
google-map>

问题描述说明？

  1. 和 这两个组件都需要依赖 gooogleMap 实例对象
  2. 而gooogleMap 实例对象是在 组件中的
  3. 与 （ ）这两个组件是嵌套关系，但是并不是父子关系
  4. 问题是如何把这个实例对象传递给嵌套在里面两个组件中去呢？

解决思路

  1. 把gooogleMap 实例对象 放到他们共用的父组件中，然后通过父组件传递给子组件
  2. 使用Vuex存储 googleMap对象
  3. 使用provide 和 inject； 也是我们今天要学习的内容

如何理解 provide 和 inject

  1. provide 选项允许我们指定我们想要提供给后代组件的数据/方法
  2. 使用 inject 选项来接收指定的我们想要添加在这个实例上的 property

个人理解：

就是说在组件中定以了一个provide属性，提供当前组件中的某些数据或者方法，组件的 children 节点组件使用inject方式就能获取到提供provide的数据或者方法，类似于React中的Provider 和 Consumer

使用场景

组件是嵌套关系，但是并不是父子关系

API 使用说明

provide：Object | () => Object

值是对象

export default {
  ...
  // 父级组件提供 'foo'
  provide: {
    foo: 'bar'
  }
}

值是一个function返回对象

export default {
  ...
  provide: function () {
    return {
      screenContext: this
    }
  }
}

inject：Array | { [key: string]: string | Symbol | Object }

数组接收父组件的provider

// 子组件注入 'foo'
export default {
  inject: ['foo'],
  created () {
    console.log(this.foo) // => "bar"
  }
  // ...
}

JSON对象接收

export default {
  inject: { 
	foo: "foo"
  },
  // ...
}

设置默认值使其变成可选项

如果它需要从一个不同名字的 property 注入，则使用 from 来表示其源 property

export default {
  inject: {
    foo: {
      from: 'bar',
      default: 'foo'
    }
  }
}

例子

Vue-cli脚手架中使用

  1. provider 提供数据给子组件
export default {
  name: 'Screen',
  provide: function () {
    return {
      screenContext: this // 把当前Vue对象提供给所有子组件可以访问
    }
  },
}
  1. 子组件使用inject 接受父组件传递的值
export default {
  inject: {
    screenContext: {
      from: 'screenContext'
    }
  },
  methods: {
    createLineChart () {
      this.screenContext.selectCreateTime = 'fghjkl' // 直接改变父组件的值
    }
  }
}

HTML页面中使用


<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>provide + injecttitle>
  <script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js">script>
head>
<body>
  <div id="app">div>
body>
html>

<script>
  Vue.component('A', {
    template: `
      

        
      

    `,
    provide: {
      msg: '1234124'
    }
  })
  Vue.component('B', {
    template: `
      

        
        {{ this.msg }}
        
      

    `,
    provide: {
      msg: '42341234',
      name: 'asdasda'
    },
    inject: ['msg'],
  })

  Vue.component('C', {
    template: `
      

        
        {{ this.xingming }}
        {{ this.msg }}
      

    `,
    inject: {
      xingming: { // 给变量重命名
        from: 'name',
        default: ''
      },
      msg: {
        from: 'msg',
        default: ''
      }
    },
    data() {
      return {
      }
    },
  })
  var app=new Vue({
    el: '#app',
    template: `
      
    `
  });
script>
  1. inject定以的数据使用 this.名 方式调用，例如 this.msg
  2. this.xingming 重新定义了变量，但是值是从父组件定义的 msg 名字的值

运行结果：
在这里插入图片描述

你可能感兴趣的:(Vue2.x,vuex,iview,vux)

  • 前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）
    开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue
  • iOS渠道跟踪 3中方案的利弊（干货） 邂逅阳光
    总的来说有三种方案（1、2点算一条）1、使用SFSafariViewController来获取safari内的cookie，后来发现ios11之后是获取不到的，这一方案只适用于（ios9~ios11以下）2、ios11之后SFAuthenticationSession代替了SFSafariViewController共享cookie，但SFAuthenticationSession是OC语言的一个
  • iOS 解决 veiw 之间 因为父view alpha 等于0 导致全部透明的问题 村雨灬龑
    首先先看一段代码，矛盾的起因，因为父view的alpha=0,而又想让子view能够显示出来，不受父view的alpha=0的影响。UIView*view=[[UIViewalloc]init];view.backgroundColor=[UIColorredColor];//因为下面的label没有显示是因为父view的alpha=0view.alpha=0;view.frame=CGRectM
  • Vue.js前端组件通信的多种方式解析 AI架构全栈开发实战笔记 前端大数据与AI人工智能前端艺匠馆前端vue.jsflutterai
    Vue.js前端组件通信的多种方式解析关键词：Vue.js、组件通信、props、事件总线、Vuex、provide/inject、Pinia摘要：在Vue.js的组件化开发中，组件通信是构建复杂应用的核心能力。本文将用“班级里的小喇叭”“家族传家宝”等生活化类比，从父子、兄弟到跨层级组件，一步步拆解Vue.js中8种主流通信方式的原理、使用场景与实战技巧，帮你彻底掌握组件通信的“十八般武艺”。背
  • HarmonyOS之UIAbility简介
    在HarmonyOS（尤其是版本5+的Stage模型）中，UIAbility是构建用户界面的核心组件，负责展示页面、管理界面生命周期，并与用户交互。以下是它的完整介绍1.什么是UIAbility？UIAbility是Stage模型下的组件类型，继承自Ability，是系统调度的基本单位。主要用于显示界面和处理用户交互，类似Android的Activity或iOS的UIViewController。
  • Vue开发常用库（含npm安装命令） yz123lucky vue.jsnpm前端
    Vue开发常用库（含npm安装命令）核心生态系统：VueRouter-官方路由管理器npminstallvue-router@4#Vue3npminstallvue-router@3#Vue2Pinia-新一代状态管理库npminstallpiniaVuex-传统状态管理库npminstallvuex@next#Vue3npminstallvuex#Vue2UI组件库：ElementPlus-Vu
  • iOS hitTest:withEvent: 豪冷
    前言处理自定义视图内超出视图范围的子视图事件重写#pragmamark---override-(UIView*)hitTest:(CGPoint)pointwithEvent:(UIEvent*)event{if(!self.isUserInteractionEnabled||self.isHidden||self.alpha<0.01){returnnil;}for(UIView*viewin[
  • Pinia 实战指南：Vue 3 状态管理的高效之道 做人不能太高调 vue.js前端javascript
    1.给我来个系统学习Pinia的大纲学习Pinia作为Vue.js的状态管理库，可以按照以下大纲来系统地进行学习：1.Pinia入门Pinia简介什么是Pinia？Pinia是Vue3的官方状态管理库，是对Vuex的继承和改进。它通过提供更简洁和灵活的API，使得在Vue应用中管理全局状态变得更加容易。Pinia是专为Vue3设计的，基于CompositionAPI，允许开发者以更加模块化和简洁的
  • 2.1 UIView视图的基本使用 [iOS开发-Xcode教程] 互动教程网
    1.在欢迎窗口右侧的历史项目列表中，双击打开之前创建的单视图项目模板。image2.本节课将为您演示，如何创建最基本的视图对象。在此使用之前创建的空白项目，然后打开视图控制器的代码文件。image3.接着我们来一步步编写代码，在视图控制器的根视图里，添加两个视图对象。image4.初始化一个CGRect对象，它在屏幕上定义了一个矩形的显示区域。包含了对象的原点位置，和大小尺寸信息。image5.创
  • Kotlin泛型之 循环引用泛型（A的泛型是B的子类，B的泛型是A的子类）
    IDE(编辑器)报错循环引用泛型是我起的名字，不知道官方的名字是什么。这个问题是我在定义Android的MVP时提出来的。具体是什么样的呢？我们看一下我的基础的MVP定义：interfaceIPresenter{fungetView():V}interfaceIView{fungetPresenter():P}这里我定义了一个View和Presenter的接口，但是实际上这两个东西现在没什么关联。
  • 【前端vue3面试题】2024最新面试实录vue3(2)，最新前端大厂高频面试题
    *watch与watchEffect*provide与inject重构虚拟DOM,diff算法生命周期更名beforeDestroy改名为beforeUnmountdestroyed改名为unmounted//Vue3.0也提供了CompositionAPI形式的生命周期钩子，与Vue2.x中钩子对应关系如下：beforeCreate===>setup()created===>setup()bef
  • Vue 3 路由传参使用指南 Franciz小测测 vue.jsjavascript前端
    目录一、路由传参概述二、动态路由参数（params）2.1基础用法2.2传递参数2.3获取参数2.4可选参数2.5多个参数与正则约束2.6多params的详细用法多个可选参数的使用路由配置获取可选参数三、查询参数（Query）3.1特点与应用场景3.2传递参数3.3获取参数3.4保留当前查询参数四、命名视图传参五、props解耦（推荐方式）六、状态管理（Pinia/Vuex）6.1使用Pinia示
  • 苹果UI 设计 蒙小萌1993 uicocoamacos
    不同平台不同框架以下是对iOSUIKit核心组件（AppDelegate、UIWindow、UIViewController、UIView、UINavigationController）的深度解析，依据Apple官方文档的设计哲学和实现原理：核心组件关系与架构或者通常为点击手机应用图标UIApplicationAppDelegateUIWindowrootViewControllerUITable
  • (05-29) textView和textField设置光标后移 shushuzhen
    //这里设置光标位置，让光标位置后移10textField.leftView=[[UIViewalloc]initWithFrame:CGRectMake(0,0,10,0)];textField.leftViewMode=UITextFieldViewModeAlways;//这里设置光标位置，让光标位置后移10textView.textContainer.lineFragmentPadding
  • Django Rest Framework 视图和路由 Matrix 工作室 从源代码学Python
    DRF的视图APIView我们django中写CBV的时候继承的是View，rest_framework继承的是APIView，那么他们两个有什么不同呢urlpatterns=[url(r'^book$',BookView.as_view()),url(r'^book/(?P\d+)$'
  • Vue前端面试常问问题详解 GISer_Jinger Vuevue.js前端面试
    在Vue面试中，面试官通常会考察候选人对Vue核心概念、原理和实践的理解。以下是一些常见的Vue面试问题及详细解答：1.Vue的响应式原理是什么？Vue的响应式系统基于**Object.defineProperty()**实现（Vue2.x），核心原理如下：当一个Vue实例创建时，Vue会遍历data选项中的所有属性，使用Object.defineProperty()将这些属性转换为getter/
  • 教你如何用 localStorage+Vue 状态管理玩转数据持久化！
    收藏点赞关注不迷路！教你如何用localStorage+Vue状态管理玩转数据持久化！在Vue项目中，我们经常使用状态管理（如Vuex或Pinia）来管理用户登录状态、主题、页面设置等全局数据。但很多朋友会遇到一个问题：“我刷新页面之后，状态就丢了啊！”这时候，localStorage就是你的好搭档！它能让你在用户刷新页面或关闭浏览器后，还能保留关键数据。今天我们就来聊聊：如何优雅地将localS
  • Vue3 进阶-Mitt 库实现全局事件总线 风清扬雨 前端Vue3vue.jsjavascriptecmascript
    大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何用mitt库实现全局事件总线！如果你在项目中需要跨组件通信，但又不想用Vuex或Pinia这种重量级的状态管理工具，那么mitt绝对是你的最佳选择！话不多说，直接开整～什么是mitt？mitt是一个极简的事件总线库，只有20行代码，体积非常小（1kb左右），非常适合用于轻量级的事件监听和分发场景。它的核心功能就是通过订阅-发布模式来实现组件间
  • 前端技术博客汇总文档 长路 ㅤ    文章目录汇总前端技术HTML5CSS3JavaScriptVue.js
    文章目录前言前端技术博客汇总链接基础知识点HTMLCSSJavaScript基础语法ES6语法扩展知识点Ajax&Fetch与跨域请求Canvas模块化WebpackNode.jsvite框架与实战VueVue.jsVue-routerVuexvue-cli(脚手架)微信小程序性能提升开源生态组件使用资料获取前言博主介绍：✌目前全网粉丝4W+，csdn博客专家、Java领域优质创作者，博客之星、阿
  • Wizard全栈开发框架：轻松构建企业级应用 GISer_Jinger 前端基础前端javascript
    Wizard全栈开发框架详解Wizard是一个现代化的全栈开发框架，旨在简化企业级应用的开发流程，提供从前端到后端的完整解决方案。一、核心架构前端架构UI层：支持React、Vue等主流框架状态管理：集成Redux、Vuex等方案API客户端：自动生成类型安全的API调用代码生成器：基于模板自动生成页面组件后端架构Web服务器：支持Express、SpringBoot等多种实现ORM：内置多数据库
  • 基于迁移学习的多视图卷积神经网络在乳腺超声自动分类中的应用 despacito, 论文精读-乳腺超声分类
    BREASTCANCERCLASSIFICATIONINAUTOMATEDBREASTULTRASOUNDUSINGMULTIVIEWCONVOLUTIONALNEURALNETWORKWITHTRANSFERLEARNINGYIWANG,*,1EUNJUNGCHOI,y,1YOUNHEECHOI,*HAOZHANG,*GONGYONGJIN,yandSEOK-BUMKO*TAGGEDEND*De
  • drawRect 触发时机
    在iOS开发中，**UIView**的**drawRect:**方法（或其底层**CALayer**的绘制）的触发时机是由系统控制的，开发者不能直接调用这些方法。以下是触发视图绘制的完整机制：一、核心触发时机1.视图首次显示当视图被添加到视图层级时：[self.viewaddSubview:customView];//触发首次绘制2.显式标记需要重绘调用以下方法强制重绘：//标记整个视图需要重绘[
  • UIView和CALayer是啥关系 有没有人告诉你
    1.首先UIView可以响应事件，Layer不可以.UIKit使用UIResponder作为响应对象，来响应系统传递过来的事件并进行处理。在UIResponder中定义了处理各种事件和事件传递的接口。UIApplication、UIViewController、UIView、和所有从UIView派生出来的UIKit类（包括UIWindow）都直接或间接地继承自UIResponder类。CALaye
  • 高效的在Vue3中使用Vuex 苹果醋3 面试题汇总与解析nginx运维javaspringbootmysql
    前言我们都知道，vuex的使用在项目中颇为繁琐，因为它有几大概念使得它不能像普通ref或者data对象一样直接被我们使用，在我们想要更改vuex中的数据时，我们需要通过mutation来进行提交，获取vuex中存储的变量的时候，我们又需要通过computed属性来进行声明，试想，如果项目足够庞大，那么我们使用vuex的负担就过于重了，这违背了我们使用状态管理的本意。问题的提出首先，我们需要明确，我
  • vue中ajax同步_Vue 同步异步存值取值实现案例 小樱茉莉 vue中ajax同步
    1.vue中各个组件之间传值1.父子组件父组件–>子组件，通过子组件的自定义属性：props子组件–>父组件，通过自定义事件：this.emit(′事件名′,参数1,参数2,...);2.非父子组件或父子组件通过数据总数Bus，this.root.$emit(‘事件名',参数1,参数2,…)3.非父子组件或父子组件更好的方式是在vue中使用vuex方法1:用组件之间通讯。这样写很麻烦，并且写着写着
  • 低代码平台架构设计 LINGYI_WEN 低代码前端开发语言
    1.整体架构概述1.1技术栈选择前端：React+Redux/Vue+Vuex后端：Node.js+Express/SpringBoot数据库：MySQL/PostgreSQL/MongoDB云服务：AWS/Azure/GoogleCloud容器化：Docker+Kubernetes1.2模块划分前端模块：可视化编辑器：用于拖拽和配置组件预览器：实时预览页面效果发布器：将设计好的页面发布到生产环境
  • Django REST framework - 缓存 djangopython
    一位女性有着非常敏锐的意识，但几乎没有记忆力……她的记忆力足以工作，而且她工作很努力。——莉迪亚·戴维斯RESTFramework中的缓存与Django提供的缓存工具配合得很好。在APIView和ViewSet中使用缓存Django提供了一个method_decorator，用于在基于类的视图中使用装饰器。这可以与其他缓存装饰器一起使用，如cache_page、vary_on_cookie和var
  • Django REST framework - 视图 pythondjango
    类视图Django的类视图是一种令人欢迎的创新，摒弃了旧式的视图风格。—ReinoutvanReesRESTframework提供了一个APIView类，该类继承自Django的View类。与普通的View类相比，APIView类具有以下不同之处：传递给处理方法的请求将是RESTframework的Request实例，而不是Django的HttpRequest实例。处理方法可以返回RESTfram
  • vue面试题整理1 weixin_42339193 vue.js前端javascript
    一、基础概念题1、Vue响应式原理是什么？如何检测数组变化？Vue的响应式原理主要是通过使用JavaScript的对象属性访问器（getters和setters）、依赖收集（dependencytracking）以及异步更新策略来实现的。以下是其核心概念：数据劫持/代理：Vue2.x使用Object.defineProperty方法将数据对象的所有属性转换为getter/setter形式。当属性被
  • Vue2案例 尔-尔 学习笔记vue前端
    一、自定义创建项目1、基于VueCli自定义创建项目Babel/Router/Vuex/CSS/LinterVue2.xVueRouterhash模式CSS预处理LessESlint:StandardconfigLintonSaveIndedicatedconfigfiles(配置文件所在位置)Npm2、ESlint代码规范1.认识代码规范代码规范:一套写代码的约定规则。赋值符号的左右是否需要空格
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他