- 博客(9)
- 收藏
- 关注
原创 如何实现前端优化,如何发现哪些前端优化?
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
161
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
5060
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
1278
原创 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
189
原创 axios解决Post传参问题
问题:传参时后台接收到的参数是本来是一对键值对,普通的用data传参会将参数全部传入键名中去,并数据类型是字符串,这样的话后端无法获取参数。解决:new 一个 URLsearchParams() 对象,这个对象内置了append方法,这个方法允许我们传递一个键值对,这个键值对的数据类型为String。使用这个方法就可以添加键值对参数。然后将这个对象穿递到data中即可。如果需要传递多段参数,则需要多次append//获取验证码export function getCode({ ph.
2021-05-06 10:58:38
751
原创 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
5213
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
1973
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
3617
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人