javascript中substring的用法
javascript中substring的用法substring 是 JavaScript 字符串对象的一个方法,用于提取字符串中的一部分并返回一个新的字符串。它的基本语法如下:
1str.substirng(start,end)
**start**:必需。提取的起始位置(包括该位置的字符)。如果 start 为负数,则会被视为 0。
end:可选。提取的结束位置(不包括该位置的字符)。如果 end 为负数,则会被视为 0。如果省略 end,则提取从 start 到字符串末尾的所有字符。
用法示例
基本用法
123const str = "Hello, World!";const result = str.substring(7, 12); // 从索引 7 开始,到索引 12 结束(不包括索引 12)console.log(result); // 输出: "World"
省略 end 参数:
123const str = "Hello, World!";const result = str.substring(7); ...
javascript中indexof的用法
javascript中indexof的用法indexOf 是 JavaScript 字符串对象的一个方法,用于查找指定子字符串在字符串中首次出现的位置。如果未找到该子字符串,则返回 -1。它的基本语法如下:
1str.indexOf(searchValue, fromIndex)
**searchValue**:必需。要查找的子字符串。
**fromIndex**:可选。从字符串中的哪个位置开始查找。默认值为 0。如果 fromIndex 为负数,则会被视为 0。
基本用法
123456const str = "Hello, World!";const index = str.indexOf("World");console.log(index); // 输出: 7const index2 = str.indexOf("Wo");console.log(index2); // 输出: 7
指定起始位置:
123const str = "Hello, World!";const index = st ...
前端BFC和IFC机制
前端BFC和IFC机制BFC(Block Formatting Context,块级格式化上下文)BFC就像一个有魔法的盒子,它可以把里面的东西(其他盒子)整理得整整齐齐,并且有一些特别的规则:
盒子不会跑出去:魔法盒子里的东西不会跑到外面去,外面的东西也不会跑进来。
盒子会变高:魔法盒子会自动变高,以便把所有东西都装进去,哪怕是浮起来的东西(浮动元素)。
盒子们紧紧靠在一起:魔法盒子里的东西会紧紧地排列在一起,不会有多余的空隙。
什么时候会有魔法盒子(BFC)呢?
当我们给盒子加上float属性时,它会变成魔法盒子。
当我们给盒子加上position: absolute或fixed属性时,它也会变成魔法盒子。
当我们给盒子加上display: inline-block、table等属性时,它会变成魔法盒子。
当我们给盒子加上overflow属性,比如hidden,它也会变成魔法盒子。
IFC(Inline Formatting Context,内联格式化上下文)IFC就像我们写字时的一行行文字,这些文字(内联元素)会整齐地排在一起。
一行排开:IFC里的东西会一个接一个地排 ...
闭包
我们先来看一个简单的例子:
123456789101112function outerFunction() { var outerVariable = "我是外部变量"; function innerFunction() { console.log(outerVariable); // 这里可以访问 outerVariable } return innerFunction;}var myClosure = outerFunction();myClosure(); // 输出 "我是外部变量"
在这个例子中,有两个函数:outerFunction 和 innerFunction。innerFunction 是在 outerFunction 里面定义的。当我们调用 outerFunction 时,它返回 innerFunction,并且 innerFunction 记住了 outerVariable 的值。
详细解释
定义外部函数(outerFunction):
12fu ...
箭头函数中的this指向问题
箭头函数(Arrow Function)是ES6引入的一种简洁的函数定义方式。与传统的函数声明或函数表达式不同,箭头函数没有自己的 this 绑定。相反,箭头函数会捕获其定义时的上下文(即定义时的 this 值),并将这个值作为其 this 值。
为什么?
这是因为箭头函数的设计目的是为了简化上下文(context)的处理,特别是在需要嵌套回调函数的场景中,比如在回调函数中使用 this 时。
普通函数的 this 绑定在普通的函数中,this 的值是在函数被调用时确定的,而不是在函数定义时确定的。也就是说,this 的值取决于函数的调用方式。常见的调用方式包括:
全局调用:在非严格模式下,this 指向全局对象(window)。在严格模式下,this 是 undefined。
1234function traditionalFunction() { console.log(this);}traditionalFunction(); // 在非严格模式下,输出 window 或 global。在严格模式下,输出 undefined。
方法调用:当函数作为对象的 ...
html+css总结
html+css总结一、h1一个网页就用一次,用来放新闻标题或者网页logo。
二、strong、em、ins、del 标签自带强调含义(语义)。
标签名
效果
strong
文字加粗
em
倾斜
ins
下划线
del
删除线行内元素与
三、行内元素、块级元素以及行内块元素
行内元素有:a b span img input select strong;一行可以显示多个,设置宽高属性不生效,宽高尺寸由内容撑开。
级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p;独占一行,宽度默认是父级的100%,添加宽高属性生效。
行内块元素:一行可以显示多个,设置宽高属性生效,宽高尺寸也可以有内容撑开。
四、img标签属性说明
属性
作用
说明
alt
替换文本
图片无法显示的时候显示的文字
title
提示文本
鼠标悬停在图片上面的时候显示的文字
width
图片的宽度
值为数字,没有单位
height
图片的高度
值为数字,没有单位
五、a标签 超链接标签
href 属性值是跳转地址, ...
使用nvm管理node多版本
macOS系统上安装nvm步骤如下:注意在macOS系统上可以用安装Homebrew安装nvm
安装 Homebrew(如果尚未安装): nvm 可以通过 Homebrew 轻松安装。Homebrew 是 macOS(或 Linux)上的包管理器。在终端执行以下命令来安装 Homebrew:
1/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
使用 Homebrew 安装 nvm: 安装完 Homebrew 后,可以通过以下命令来安装 nvm:
1brew install nvm
验证安装: 安装完成后,可以通过运行以下命令来验证 nvm 是否正确安装:
1nvm --version
初始化 nvm: 为了让 nvm 每次在新的终端会话中自动加载,您需要将以下命令添加到您的 shell 配置文件(如 .bash_profile, .zshrc, 等)中:
1echo "source $(brew --prefi ...
云服务器搭建SVN远程仓库
在CentOS服务器上安装和配置Subversion(SVN)版本控制系统,废话不多说直接上步骤:
1. 安装Subversion首先,确保你的系统软件包是最新的:
1sudo yum update
然后,安装Subversion软件包:
1sudo yum install subversion
2. 创建一个版本库选择一个目录来存放你的版本库,例如 /var/svn,并创建该目录:
1sudo mkdir -p /var/svn
接着,创建一个新的版本库:
1sudo svnadmin create /var/svn/myrepo
3. 配置版本库编辑 svnserve.conf 文件编辑位于 /var/svn/myrepo/conf 目录下的 svnserve.conf 文件,启用和配置基本选项:
1sudo nano /var/svn/myrepo/conf/svnserve.conf
取消以下行的注释并进行配置:
123anon-access = noneauth-access = writepassword-db = passwd
配置用户认证编辑 passwd ...
axios全局请求拦截器,响应拦截器配置
axios全局请求拦截器,响应拦截器配置直接上代码
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859import axios from 'axios'import { useUserStore } from '@/stores/index'import { ElMessage } from 'element-plus'import router from '@/router'const isDev = process.env.NODE_ENV === 'development'const instance = axios.create({ // 基地址 baseURL: isDev ? 'http://localhost:8081/api' : ...
http常用响应状态码说明
http常用响应状态码说明
状态码
状态
作用
1xx
响应中
临时状态码表示请求已经接受,告诉客户端应该继续请求或者如果已经完成则忽略。
2xx
成功
表示请求已经被成功接收,处理已完成。
3xx
重定向
重定向到其它地方,让客户端再发起一个请求以完成整个处理。
4xx
客户端错误
处理发生错误,责任在客户端,如:客户端的请求一个不存在的资 源,客户端未被授权,禁止访问等。
5xx
服务器端错误
处理发生错误,责任在服务端,如:服务端抛出异常,路由出错, HTTP版本不支持等。


