前端小贰

需求：在处理图表组件的相关功能时，遇到一个特殊场景：需在循环内部进行异步请求，待所有请求结束后，再进行后续操作。经尝试找到以下两种处理方案。方案1：使用变量进行记录使用do while循环，在方法体中判断是否是最后一次，是则执行后续操作。方案2：使用promise.all，当所有请求都结束并返回后，再执行后续操作。结果如下：附：处理函数如下...

场景：我们在使用antdesign、elementui等第三方组件库时，通常都要对其中组件的样式进行调整，以适应页面整体的风格。而有时我们写的样式并不会对第三方组件生效，下面将分析原因，并提供处理方案。原因：我们在写vue文件时，为了各页面的样式互不干扰，通常会在vue文件的style标签上，加上一个特殊的属性：scoped。使用这个属性后，该组件中的所有dom会添加上一个类似唯一标识的动态属性，可以使得CSS样式就只适用于当前组件内的元素。也就是说，在样式为scoped的vue文件里...

需求：想要tooltip显示百分数，并要有颜色提示。按官方文档，tooltip可以通过表达式设置百分号， formatter: '{b0}<br /> {a0}:{c0}<br />{a1}: {c1}%'效果是这样的：可以看到，有一个问题，这样设置的提示信息，就没有数据的颜色提示了。一番折腾后，得到了我想要的效果：思路：1、修改too...

想要使用html5网页实现语音识别，大概流程：用户点击录音按钮，进行语音录入，录入后上传语音，后台接收到请求后，会调用语音识别的方法，最后返回识别结果，前端接收到结果后再进行后续处理。参考：https://blog.youkuaiyun.com/qq_33609401/article/details/78172080，这里面写得很详细，HZRecorder.js可以去这里复制。所以技术上主要分为两个部...

一、分别安装vue和node对应的socket.iocnpm intsall socket.io -savecnpm install vue-socket.io -save二、前端socket配置1、main.js引入socket，并连接3000端口import vue_socket from 'vue-socket.io'Vue.use(vue_socket, 'ht...

创建node服务器1、在项目路径下，新建server文件夹和dist文件夹，在server文件夹下新建index.js文件2、先npm安装express3、在index.js文件中，输入代码，创建node服务器// node 后端服务器const express = require('express'); const app = express();app.use(expr...

一、在工程目录下，使用npm安装echarts包npm install echarts -s二、在main.js中引入echartsimport echarts from 'echarts' 三、新建一个组件文件，在组件的methods中添加echarts的配置信息<template> <div id="chart"><...

一、全局安装vue-cli（建议使用淘宝镜像，速度会变快很多）ps：安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm，安装vue-cli ： cnpm install -g vue-cli二、开始创建项目1、进入目标文件夹，shift+右键，选择“在此次打开命令窗口”，...

一、使用npm安装MySQL二、编写取数api1、新建数据库连接信息文件module.exports={ mysql:{ host:'127.0.0.1', user:'root', password:'x5', database:'test', port:'3306' }}2、在服务器文件index.js，创建数据库连接，并编写取数api...

场景：在页面A中，使用window.opener()打开了一个新的页面B，页面B中使用iframe嵌套了一个页面C需求1：在页面B中刷新页面A解决：self.opener.location.reload()需求2：在页面C中刷新页面A解决：top.opener.location.reload()相关知识可参考 http://www.cnblogs.com/xushuyi/art...

html：&lt;iframe src="main.html" frameborder="0" scrolling="no" width="100%" id="iframeContent"&gt;&lt;/iframe&gt;js ：//iframe 高度自适应function setIframeHeight(iframe) { iframe.onload=