qq_42063254的博客

原创 qiankun 配置步骤

微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署上线。一般呢，微前端多应用于企业中的中后台项目中，因为企业内部的中后台项目存活时间都比较长，动辄三五年或者更多，最后演变成一个巨石应用的概率往往高于其他类型的web应用。这就带来了技术栈落后编译部署慢两个问题。

原创 vue3+elementUI

模板

原创 【无标题】

【代码】【无标题】

原创 【无标题】

因为在useEffect中使用useState，作为useEffect依赖项是用useSelector获取值，导致不停渲染页面，网上大多数解决方案是把依赖清空或者写具体的某个值来更新，因为我这比较数据较大，不好具体写明依赖。后面把useSelector改成connect方式获取即可。

原创 前端处理Excel文件

我的是mac，导入的时候注意文件，type切换格式，如果切换了导入打印还是乱码，另存为下。第二步：import * as XLSX from ‘xlsx’第一步：npm i xlsx。

原创 前端数组去重

数组去重方法一var arr = ['apple','banana','pear','apple','orange','orange'];console.log(arr) //["apple", "banana", "pear", "apple", "orange", "orange"]var newArr = arr.filter(function(value,index,self){ return self.indexOf(value) === index;});console

原创 Git 经典操作场景

我刚才提交了什么?如果你用 git commit -a 提交了一次变化(changes)，而你又不确定到底这次提交了哪些内容。你就可以用下面的命令显示当前HEAD上的最近一次的提交(commit):(main)$ git show或者$ git log -n1 -p我的提交信息(commit message)写错了如果你的提交信息(commit message)写错了且这次提交(commit)还没有推(push), 你可以通过下面的方法来修改提交信息(commit message):$ g

原创 Vue 自定义指令合集

超实用：Vue 自定义指令合集在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。你可以将一些 css 样式抽象到指令中，也可以将一些 js 操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。对于在项目中常用到的指令，在此做了一个合集介绍，附源码可以直接在项目中使用。元素点击范围扩展指令 v-expandClick使用该指令可以隐式的扩展元素的点击范围，由于借用伪元

原创 中国省市区json文件

let cityinfos=[{ “code”: “11”, “name”: “北京市”, “children”: [{ “code”: “1101”, “name”: “市辖区”, “children”: [{ “code”: “110101”, “name”: “东城区” }, { “code”: “110102”, “name”: “西城区” }, { “code”: “110105”, “name”: “朝阳区” }, { “code”: “110106”, “name”: “丰台区” }, {

原创 省市区code

let cityinfos=[{ “code”: “11”, “name”: “北京市”, “children”: [{ “code”: “1101”, “name”: “市辖区”, “children”: [{ “code”: “110101”, “name”: “东城区” }, { “code”: “110102”, “name”: “西城区” }, { “code”: “110105”, “name”: “朝阳区” }, { “code”: “110106”, “name”: “丰台区” }, {

原创 js深克隆方法

方法一：JSON.parse(JSON.stringify(obj))缺点：不可以拷贝 null， function， RegExp 等等类型的let obj = { a: 1, b: 2, c: [1, 2, 3]}let newObj = JSON.parse(JSON.stringify(obj))obj.c[0] = 2console.log(newObj.c[0]) //1缺点：如果obj里面有时间对象，则JSON.stringify后再JSON.pa

原创 js封装方法

1、输入一个值，返回其数据类型**function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) {

原创 省市区格式3

var i={100000:{110000:“北京市”,120000:“天津市”,130000:“河北省”,140000:“山西省”,150000:“内蒙古自治区”,210000:“辽宁省”,220000:“吉林省”,230000:“黑龙江省”,310000:“上海市”,320000:“江苏省”,330000:“浙江省”,340000:“安徽省”,350000:“福建省”,360000:“江西省”,370000:“山东省”,410000:“河南省”,420000:“湖北省”,430000:“湖南省”,440

原创 省市区2

{“COH”: {“transserialno”: “20200301ucsp100001442”,“transcode”: “ucspss101207”,“resultcode”: “000000”,“version”: “1.0”,“resultdesc”: “成功”},“BDY”: {“cityinfos”: [{“citycode”: “ab”,“cityname”: “阿坝”,“branid”: “510”,“gbcode”: “513200”},{“cityco

原创 js比较

原创 快应用获取设备信息

快应用获取设备信息1.引用import device from '@system.device' 或 const device = require('@system.device')2.应用device.getId({ type: ['device', 'mac'], success: function(data) { console.log(`handling success: ${data.device}`) }, fail: function(data, code)

转载 如何实现高性能的在线 PDF 预览

因客户需要实现PDF的预览处理，在网上找了一些PDF在线预览的解决方案，有的用PDFJS的在线预览方式，有的使用PDFObject的嵌入式显示，有的通过转换JPG/PNG方式实现间接显示的方式，开始是想通过简单的方式，能够使用JS插件实现预览最好，可是在线预览总是有一些不足，如不同浏览器的兼容问题，甚至不同的手机平台中展示的效果也不一样，不过最好还是采用了间接的方式，把PDF转换为图片展示效果，达到客户的要求。1、在线实现预览的方式一开始我还是很倾向使用这种方式，希望能采用一个较为好的JS插件的方式，实

原创 css

除去事件：如点击事件pointer-events: nonecss添加刺样式，页面中就不可以点击

原创 前端js常用正则

1.只能输入数字、大小写、汉字str.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g, "")2.金额栏位常用 val.replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符 .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的 .replace(".", "$#$") .replace(/\./g, "") .replace("

原创 vue应用百度地图

vue应用百度地图1.npm i vue-baidu-map2.config中配置 externals: { Vue: 'Vue', VueRouter: 'VueRouter', Vuex: 'Vuex', BMap: 'BMap', _BMap: '_BMap' }, <baidu-map v-if="isShowMap" :center="GPScenter"