- 博客(62)
- 收藏
- 关注
原创 使用flex布局左右布局,导致两侧高度相互影响
使用align-items :flex-start ,或者 align-items 属性的其他值。原因:flex布局,会让其子项的高度一致 ,并默认将所有子项的高度与最高子项等高。
2024-07-25 16:17:30
155
原创 使用锚点链接,跳转后被顶部导航遮挡部分解决办法
添加class,用padding调整锚点元素跳转后的位置,使用margin抵消padding对布局的影响。padding会影响锚点元素的定位,margin不影响锚点元素的定位。注意:描点连接必须有滚动条,否则无效。
2024-06-03 17:45:42
246
原创 使用flex布局,右侧文字过长,会挤压左侧文字,设置上下两行2个字和4个字等宽
使用flex布局,右侧文字过长,会挤压左侧文字。设置上下两行2个字和4个字等宽。
2024-05-11 11:57:59
246
原创 字符串的api
String.fromCharCode(num) 将数字转换成ASCII表中对应的符号或字母。含义: str.substring(start,end)6.str.trim() 去除字符串前后空格。str.charCodeAt(下标)str.indexOf(元素)str.charAt(下标)
2024-04-26 11:39:12
277
原创 微信小程序button上有若有若无的边框
微信小程序上有一层若有若无的边框,使用border:none去不掉,原来是button的::after带的边框。
2024-04-20 14:24:50
264
原创 炫酷代码雨
/ 获取canvas元素的宽度和高度,并将宽度和高度设置为屏幕的可用宽度和高度。// 根据数组的索引值来绘制文字,x坐标为索引值*10,y坐标为value+10。//从上一次绘制的位置开始,将数组设置为下一次绘制位置。// 创建一个大小为width/10的数组并填充为0。// 设置颜色,并绘制一个全屏的矩形。// 获取canvas的绘图上下文。// 每30毫秒执行一次rain函数。// 创建一个字符串用于存储字符。// 设置文字的颜色。
2024-01-18 14:16:09
389
原创 vue2调用摄像头录制视频
2.定义全局变量3.获取摄像头navigator.mediaDevices.getUserMedia()4.MediaRecorder类媒体录制功能主要是基于MediaRecorder这个类来实现的基本格式参数说明:MediaRedorder的options参数说明MediaRecorder的一些APIMediaRecorder.start(timeSlice)开始录制媒体,timeSlice为可选的,如何设置了会按照时间切片存储数据。暂停录制结束录制,此时会触发包括最终Blob数据的da
2023-12-29 11:46:06
794
原创 element ui select下拉框清空为空字符
使用clearable清空选项此时绑定的值是“” 空字符串,要使清空后值为null,需要自己写clear事件。
2023-11-15 10:33:59
1771
原创 CSS媒体查询
使用 @media 或 @import 规则在样式表中指定对应的设备类型;用 media 属性在 、、 或其他 HTML 元素中指定特定的设备类型。
2023-10-25 16:34:09
53
原创 this.$router.go和this.$router.back区别
【代码】this.$router.go和this.$router.back区别。
2023-09-27 11:13:33
648
原创 websocket
main.jsimport createSocket from '@/utils/websocket.js'Vue.prototype.$socket = createSocket
2023-09-20 14:14:06
57
原创 grid布局
grid-gap属性是grid-column-gap和grid-row-gap的合并简写形式,第一个值表示行间距,第二个值表示列间距,只有一个值,则同时表示行间距和列间距。grid-template-columns:竖向列宽的设置,表示三列,分别是300px;grid-template-rows: 横向列高的设置,表示两行,分别是200px;grid-column-gap: 列与列之间的间距(注意字面意思列与列)grid-row-gap: 横向行与行之间的间距(注意字面意思行与行)
2023-09-15 17:49:24
43
原创 解决echarts数据更新,页面不刷新问题
this.charts.setOption(data,true),这里setOption有3个属性,setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并数据,设置成true之后就不合并数据,从而实现刷新页面的效果。
2023-09-15 09:33:16
1391
原创 将一个或多个源对象的属性复制到目标对象中Object.assign
在以上示例中,源对象 source 的属性被复制到了目标对象 target 中,相同属性名的值会被覆盖。同时,Object.assign 返回的结果就是目标对象 target。其中,target 是目标对象,sources 是一个或多个源对象。该方法会将每个源对象的可枚举属性复制到目标对象中,并返回目标对象。Object.assign 是一个 JavaScript 内置方法,用于将一个或多个源对象的属性复制到目标对象中。
2023-08-23 09:38:07
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人