一、svg 绘图1.svg 概念​SVG 是使用 XML 来描述二维图形和绘图程序的语言。可伸缩矢量图，图像在放大或改变尺寸的情况下其图形质量不会有所损失。命名空间：http://www.w3.org/2000/svg2.svg 引入及基本操作2.1svg 引入<!-- 默认宽300*150--><svg id="mySvg" width="400" height="400"&g

前端页面中根据链接随机生成二维码1、需要安装qrcodejs2npm install qrcodejs2 -save2、在所需要的页面中引入import QRCode from 'qrcodejs2'3、页面中二维码的区域<div class="item-pic"id="`qrcode"></div>4、生成二维码并且展示crateQRcode (codeItem) {//

【代码】前端全屏模式切换。

表单分步骤提交，需要保存用户所填写过的信息，在点击上一步的时候，回显所填信息，所以不可以使用v-if来进行步骤切换，要使用v-show，但是当使用v-show的时候出现了另外一个问题：没有显示隐藏效果，而是将所有的步骤显示出来了。当v-show不起作用，很大一部分原因是因为标签设置了display属性如display：flex，该样式的优先级高于v-show的display:block或displ

1、完成代码

（1）template代码片段。（2）script代码片段。

查看了好多资料，最后发现需要利用伪元素才可以实现该效果，由于项目中背景图片是随时变化，所以在这里使用了css变量去控制。在这里需要注意的一点是：利用var去调用变量的时候，不能使用驼峰式命名。在这里bgUrl可以随便定义，只是一个css引用的标识；

webpack之拆分开发环境和生产环境配置1、拆分开发环境和生产环境配置（1）公共路径publicPath配置选项在各种场景中都非常有用，你可以通过它来指定应用程序中所有资源的基础路径基于环境配置在开发环境中，我们通常有一个assets/文件夹，它与索引页面位于同一级别，这没太大问题，但是，如果我们将所有静态资源托管至CDN。然后想在生产环境中使用呢？想要解决这个问题，可以直接使用一个enviro

2、解决方案：可以监听路由变化，当路由变化时，去请求列表数据，以下为代码片段。1、问题出现的原因：没有走onMounted生命周期。

经过以上两步，即可实现文本流逐个显示在界面上。前端根据后端返回的文本流逐个展示文本内容。