A_lamp的博客

原创 vue3.0路由入口

原创 导航菜单递归

【代码】导航菜单递归。

原创 auido读取字节流录音

原创 字节流.csv文件导出

原创 ElementUI报错 Error in callback for watcher “data“: “Error: [ElTable] prop row-key is required“

在table 上面加:key="id"

原创 多文件(图片)同时上传

原创 上传（图片文件）

图片上传

原创 JSON数据展示

json数据展示

原创 useAsyncState 如何使用

【代码】useAsyncState 如何使用。

原创 table自动滚动效果

代码】table自动滚动效果。

原创 wesocket对接vue2.0和vue3.0

代码】wesocket对接vue2.0和vue3.0。

原创 轻松了解webpack那些配置

webpack了解及配置 entry output plugins modules resolves

原创 nginx配置

nginx.conf配置

转载 前端如何处理大数据

前端优化

原创 vue3.0中echarts初始化

<template> <div ref="chartDom" :class="className" :style="{height:height, width:width}" ></div></template><script>import { useDebounceFn } from "@vueuse/core";import echarts from "echarts";import { onMoun.

原创 antv g6绘制树状图（vue）

<template> <div> <button @click="changeDateBtn1">我数树状图一个的按钮(数据切换)</button> <button @click="changeDateBtn3">我数树状图三个的按钮(数据切换)</button> <div id="container" :style="{ height: '800px', width: '100%' }" />.

原创 vue3.0 watch的五种情况

//情况一：监视ref所定义的一个响应式数据 watch(sum,(newValue,oldValue)=>{ console.log('sum变了',newValue,oldValue) },{immediate:true}) //情况二：监视ref所定义的多个响应式数据 watch([sum,msg],(newValue,oldValue)=>{ console.log('sum或msg变了',newValue,oldVa...

转载 git创建新分支并与远程分支关联

1.查看当前有几个分支 git branch2.新建一个dev分支，然后切换到dev分支 git branch dev // 创建dev分支 git checkout dev // 切换到dev分支 // 还可以用一条命令创建并切换分支 git checkout -b dev // git checkout 命令加上-b参数表示创建并切换3.将新建的dev分支推送到远程服务器，这样别人也能看到这个分支 git push origin dev4.g.

转载 vue2和vue3的区别

vue2和vue3的区别 - 知乎

原创 ​​​​​​​vue3.0学习总结反思

1.项目搭建1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步：1 npm uninstall vue-cli -g //或者 yarn global remove vue-cli这个时候有些小伙伴可能卸载不了，参考如下安装成功后，我们即可使用 vue 命令，测试方法：$ vue -V@vue/cli 4.3.12、Vue CLI 3需要 nodeJs≥ 8.9 (官方推荐 8.11.0+，你可以使用nvm或nvm-windows在...

原创 node版本下载总结

直接上地址https://nodejs.org/zh-cn/download/releases/选择.msi结尾的下载即可转载于:https://www.cnblogs.com/chenmiaosong/p/8918819.html

原创 hooks内部的方法使用

useEffect的方法使用 // useEffect底层是 componentDidMount,componentDidUpdate,componentWillUnmount // 刚进来执行componentDidMount里面的first执行或者页面有变化的时候都会执行componentDidUpdate里面的first而离开componentWillUnmount不会执行first // 没有第二个参数时候, componentDidMount,compone

原创 Fetch封装

import { loading } from '@/methods/talk'import { Toast } from 'vant'export const json = (response) => response.json()export const status = (response) => { if (response.status >= 200 && response.status < 300) { return response.

原创 vue项目数据可视化处理

store分布结构图：( ./mutation-types/reset_password )目录1.mutations.js空2.mutation-types.js export * from './mutation-types/pay_online' export * from './mutation-types/collection_health' export * from './mutation-types/reset_password'3.

原创 from表单实现vuex管理及表单校验

from结构：<Fieldlabel="身份证号码":value="form.idcard"@input="(val)=>fieldChange('idcard',val)"placeholder="请输入身份证号码"></Field>form提交父组件// 子组件fieldChange (field, value) { this.$emit('formChange', { field, value }) }// 父组件...

原创 Umi+Dva+Ant-design+Ts+Hooks开发需求文档

1. Umi官网(https://umijs.org/zh-CN)2. Dvajs文档(https://dvajs.com/guide/concepts.html)3. Ant-design文档(https://3x.ant.design/index-cn)4. Ts文档（https://www.runoob.com/typescript/ts-type.html）5. Hooks文档(https://www.jianshu.com/p/89f2cf94a7c2)6. (比站课程)(.

原创 判断代码的运行环境（移动端还是PC端）

/**判断操作系统*/exportconstos=()=>{varua=navigator.userAgent,isWindowsPhone=/(?:WindowsPhone)/.test(ua),isSymbian=/(?:SymbianOS)/.test(ua)||isWindowsPhone,isAndroid=/(?:Android)/.test(ua),isFireFox=/(?:Fir...

原创 压缩图片上传图片

引包 import lrz from 'lrz' async onRead (file) { let fileList = file let quality = 0.5 let pro1 = await new Promise(function(resolve, reject) { lrz(fileList[0].file, { quality }) .then((rst) => { ...

原创 前端下载excel模板

letiframe=document.createElement("iframe");iframe.style.border='none'leturl=`${location.origin}/mssp-intranet-utils/chiefs/jdtemplate.xlsx`iframe.src=url;document.body.appendChild(iframe);...

原创 前端做table下载excel功能

varstr='京东卡号,金额,姓名,手机号\n';constdetailListExcel=this.detailDownList.map(item=>{return{cardNo:item.cardNo,prizePrice:item.prizePrice,userName:item.userName,...

原创 跨域现学现用

一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）二、什么是跨域当一个请求url的协议、域名、端

转载 非常实用的ES6特性

展开操作符顾名思义，用于对象或数组之前的展开操作符（…），将一个结构展开为列表。演示一下：letfirstHalf=['one','two'];letsecondHalf=['three','four',...firstHalf];这种写法够优雅，够简洁吧？如果不用展开操作符我们得这么写：letfirstHalf=['one','two'];letsecondHalf=['three','four'];for(var...