Vue脚手架配置代理
方法一在vue.config.js中添加如下配置: 123module.exports = { proxy: 'http://localhost:5000'} 请求时： 1axios.get('http://localhost:8080/students').then() ... 说明: 1. 优点：配置简单，请求资源时直接发给80
Object.defineProperty的用法
Object.defineProperty()方法会直接在一个对象上定义一个新的属性，或者修改一个对象的现有属性，并返回此对象。 语法1object.defineProperty(obj, prop, descriptor) 参数obj：要定义的属性的对象。 prop：要定义或者修改的属性的名称。 descriptor：要定义或修改的属性描述符。 返回值被传递给函数的对象。 描述该方法允许精确地
js实现回到顶部
当鼠标从顶部滚动超过一定距离后，显示返回顶部按钮，点击按钮，页面平滑滚动到顶部，按钮隐藏。 CSS12345678910position: fixed;bottom: 20px;right: 20px;background-color: rgb(216, 72, 72);width: 50px;height: 50px;line-height: 50px;text-align: center;bo
react中的diffing算法
经典面试题： react/vue中的key有什么作用？（key的内部原理是什么？） 为什么遍历列表时，key最好不要用index? 一、虚拟DOM中key的作用(1) 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 (2) 详细的说: 当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】，随后React进行【新虚拟DOM】与【旧虚
关于vue中的动态路径
vue中默认@表示src文件夹的路径 ①导入js文件时可以： 1import '@/store/index.js' ②导入css文件时@符号前面要加一个~符号才可以: 1import '~@assets/css/test.css' ③html中使用时直接用@就可以: 1<img src="@/assets/img/test.png&quo
React中的setState使用及注意问题
一、this.setState的两种使用方式定义初始状态 1state = { count: 0 } 如果此时有一个按钮，点击按钮让计数加1，我们可以有两种写法： 121. 传递对象 this.setState({ count: this.state.count + 1 })2. 传递函数 this.setState((state, props) =>
html嵌入bilibili视频
一、原理使用iframe嵌入 二、代码获取方式在对应的视频页面，鼠标悬停到分享视频的图标上，会有一个“嵌入代码的选项”，点击即可赋值对应的iframe代码。 三、代码示例123<div style="position: relative; padding: 30% 45%;"> <iframe style="position: absolute
vscode输入英文时字体之间的间隔突然变大
主要原因：vscode（其他编译软件）的快捷键和输入法快捷键冲突了。 正常情况全角就是字母和数字等与汉字占等宽位置的字。 半角就是ASCII方式的字符，在没有汉字输入法起作用的时候输入的字母数字和字符都是半角的。 由于冲突使得英文状态也是全角，所以字母占和汉字一样的位置。 解决方案：shift+空格键(在中文状态下按shift+空格键，再转换成英文状态就OK) 或者直接点击下图中的圆角/