qq_46738283的博客

原创 下标1，2，3，4转换为A，B,C，D

【代码】下标1，2，3，4转换为A，B,C，D。

原创 使用flex布局左右布局，导致两侧高度相互影响

使用align-items ：flex-start ,或者 align-items 属性的其他值。原因：flex布局，会让其子项的高度一致 ，并默认将所有子项的高度与最高子项等高。

原创 vue2+elementul动态面包屑

【代码】vue2+elementul动态面包屑。

原创 vue3实现文字超出固定行数省略并添加展开收起功能

【代码】vue3实现文字超出固定行数省略并添加展开收起功能。

原创 使用锚点链接，跳转后被顶部导航遮挡部分解决办法

添加class，用padding调整锚点元素跳转后的位置，使用margin抵消padding对布局的影响。padding会影响锚点元素的定位，margin不影响锚点元素的定位。注意：描点连接必须有滚动条，否则无效。

原创 element plus 去掉select选择框的边框，并修改右侧图标

1.去掉选择框边框 2.修改选择框右侧图标。

原创 html+css绘制自定义样式输入框

【代码】html+css绘制自定义样式输入框。

原创 background-attachment背景滚动方式

【代码】background-attachment背景滚动方式。

原创 css绘制下雨的云朵

html+css 绘制云朵

原创 css+html 爱心❤

【代码】css+html 会呼吸的爱心❤。

原创 使用flex布局，右侧文字过长，会挤压左侧文字，设置上下两行2个字和4个字等宽

使用flex布局，右侧文字过长，会挤压左侧文字。设置上下两行2个字和4个字等宽。

原创 vue2实现拖拽悬浮按钮

【代码】vue2实现拖拽悬浮按钮。

原创 h5移动端适配

新建postcss.config.js文件，在vue.config.js同一级–>粘贴下面代码。

原创 数组的api

不会改变原数组，ES5新增的数组api。

原创 字符串的api

String.fromCharCode(num) 将数字转换成ASCII表中对应的符号或字母。含义： str.substring(start,end)6.str.trim() 去除字符串前后空格。str.charCodeAt(下标)str.indexOf(元素)str.charAt(下标)

原创 微信小程序button上有若有若无的边框

微信小程序上有一层若有若无的边框，使用border：none去不掉，原来是button的：：after带的边框。

原创 uniapp各种常用的提示框

【代码】uniapp各种常用的提示框。

原创 uni小程序实现文件上传

【代码】uni小程序实现文件上传。

原创 css清除标签自带样式

【代码】css清除标签自带样式。

原创 vue媒体查询导入不同的css文件

【代码】vue媒体查询导入不同的css文件。

原创 css实现悬浮卡片

【代码】css实现悬浮卡片。

原创 上传图片判断上传的图片是横向还是纵向

【代码】上传图片判断上传的图片是横向还是纵向。

原创 炫酷代码雨

/ 获取canvas元素的宽度和高度，并将宽度和高度设置为屏幕的可用宽度和高度。// 根据数组的索引值来绘制文字，x坐标为索引值*10，y坐标为value+10。//从上一次绘制的位置开始，将数组设置为下一次绘制位置。// 创建一个大小为width/10的数组并填充为0。// 设置颜色，并绘制一个全屏的矩形。// 获取canvas的绘图上下文。// 每30毫秒执行一次rain函数。// 创建一个字符串用于存储字符。// 设置文字的颜色。

原创 css给鼠标滑过的div以外的div添加灰度

原创 element ui - el-button 重新渲染后disabled属性失效

给标签添加上key属性就行

原创 vuex页面刷新数据丢失解决

【代码】vuex页面刷新数据丢失解决。

原创 vue2调用摄像头录制视频

2.定义全局变量3.获取摄像头navigator.mediaDevices.getUserMedia()4.MediaRecorder类媒体录制功能主要是基于MediaRecorder这个类来实现的基本格式参数说明：MediaRedorder的options参数说明MediaRecorder的一些APIMediaRecorder.start(timeSlice)开始录制媒体，timeSlice为可选的，如何设置了会按照时间切片存储数据。暂停录制结束录制，此时会触发包括最终Blob数据的da

原创 vue3 404页面路由

写在最后，所有路由后面。

原创 element ui select下拉框清空为空字符

使用clearable清空选项此时绑定的值是“” 空字符串，要使清空后值为null，需要自己写clear事件。

原创 CSS媒体查询

使用 @media 或 @import 规则在样式表中指定对应的设备类型；用 media 属性在 、、 或其他 HTML 元素中指定特定的设备类型。

原创 js获取对象的所有键和值存入数组

Object.values(arr) Object.keys(arr)

原创 this.$router.go和this.$router.back区别

【代码】this.$router.go和this.$router.back区别。

原创 websocket

main.jsimport createSocket from '@/utils/websocket.js'Vue.prototype.$socket = createSocket

原创 grid布局

grid-gap属性是grid-column-gap和grid-row-gap的合并简写形式，第一个值表示行间距，第二个值表示列间距，只有一个值，则同时表示行间距和列间距。grid-template-columns：竖向列宽的设置，表示三列，分别是300px;grid-template-rows: 横向列高的设置，表示两行，分别是200px;grid-column-gap: 列与列之间的间距（注意字面意思列与列）grid-row-gap: 横向行与行之间的间距（注意字面意思行与行）

原创 解决echarts数据更新，页面不刷新问题

this.charts.setOption(data,true)，这里setOption有3个属性，setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并数据，设置成true之后就不合并数据，从而实现刷新页面的效果。

原创 uniapp封装请求

【代码】uniapp封装请求。

原创 Typora结束无序列表

ctrl+[

原创 设置登录拦截

【代码】设置登录拦截。

原创 将图片一行三个排列

【代码】将图片一行三个排列。

原创 将一个或多个源对象的属性复制到目标对象中Object.assign

在以上示例中，源对象 source 的属性被复制到了目标对象 target 中，相同属性名的值会被覆盖。同时，Object.assign 返回的结果就是目标对象 target。其中，target 是目标对象，sources 是一个或多个源对象。该方法会将每个源对象的可枚举属性复制到目标对象中，并返回目标对象。Object.assign 是一个 JavaScript 内置方法，用于将一个或多个源对象的属性复制到目标对象中。