胖鹅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)

  • (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.认识代码规范代码规范:一套写代码的约定规则。赋值符号的左右是否需要空格
  • UIKit框架使用总结--看看你掌握了多少 CCCCCC1990 ui
    一、经常使用的，基本就是每次项目迭代都需要使用的UIView、UILabel、UIImage、UIColor、UIFont、UIImageView、UITextField、UIButton、UIScrollView、UITableView、UITableViewCell、UICollectionView、UICollectionViewCell、UITextView、UIViewControlle
  • 钉钉小程序框架引入 Pinia 状态管理
    上一篇文章描述了如何使用其他手段实现路由守卫文章地址：钉钉小程序开发中实现路由守卫拦截-CSDN博客本文将深入探讨如何在基于这些技术栈的小程序项目中引入状态管理插件一、了解PiniaPinia是一个全新的Vue状态管理库，旨在替代Vuex成为Vue3应用程序中的首选状态管理解决方案。它提供了更加简洁的API和更好的TypeScript支持。通过结合使用UniApp、Vue3、TypeScript和
  • 【ElementUI】日期选择器时间选择范围限制 前端Joy姐 elementUI
    ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。单个输入框的组件代码：情景1:设置选择今天以及今天之后的日期data(){return{pickerOptions0:{disabledDate(time){returntime.g
  • 从vue-i18n来分析vue插件是如何工作的 weixin_34365635 javascriptuiViewUI
    故事背景vue-i18n是vue代码贡献量第二的vuecoreteam的一位日本小哥写的,虽是第三方插件,用起来心里也舒服.github里搜了vuei18n,结果有不少,有一些很粗糙的,甚至用jquery的lib都有六七十个star.(阻断吐槽).厉害的人明显在设计上代码上都高很多档次吧.今天的故事的主角repo是:vue-i18n与iView.在使用他们的时候报错了,查看了issue,在issu
  • Vuex-I18n 开源项目使用教程 虞耀炜
    Vuex-I18n开源项目使用教程vuex-i18nLocalizationpluginforvue.js2.0usingvuexasstore项目地址:https://gitcode.com/gh_mirrors/vu/vuex-i18n1.项目的目录结构及介绍Vuex-I18n是一个为Vue.js应用程序设计的国际化插件，它集成到Vuex中，使得状态管理与多语言支持紧密结合。以下是其基本的目录
  • Vue的专属老婆---Pinia
    一.Pinia1.Pinia概述Pinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供更简单的API（去掉mutation）提供符合组合式风格的API(和Vue3统一)去掉modules的概念，每个store都是独立模块搭配TypeScript一起使用提供可靠的类型推断//1.导入方法import{createPinia}from'pinia'//2.创建pinia实例con
  • Vue ⑨-Pinia 还会有机会吗 Vuevue.jsjavascript前端
    Pinia什么是PiniaPinia是Vue的最新状态管理工具，是Vuex的替代品。优点提供更加简单的API（去掉了mutation）提供符合，组合式风格的API（和Vue3新语法统一）去掉了modules的概念，每一个store都是一个独立的模块配合TypeScript更加友好，提供可靠的类型推断手动添加Pinia到Vue项目在实际开发项目的时候，关于Pinia的配置，可以在项目创建时自动添加现
  • Vue2中Vuex的五种核心状态管理详解：从State到Modules 上单带刀不带妹 Vue前端javascript开发语言vuevue.js
    目录一、为什么需要Vuex？二、Vuex核心概念图解编辑三、五种核心状态详解1.State：数据仓库2.Getters：计算属性3.Mutations：同步修改器4.Actions：异步操作5.Modules：模块化四、各概念关系总结五、最佳实践技巧结语一、为什么需要Vuex？当组件层级变深、兄弟组件需要共享数据时，传统的props/$emit和事件总线会变得难以维护。Vuex通过集中式存储管理应
  • 生成一个Vit+Vue项目 luanluan8888 vue.js前端javascript
    建立项目文件文件目录下cmd=>运行npmcreatevite@latest=>选择vue=>选择jsorts基础组件下载npminstallvue-router@4--savenpminstallelement-plus--savenpminstallvuex@next--savenpminstallmitt--save//组件通信npminstallaxiosnpminstallvite-pl
  • uniapp 读，写，删本地文件 不知名的前端专家 uni-app前端javascript
    写入{{count}}s读取删除import{mapState}from'vuex'exportdefault{data(){return{count:'',timer:null,resultdata:[]}},computed:{...mapState({token:state=>{returnstate.user?state.user.token:null},user:state=>{retu
  • 前端面试十之vuex 闲蛋小超人笑嘻嘻 前端
    Vuex是一个专为Vue.js应用程序设计的状态管理模式和库，它集中管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。以下是关于Vuex的详细介绍：1.核心概念State（状态）它是Vuex中存储状态的地方，类似于普通Vue组件的data选项。所有组件的状态都存储在Vuex的state中，组件通过mapState或直接从Vuex中读取状态。conststore=newVu
  • VUE vuex深入浅出 武昌库里写JAVA 面试题汇总与解析课程设计springbootvue.jslayui毕业设计
    image.png①state：定义初始数据。②mutations：更改Vuex的store中的状态的唯一方法是提交mutation③getters：可以对state进行计算操作，它就是store的计算属性虽然在组件内也可以做计算属性，但是getters可以在多给件之间复用如果一个状态只在一个组件内使用，是可以不用getters。④actions：异步操作初始数据，其实就是调用mutations里
  • iOS-开发小技巧 XR_Code ios开发小技巧ios开发uitableviewuiview
    在这里总结一些iOS开发中的小技巧，能大大方便我们的开发，持续更新。UITableView的Group样式下顶部空白处理//分组列表头部空白处理UIView*view=[[UIViewalloc]initWithFrame:CGRectMake(0,0,0,0.1)];self.tableView.tableHeaderView=view;获取某个view所在的控制器-(UIViewControl
  • 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其他