前端十二-CSDN博客

原创如何实现前端优化，如何发现哪些前端优化？

1.一幅图看出哪些需要优化！怎么做呢？2.npm安装webpack-bundle-analyzernpm installwebpack-bundle-analyzer -D3.配置webpack-bundle-analyzer//在vue.config.js引入const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;//配置module.exports={ c.

2021-07-22 16:04:28 152 1

原创企业微信通讯录组件如何在Vue使用，ww-open-data如何使用，antd的a-tree如何配合通讯录组件？

一.首先在index.html使用CDN引入企业微信的JS文件<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>二.单个封装ww-open-data组件<template>

2021-07-14 18:34:00 4856 8

原创 qiankun微服务使用流程

一、创建基座（主服务）二、创建微服务三、主服务main.js配置// 引入qiankunimport { registerMicroApps, start } from "qiankun";registerMicroApps([ { name: "vueApp", // 应用的名字 entry: "//localhost:3001", // 默认会加载这个html 解析里面的js 动态的执行（子应用必须支持跨域）fetch container: "#conta

2021-06-15 10:27:59 1243

原创 React开发者工具和Redux开发者工具的使用。

一、React开发者工具应用商店下载React Developer Tools

2021-05-06 15:55:48 591 4

原创 2021年判断浏览器最新写法，你都掌握了吗？

目前浏览器更新幅度变快，导致之前很多判断浏览器方法失效，以下是最新判断浏览器方法 function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (userAgent.indexOf("Opera") > -1) { return.

2021-05-06 11:01:44 182

原创 axios解决Post传参问题

问题：传参时后台接收到的参数是本来是一对键值对，普通的用data传参会将参数全部传入键名中去，并数据类型是字符串，这样的话后端无法获取参数。解决：new 一个 URLsearchParams() 对象，这个对象内置了append方法，这个方法允许我们传递一个键值对，这个键值对的数据类型为String。使用这个方法就可以添加键值对参数。然后将这个对象穿递到data中即可。如果需要传递多段参数，则需要多次append//获取验证码export function getCode({ ph.

2021-05-06 10:58:38 723

原创 Proxy代理如何配置？为什么配置无效？

方法一在package.json中追加如下配置'proxy':'http://localhost:5000'说明#优点：配置简单，前端请求资源时可以不加任何前缀#缺点：不能配置多个代理#工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前缀资源）方法二低版本http-proxy-middleware#引入文件 const proxy =require('http-proxy-middleware') npm i htt..

2021-05-06 10:50:38 5120 1

原创 React 三种获取ref方式

获取ref三种方法1、字符串形式的ref class Box extends React.Component{ render(){ return <input ref='input' type="text"/> } }2、回调形式的ref class Box extends React.Component{ clic(){ console.log(this.input.

2021-05-06 10:44:21 1933 1

原创微信小程序wx.request请求封装,和跨域的解决。

一、新建network文件夹并建立netwrok.js文件import baseURL from "./config.js";// 引入baseURL 后面会讲到export default function request(options){ // options为调用时传入的参数对象 return new Promise((resolve,reject)=>{ wx.request({ header:{ 'pc-token':'4a82b23d

2021-04-22 08:12:47 3454 5

l1811800822的博客