一只白猫罢了

作用域问题和arguments对象#mermaid-svg-LhVu0GZNwNpBTOcN .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-LhVu0GZNwNpBTOcN .label text{fill:#333}#mermaid-svg-LhVu0GZNwNpBTOcN .node rect,#merm

参考：开发环境、生产环境、测试环境的基本理解和区别（未完待续）

项目中svg图标偶尔乱码，刷新一下又好了。可能的原因：element打包后使用dart-sass编译换成node-sass后与sass-loader的版本兼容问题

i18n实现前端国际化(实例)

遇到个bug：表单上传文件后，明明已经有内容了，字段提示校验还存在。rule = [{ required: true, message: `请上传${item.title}`, trigger: 'change' }]解决过程：以为是校验方法有问题，自己写了个针对附件上传的校验：const validatePass = (rule, value, callback) => { if (value.length) { return callback(); } else

调用栈是解释器（比如浏览器中的 JavaScript 解释器）追踪函数执行流的一种机制。通过这种机制，我们能够追踪到哪个函数正在执行，执行的函数体中又调用了哪个函数。

直接在index.html文件加上：<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script><script> var vConsole = new VConsole(); </script>

vue中使用svg-icon

项目需求：页面左右布局，需要拖拽分割线，实现宽度自动适应。解决方案：在mounted生命周期，监听分割线DOM的onmousedown事件，在拖拽过程中动态计算，然后赋值改变左右DOM元素的宽度。<template> <div class="wrap"> <div class="lf" ref="letfDom" :style="{width: curWidth}"> <router-link to="/moreClick">mo

每行显示按钮个数初始化与监听（按百分比排列）// 全局变量 获取屏幕宽高const docEl = document.documentElementconst clientWidth = docEl.clientWidthconst clientHeight = docEl.clientHeight beforeDestroy() { window.removeEventListener("orientationchange", this.onOrientationChange, t

四种移动端前端适配方案：通过媒体查询的方式即CSS3的meida queries以天猫首页为代表的 flex 弹性布局以淘宝首页为代表的 rem+viewport缩放rem 方式1. media queries实现原理meida queries 主要是通过查询设备的宽度 来执行不同的 css 代码。@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/ /*你的css代码*/}优缺点2. F

真是妙蛙种子吃着妙脆角妙进了米奇妙妙屋 妙到家了

rem 是指根元素（root element，html）的字体大小，即rem永远是基于根元素设置字体的大小来改变元素的字体大小。现代手机浏览器默认字体大小是16pxrem当使用 rem 单位，他们转化为像素大小取决于页根元素的字体大小，即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。 例如，根元素的字体大小 16px，10rem 将等同于 160px，即 10 x 16 = 160。em当使用em单位时，像素值将是em值乘以使用em单位的元素的字体大小。 例如，如果一个 div 有