longtian博客

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的用法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（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 ...

箭头函数（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总结一、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 属性值是跳转地址， ...

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 ...

在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全局请求拦截器，响应拦截器配置直接上代码 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常用响应状态码说明 状态码 状态 作用 1xx 响应中 临时状态码表示请求已经接受，告诉客户端应该继续请求或者如果已经完成则忽略。 2xx 成功 表示请求已经被成功接收，处理已完成。 3xx 重定向 重定向到其它地方，让客户端再发起一个请求以完成整个处理。 4xx 客户端错误 处理发生错误，责任在客户端，如:客户端的请求一个不存在的资 源，客户端未被授权，禁止访问等。 5xx 服务器端错误 处理发生错误，责任在服务端，如:服务端抛出异常，路由出错， HTTP版本不支持等。