一个UI、前端爱好者。

首先用px去编写页面，页面完成后使用vscode插件将px转成vw，然后根据不同屏幕要求，进行媒体查询。需注意的是图表的字体大小等，图表中元素也是用js计算出屏幕宽度/某个比例计算得来的。我是用的方式是vw+媒体查询的方式。

Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。👇 👇 👇不要在Mutations函数中，执行异步操作。Mutation（突变）Action（处理）Getter（获得）

点击按钮显示el-image

【代码】elementUI的el-table组件标题后面加图标。

【代码】关于el-table的show-summary，合计栏不显示以及保留两位小数问题。

文本信息：通常左对齐，以提高可读性和一致性。数值信息：右对齐，以便于用户比较数值。状态或短文本信息：居中对齐，以增强表格的整洁性和视觉平衡。图像或特殊内容：根据设计需求灵活处理，一般左对齐或居中对齐。通过合理设置对齐方式，可以使表格数据更加清晰明了，提高用户阅读和理解表格信息的效率。

如果你需要更灵活的控制，可以编写一个自定义的格式化函数。这种方法可以满足一些特殊的需求，例如自定义千位分隔符或小数点。=(\d{3})+(?!

object-fit是一个 CSS 属性，用于指定一个可替换元素（比如<img><video>或者<object>）的内容如何适应其容器框（即父元素）的尺寸。

组件封装SvgIcon组件封装了对 SVG 图标的使用，使得图标可以像其他 Vue 组件一样使用，并且通过传递iconName来动态渲染不同的图标。动态导入: 使用使得所有 SVG 图标文件可以被一次性导入，这不仅简化了图标的使用，还能确保项目在构建时能正确处理和优化 SVG 图标。可维护性: 使用这种方式管理 SVG 图标，可以统一管理图标的样式和使用方式，增强了代码的可维护性和可扩展性。

错误通常发生在使用 Webpack 开发服务器或类似工具时，由于安全原因，它会对请求的主机头（Host header）进行验证。

【代码】无需校验但有需要加个小红星的写法。

【代码】多文件上传。

【代码】vue2+elementui 常用组件代码。

01.下载字体看着红框里面，百度就能下载这个字体了02.格式转化其实是为了做到兼容，推荐使用https://www.fontke.com/tool/convfont/03.引入到项目中新建fonts文件夹，把上面下载好的字体放进去就好了04.样式文件中引用字体@font-face { font-family: 'yentieg'; s...

$.setChats = { defaults: { &quot;id&quot;:&quot;&quot;, &quot;option&quot;:{} }, init: function (options) { var settings = $.extend({}, this.defaults, options); ..