3.1 数据框来源 (1)用代码新建 (2)由已有数据转换或处理得到 (3)读取表格文件 (4)R语言内置数据 3.2 新建数据框(数据框是以列为单位组织的) 3.2.1 用代码新建 data.frame -2,-4)) 可以R中跑一次上面的代码看看,gene change score是列的名字,后面的代码是形成列的内容的代码。 > df1[,-ncol(df1)] # - 有反选的意思 3.5 数据框修改 #改一个格 > df1[3,3]<-5 > df1 #改一整列 > df1$score<- c(12,23,50,2 ","r2","r3","r4") #修改全部行名 > colnames(df1)[2] <-"CHANGE" #改一个列名,比如修改第二列的列名,就是修改【列明这个向量】的第二个元素 > merge(test1,test3,by.x="name",by.y="NAME") #但是要注意,一定要对应,test1是x,test3是y。
平时会留意一些开源组件,收藏到收藏夹里,然后一天mac电脑因为卸载window出问题导致不能不重装,然后里面的东西都没了,特别是适用于ionic2布局的angular2和普通js……so sad,现整理回一些并分享下 : 这里是组件篇,所以关于开源项目和插件的分别放在其它章,因为图片多会影响本文速度和美观,所以只放部分图。 提醒一点,ionic3除了很方便使用ionic2及以上组件外,也很方便引入angular2或普通js的组件。这里列的基本都是ionic2,如果没有,可以自行找angular2或js的。 组件库,可能和下面的有重复 awesome-ionic2-components ionic3-components 日历 ion2-calendar Ionic2-Calendar ionic2-date-picker ionic2Accordion 聊天 ionic3-chat ionic3chat ?
组件基础 实验介绍 为什么需要组件?组件是为了方面复用而产生的。 通过 Prop 向子组件传递数据 早些时候,我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话,它是没有办法使用的。 为了给博文组件传递一个标题,我们可以用一个 props 选项将其包含在该组件可接受的 prop 列表中: 在 src/main.js,我们再来定义一个全局组件: import { createApp } 监听子组件事件 在我们开发 <blog-title> 组件时,它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个辅助功能来放大博文的字号,同时让页面的其它部分保持默认的字号。 在组件上使用 v-model 自定义事件也可以用于创建支持 v-model 的自定义输入组件。
1.R包的安装图片option是设置图片1.R包安装和使用的逻辑:安装包-加载包-使用包里的函数2.用library()检查是否安装成功——唯一标准3.已经安装的包用::快速调用里面的函数4.常见疑问1 )没有error就忽略2)package not available包名写错;命令写错;R语言版本和包要求版本不同;包过时被剔除图片3)是否更新:建议选n,除非一直报错;不想回答安装命令参数:update require(stringr))install.packages("stringr")6.R包如何使用-获取帮助1) 快速查看函数帮助文档? sd 2)找R包介绍页面3)browsevignettes('') 在线教程7.补充常见的R语言符号图片中括号前是数据框或者矩阵两个中括号前是列表library括号里的是包文件名称出现在代码里,必然在实际参数的位置上带引号
形式参数由函数作者指定,使用者输入实际参数时可省略实际参数 函数的自定义 #自定义函数 cal = function(a,b,c = 2){(a+b)*c} #c=2为函数默认值 cal(1,2) cal(1,2,3) #函数默认值可更改 输出结果: R包的安装 R包库:CRAN、Bioconductor CRAN:R包默认的安装库 Bioconductor:生信相关的R包库 #设置CRAN和Bioconductor mirrors.tuna.tsinghua.edu.cn/CRAN/")) options(BioC_mirror="http://mirrors.ustc.edu.cn/bioc/") #CRAN安装R包 相当于library(BiocManager)和install() R包安装常见问题 package not available R包名输入错误 安装命令使用错误 R语言版本与R包要求不符(极少情况) R包过时,被作者删除 加载某一R包,报错提醒另一R包不存在 安装所需的依赖包 更新所有安装包 not writable / permission denied 权限问题,管理员方式打开Rstudio
DbUtils组件的主要作用是简化jdbc操作。 项目准备 1. 引入mysql驱动:mysql-connector-java-5.1.38-bin.jar 2. 引入jar文件 : commons-dbutils-1.6.jar 下载dbutils组件: http://commons.apache.org/proper/commons-dbutils/download_dbutils.cgi 类 QueryRunner类,位于org.apache.commons.dbutils包下,全名org.apache.commons.dbutils.QueryRunner QueryRunner类是组件的核心工具类 param) //描述:Execute an SQL INSERT, UPDATE, or DELETE query with a single replacement parameter. (3) This Connection must be in auto-commit mode or the update will not be saved. (3)public int update(String
组件注册 上一节实验中,我们大概了解了一下组件的基础,这一节实验我们要深入组件注册。 组件名字 我们在注册组件的时候,我们都会给组件起一个名字,就好像我们人的名字一样。 需要注意的是,我们的组件名字是有一些规范的,一般这种单文件组件,我们强烈推荐使用字母全小写且必须包含一个连字符,全部小写字母,单词使用中华线 - 隔开。 <slot></slot>
组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 每个 Vue 应用都是通过用 createApp 函数创建的,传递给 createApp 的选项用于配置根组件 注册后,我们可以使用以下方式来调用组件: <my-component-name></my-component-name> 一个简单的 Vue 组件的实例: 全局组件实例 注册一个简单的全局组件 runoob 全局注册的组件可以在随后创建的 app 实例模板中使用,也包括根实例组件树中的所有子组件的模板中。 (.vue 文件) 使用单文件组件能够更好地组织和管理 Vue 组件,一个组件通常由三部分组成:模板、脚本和样式。 sites: [ { id: 1, title: 'Google' }, { id: 2, title: 'Runoob' }, { id: 3,
}##a,b,m为形式参数;jimmy为函数名称;m的默认值为2;##大括号内为编写函数使用的代码;> jimmy(a = 1,b = 2)[1] 9> jimmy(1,2)[1] 9> jimmy(3,6 ,-2)[1] 0.01234568plot(iris[,1],col = iris[,5])plot(iris[,2],col = iris[,5])plot(iris[,3],col = iris[ #当一个代码需要复制粘贴三次,就应该写成函数或使用循环jimmy <- function(i){ plot(iris[,i],col=iris[,5])}jimmy(1)jimmy(2)jimmy(3) jimmy(4)安装R包多个函数打包存放包含函数,数据,帮助文档,描述文件等。 找到R包的使用规律R包的位置:CRANinstall.packages("tidyr")R包的位置:bioconducterBiocManager::install("ggplot2")R包的位置:githubdevtools
,把<button class="my-btn">{{ text }}</button>复制3份,确实可以,但是这是现在的代码量少,如果后面一个控件写了上百行,复制3份就显得太冗余。 团队协作:多人开发时可以分工开发不同组件,提高开发效率。 结构清晰:让项目层次分明,便于管理和扩展。 下面的页面,你想要细分就可以看成这些组件 3. 选项式 API(Options API)是 Vue 2 和 Vue 3 中常用的一种组件写法。 ):模版渲染阶段 // 挂载前:此时写在 template 下的标签还没有变成真实DOM,故⽽⽆法获取DOM beforeMount() { console.log('3- 4.1.2 组合式API生命周期钩子 组合式 API(Composition API)是 Vue 3 新增的一种组件写法方式。
当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候,我们强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。 :局部组件要在其父组件中注册才能使用 // 1、声明组件 2、注册组件 3、渲染组件 => 全局组件注册 let localTag = { template: ` --<h3>{{ abc }}</h3>--> <! --<h3>{{ xyz }}</h3>-->
Vue 3 子组件接收父组件传参数 一、子组件接收参数 1、子组件 <script setup lang="ts"> defineProps<{ msg: string, student: { : boolean }>(), { row: undefined, isEdit: false }); 2、父组件 <template> <Hello msg="訾博" :student=" students = [ { name: "訾博1", age: 26, }, { name: "訾博2", age: 26, }, ]; </script> 3、 运行结果 二、相关探索结果 1、父组件中的响应式属性的值被修改后,该属性在子组件中的值也会被修改; 2、子组件中使用 const props = defineProps<{ msg: string } >() 定义接收的属性,可以直接访问,也可以通过 props 访问; 3、子组件中使用 const props = defineProps<{ msg: string }>() 定义接收的属性,子组件中的
#行名,列名,两者合一,加列/行名dim()colnames()rownames()#加列名即为对向量进行赋值;修改单个列名,取子集即可m <- matrix(1:12,nrow = 3);mcolnames (m) <- c("a","b","c","d") colnames(m)[1] <- "hello";m#融合函数merge(test1,test3,by.x = "name",by.y = "NAME gene",1:4), change = rep(c("up","down"),each = 2), score = c(5,3,
一、 R启动文件 每次R语言启动读入.Renviron和.Rprofile两个文件,前者主要是环境变量,程序位置和API密钥等;后者是启动进需要运行的几行R代码。 启动时先找.Renviron,然后是.Rprofile,它们出现在3个目录中,安装目录(R_HOME,R.home()),家目录(HOME, Sys.getenv("HOME"))和当前工作目录(getwd ##D ## Example of setting R_DEFAULT_PACKAGES (from R CMD check) Startp> ##D R_DEFAULT_PACKAGES='utils /CRAN/" options(repos <- r) }) 3) fortunes包 这只是为了好玩而已,有趣的灵魂呀! 3)推荐的目录结构 Project\ - Readme.RMD # 项目描述 - setup.r # 必须的包 - R/ #代码 - input # 数据文件 - graphics/ #图 - output
在Vue 3中,Teleport组件是一种特殊的组件,用于在DOM中的任意位置渲染其内容。Teleport组件可以将其子组件渲染到指定的目标容器中,而不受组件层次结构的限制。 Teleport组件的使用基本用法在Vue 3中,你可以使用Teleport组件来将其子组件渲染到指定的目标容器中。 多个Teleport组件在一个Vue 3应用程序中,你可以使用多个Teleport组件,并将它们渲染到不同的目标容器中。每个Teleport组件都可以使用不同的目标容器选择器。 保持组件状态使用Teleport组件渲染的内容仍然保持了其组件的状态。这意味着即使将组件的内容渲染到其他位置,组件仍然保持其内部状态和响应式能力。 可以在组件的任意位置使用Teleport组件可以在Vue应用程序的任何组件中使用,包括根组件和子组件。这使得你可以在不同的组件中使用Teleport组件来实现灵活的渲染布局。
本文用10分钟左右的时间让你掌握 递归组件 的用法。 在此之前,你必须掌握:html + css + js + Vue3 基础用法,至少需要知道 Vue 组件 是什么。 什么是递归组件? 看到这里,我相信大家是知道 Vue组件 是什么。 我先把 《Vue3 递归组件 文档》 放在这。 其实 递归组件 就是把 “递归” 和 “组件” 结合起来。 3、获取导航数据 在真实项目中,左侧导航可能是从后端获取的。 但本文的目的是学习递归组件,所以就直接在前端模拟了一份 “请求回来的数据”。 我把 “请求数据” 的操作放在 App.vue 。 讲到 props 我就顺便提一下:《Vue3 过10种组件通讯方式》 App.vue <template>
什么是异步组件在 Vue 3 中,异步组件指的是一种在需要时才加载和渲染的组件。这意味着组件不会在应用启动时立即加载,而是在真正需要显示该组件的时候,才会动态地从服务器或文件系统中加载它。 defineAsyncComponentdefineAsyncComponent 是 Vue 3中用于定义异步组件的一个函数,它允许开发者以声明式的方式定义一个在需要时才加载的组件。 : 当异步组件正在加载时显示的组件。 errorComponent: 当异步组件加载失败时显示的组件。默认情况下,如果没有提供,Vue 会显示一个错误信息。delay: 一个数字,表示在显示加载组件之前等待的时间(以毫秒为单位)。 实际应用Suspense 组件的实例,用于包裹异步组件,允许在组件加载期间显示备用内容。
React组件的this是什么 通过编写一个简单组件,并渲染出来,分别打印出自定义函数和render中的this: import React from 'react'; const STR = '被调用 这段代码形象的验证了,JavaScript函数中的this不是在函数声明的时候,而是在函数运行的时候定义的; 同样,React组件也遵循JavaScript的这种特性,所以组件方法的‘调用者’不同会导致 ()中的this,所以打印组件实例; 3. window.handler()的“调用者”,为window,所以打印window; 4. onClick={this.handler}的“调用者”为事件绑定 ,this.handler()中的this就指向组将实例,即onClick={this.handler}打印出来的为组件实例; 总结: React组件生命周期函数中的this指向组件实例; 自定义组件方法的 this会因调用者不同而不同; 为了在组件的自定义方法中获取组件实例,需要手动绑定this到组将实例。
Prop prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。 父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 "prop": Prop 实例