自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 VIBRANT使用教程

这是对VIBRANT工具的中文翻译文档。

2024-03-21 18:36:54 377

原创 CrisprOpenDB教程

要使用此程序,需要下载spacer数据库和sqlite文件,并解压缩文件到CrisprOpenDB/SpacersDB/目录中。本README文件的末尾提供了此可选步骤的说明,以及如何在计算机上安装Blast的说明。由于每个噬菌体基因组都会生成一个文件,因此我们建议您在首次运行工具时不要使用此选项(特别是对于大型数据集),而是在之后如果您需要对特定基因组进行进一步了解时再使用它。CrisprOpenDB是一个命令行主机预测工具,用于对大量噬菌体基因组进行预测,并提供更定制化的主机预测过程。

2024-03-20 20:40:51 398

原创 cd-hit 去除冗余序列

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

2024-03-13 18:31:58 1061

原创 CSS-画三角形、扇形

1、三角形原理就是利用border画,先给border不同的颜色,可以看到一边的边框呈现梯形, <style> .triangle{ width:100px; height:100px; border-color: rosybrown salmon aquamarine sandybrown; border-width: 100px; border-s

2020-08-31 13:59:18 210

转载 vue学习-vuex

官网vuex原理图:第一步创建一个store//index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }})第二步为 Vue 实例提供创建好的 stor

2020-08-27 09:15:08 121

原创 JS学习笔记-promise

参考笔记《JavaScript Promise迷你书(中文版)》阮老师的ES6-Promise廖雪峰老师的promise

2020-08-20 17:24:41 165

转载 vue学习-v-if和v-show

v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。v-showv-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS property display。区别1、v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。2、v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-sho

2020-08-14 18:46:37 351

原创 CSS文字超出部分用省略号代替,js鼠标悬停时显示全部文本

需求:宽度为百分比,随浏览器变化而变化,当窗口变小到一定程度,文字超出部分用省略号代替,当文字出现省略号,需要鼠标悬停时显示全部文本。文字超出部分用省略号代替 width: overflow: hidden;         text-overflow: ellipsis;     white-space: nowrap;  鼠标悬停时显示全部文本1、给当前span设置title就行了,在Vue中,使用:对title进行绑定,可以动态获取值。2、鼠标悬停以悬浮框显

2020-08-14 17:33:15 4034

原创 数组、字符串中查找最大重复次数最高元素的多种方法

数组中寻找最大值1、for循环遍历2、Math.max3、Array.sort()排序之后再取最后一位一维数组寻找重复率最高的元素1、使用key-value方式

2020-08-14 10:19:57 1694

原创 盒模型和 document.compatMode方法

盒模型在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)1、如何使用标准盒模型只要在文档首部加了doctype申明,即使用了标准盒模型,而不加,则会由浏览器自己决定,比如,ie 浏览器中显示“ie盒子模型”,在 ff 浏览器中显示“标准 w3c 盒子模型”。当用编辑器新建一个html页面的时候最顶上都会有一个DOC

2020-08-13 10:54:22 133

原创 JS学习-获取页面元素的位置

阮一峰日志一、网页的大小和浏览器窗口的大小首先,要明确两个基本概念。一张网页的全部面积,就是它的大小。通常情况下,网页的大小由内容和CSS样式表决定。浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积,又叫做viewport(视口)。很显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示,则滚动浏览器窗口,可以显示出网页的各个部分。二、获取网页的大小网页上的每个元素,都有clientHeight和clientW

2020-08-13 10:52:45 1025

原创 js-vue实现点击其他地方隐藏div

添加链接描述

2020-08-12 15:22:15 821

原创 js-audio对象-音频倍速播放、定位播放

音频倍速播放添加链接描述添加链接描述

2020-08-12 13:53:32 4511

原创 JS学习笔记-ES6-扩展运算符

参考:阮一峰-es6扩展运算符1、数组扩展运算符扩展运算符(spread)是三个点(…)。扩展运算符与正常的函数参数可以结合使用,非常灵活。function a (a,b){}var arg=[0,1]a(3,...arg)扩展运算符后面还可以放置表达式。const arr = [ ...(x > 0 ? ['a'] : []), 'b',];如果扩展运算符后面是一个空数组,则不产生任何效果。[...[], 1]// [1]替代函数的 apply 方法扩展运

2020-08-11 10:26:33 300

原创 JS学习笔记-Element类型

Element类型nodetype:1nodename:元素标签名。跟tagname结果一样。1、HTML元素所有HTML元素都由HTMLElement表示,HTMLElement直接继承自Element并添加了一些属性:id:元素在文档中的唯一标识title:有关元素的附加说明信息,一般通过工具提示条显示出来,(也就是把鼠标放在元素上边显示的提示信息)lang,元素内容的元素代码,很少使用dir,语言的方向,值为‘ltr’,(left-to-right,从左至右)或‘rtl’(right

2020-08-06 17:35:08 667

原创 js学习笔记-DOM节点层次-Document类型

js通过Document类型表示文档。nodeType = 9;nodeName = “#document”;一、文档的子节点Doument节点的子节点可以是:DocumentType、Element、ProcessingInstruction、Comment。访问子节点快捷方式documentElement指向html页面的<html>元素通过childNodes列表访问文档元素。如:<html><body></body></

2020-08-06 15:14:37 132

原创 JS学习笔记-EventLoop

Event Loop即事件循环是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理任务队列任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。(1

2020-08-06 12:41:09 148

原创 JS学习笔记-节流和防抖

节流函数节流就是保证一段时间内只执行一次实现函数节流throttle的方法一般有两种,定时器 setTimeOutfunction throttle(func, wait) { let timeout; return function() { let context = this; let args = arguments; if (!timeout) { timeout = setTimeout(() =&

2020-08-06 11:08:38 111

原创 JS学习笔记-Ajax

1、创建 XMLHttpRequest 对象XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。JS原生Ajax实例检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :var xmlhttp;if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera

2020-08-05 16:57:38 101

原创 css学习笔记-三栏式布局

flexbox 布局父元素的display属性设置为flex布局,然后左右元素设定宽度,中间自适应原始宽度设置为100%,如果顺序不对,使用使用order属性重新排序。 .box{ background-color: wheat; display: flex; height: 350px; width:600px; } .left{

2020-08-05 16:40:20 224

原创 css学习笔记-flex布局

一、flex布局1、任何容器都可以用flex布局.box{display:flex}2、行内元素也可以.box{display:inline-flex}注意:Webkit 内核的浏览器,必须加上-webkit前缀。设为flex布局后float\clear\vertical-align属性消失。基本概念main axis:主轴方向,不一定是水平方向,取决于flex-direction 属性。cross axis:交叉轴方向,垂直于主轴的方向。main start :主轴开始

2020-08-05 14:06:39 175

原创 JS学习笔记-继承

继承的实现基于原型链1、原型链继承将父类的实例作为子类的原型son.prototype = new father()//父类型function Parent (){this.name = "farther"this.color = ["red"]}Parent.prototype.sayname=function (){ return this.name}function Son (){};//继承 Son.prototype = new Parent()var s

2020-08-04 18:57:56 105

原创 JS学习笔记-原型及原型链

一、原型原型对象prototype每一个函数都有一个prototype属性,这个属性是一个指针,指向一个原型对象,这个原型对象的用途是包含可以实例共享的属性和方法。创建一个构造函数,就会默认创建一个属性prototype,指向函数的原型对象,constructor函数的原型对象会有一个默认属性constructor,指向这个函数。–proto–当调用构造函数创建一个实例后,这个实例内部包含一个原型指针[[prototype]],指向构造函数的原型对象。(但在脚本中没有标准方式访问

2020-08-04 16:32:01 140

原创 JS学习笔记-this对象

this对象是在运行时基于函数的运行环境绑定的;this指向1、函数调用在全局函数中,this指向window。这里的a函数是在全局环境中调用的所以是window.a(),所以this指向window,全局环境中没有name变量,所以是undifinedfunction a(){var name = "sun"console.log(this.name) //undifinedconsole.log(this) //window};a();2、作

2020-08-04 11:30:43 104

原创 js学习笔记-DOM节点层次-node类型--节点关系、操作节点

1、节点层次DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为不同类型,每个节点都有:特点、数据、方法。文档节点是每个文档的根节点<html><head></head><body></body></html>这个例子,HTML元素就是文档的子节点,称为文档元素,每个文档只能有一个文档元素。1.1、Node类型Dom1级定义了一个Node接口,在js中是通过Node类型实现。除IE外,其

2020-08-03 16:56:00 358

原创 函数的闭包、作用域链、执行环境及作用域

函数闭包1、什么是闭包函数?有权访问另一个函数作用域中变量的函数比如:function a () { var aaa=123};function b () {console.log(aaa)};b();//aaa is not defined 此时aaa是b访问不到的变量//我换种写法function a () { var aaa=123 ; function b () {console.log(aaa)}; b();};a();//123 此时b就可以访问到a的变量,这就是创建闭包

2020-07-31 15:57:09 154

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除