‘vue/max-attributes-per-line‘报错属性应该单独一行，prettier可能也报错。
2024-11-04本文讲述了在Vue项目中，由于VSCode和项目内的ESLint及Prettier设置不一致导致的代码格式化问题。解决方法是确保所有地方的行宽、换行规则保持一致，如调整.eslintrc.js中的singleline设置和prettier的printwidth，同时注意VSCode的vetur.format.defaultFormatterOptions配置。
CSS3 动画相关属性实例大全（五)（margin 、max-height、max-width、min-height、min-width、opacity 、order 属性）
2024-11-02CSS3 动画相关属性实例大全（五)（margin 、max-height、max-width、min-height、min-width、opacity 、order 属性）_max-width
让CSS flex布局最后一行列表左对齐的N种方法
2024-11-02由于每一列的数目都是固定的，因此，我们可以计算出不同个数列表应当多大的margin值才能保证完全左对齐。例如，假设每行4个元素，结果最后一行只有3个元素，则最后一个元素的大小是“列表宽度 间隙大小”的话，那最后3个元素也是可以完美左对齐的。然后，借助树结构伪类数量匹配技术。说明最后一行，要么3个元素，要么7个元素……说明最后一行，要么2个元素，要么6个元素……/* 两端对齐 */.list {width: 24%;/* 如果最后一行是3个元素 */
JavaScript计算字符串文本的宽度
2024-10-26文章介绍了如何使用JavaScript动态计算字符串的宽度，特别是在Echarts图表应用中，此方法通过创建临时的span元素，设置字体大小并将其隐藏后添加到body中，然后获取并返回span的offsetwidth来得到字符串的宽度。
css案例：小黄人案例
2024-10-26css案例：小黄人案例先看效果图眼睛和嘴巴有做动画的，但是我懒得上传gif了。3. 源码 html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> .contain { width: 400px; height: 600px; border: 1px solid #000; margin: 0 auto;
HTML5 使用技巧分享 4 —— 将一行元素快速置于屏幕底部
2024-06-26先给大家看一看效果图这个样式我们需要做如下处理编写 HTML 代码使用 div 标签编写好元素然后就是 在 head 标签里直接设置样式，或者通过外部文件，引用 css 样式4. 通过外部文件，通过 link 标签引用 css 样式文件。5. 设置 width = 100%， height = 50px;6. z-index: 设置 1007. flex 布局，居中处理三、代码实现。_html中把一个元素放在页面最底层应该怎么设置
css设置滚动条样式
2024-10-15*高宽分别对应横竖滚动条的尺寸*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*//*滚动条里面小方块*//*滚动条里面小方块*//*滚动条整体样式*//*滚动条里面轨道*//*滚动条整体样式*//*滚动条里面轨道*/效果（右侧滚动条被修改）1：设置全局滚动条样式。_全局滚动条样式
CSS面试题整理
2024-10-15box-sizeing: content-box：标准盒模型的 width 和 height 属性的范围只包含了 content。box-sizeing: border-box：IE 盒模型的 width 和 height 属性的范围包含了 border、padding 和 content。三、定位与浮动根元素：body；元素设置浮动：float 除 none 以外的值；元素设置绝对定位：position (absolute、fixed)；
vue使用海康的H5视频播放器开发包实时预览监控画面
2024-10-13在项目中的public文件夹下新建一个h5player的文件夹（这里的文件夹名字可以自己取，后端引入时注意一下就好了），接着将刚才下载的开发包中的bin文件夹里面所有的文件都赋值到项目中的h5player文件夹下。// // 当容器div#play_window有固定宽高时，可不传iwidth和iHeight，窗口大小将自适应容器宽高。2、使用该插件很难更改其样式，只能使用其自带的窗口（1x1,2x2等），如过我要一个1x2的窗口就无法实现；// // 分屏播放，默认最大分屏4*4。_海康h5播放器
html5的应用
2024-09-28用js获得 canvas的内容区， canvas.getContext（“2d”），moveTo（）填写两个值，起点，lineTo（）填写两个值，终点，用stroke可以显示线条，canvas的宽高要在标签内部填写，closePath可以将最后的线条闭合，fill可以填充黑色，linewidth可以调节线条宽度，beginPath表示从新开始画一条线，如果有多笔，closePath就失效了，closePath是针对一笔的。阻止默认事件，即可实现ondrop事件，事件是由行为触发的，触发不止一个事件。