- 博客(49)
- 问答 (2)
- 收藏
- 关注
原创 qiankun主应用(vue2+element-ui)子应用(vue3+element-plus)不同版本element框架css样式相互影响的问题
qiankun主应用(vue2+element-ui)子应用(vue3+element-plus)不同版本element框架css样式相互影响的问题
2024-11-18 15:12:32
892
原创 前端项目本地的node_modules直接上传到服务器上无法直接使用(node-sass模块报错)
本地开发一般是 windows 或者 macos系统,而服务器是 linux系统,所以本地下载的 node_modules中没有 linux对应的 binding.node文件,直接搬运到服务器上运行就会报错。跑 jekins任务的服务器不能连接外网下载依赖包,就将本地下载的 node_modules直接上传到服务器上,但是运行时node-sass模块报错了。node-sass模块安装时会有根据当前的系统环境下载对应的 binding.node文件,在。
2024-07-11 16:24:12
732
原创 vue-cli创建项目,淘宝镜像报错Failed to get response from https://registry.npm.taobao.org/binary-mirror-config
vue-cli 4创建项目,淘宝镜像报错 Failed to get response from https://registry.npm.taobao.org/vue-cli-version-marker,修改自己本地安装的 vue-cli中引用的淘宝镜像地址来解决
2024-05-22 14:38:59
601
原创 qiankun子应用静态资源404问题的一种有效解决方法(遇到了http请求静态文件404、css文件引用图片无法显示、svg图片转换成 base64无法显示等问题)
qiankun子应用静态资源404问题
2024-01-26 18:28:59
2458
原创 qiankun微前端部署(主/子应用部署在同一个服务)(2024.05.20更新~)
qiankun微前端部署(主/子应用部署在同一个服务)
2024-01-26 17:09:45
2379
5
原创 vue单页面应用使用 history模式路由时刷新页面404的一种可能性
原先使用的是 hash模式路由,因为要结合qiankun进行微前端改造,改成了 history模式,结果页面刷新之后没有正确渲染组件。按照一般思路检查 nginx配置也配置上了,还是有问题。
2023-10-13 15:39:42
497
原创 Vue2.0页面缓存机制&联合页面标签的交互(keep-alive + router)
Vue2.0页面缓存机制&联合页面标签的交互(keep-alive + router)
2023-02-09 16:14:21
1649
原创 AntV X6(v1.32.8)结合Vue组件渲染节点,并与节点组件进行双向的数据交互
AntV X6结合Vue组件渲染节点,并与节点组件进行双向的数据交互
2022-12-13 16:16:20
4599
30
原创 关于使用 D3实现拓扑按地图区域分布的连猜带蒙的一点想法(理解不深,待调整优化)
关于使用 D3实现拓扑按地图区域分布的连猜带蒙的一点想法(理解不深,待调整优化)
2022-08-19 14:47:08
343
原创 基于Element-ui 封装穿梭框(左侧树 右侧列表,可全选,列表可拖拽)
基于 Element-ui自己写了一个左边是树结构,右边是列表结构的穿梭框,有全选功能,右侧列表可拖拽
2022-07-04 18:40:11
9160
15
原创 Vue + Echarts(v5.版本)的简单组件封装(折线图、柱状图、散点图、饼/环形图、仪表盘、雷达图)
项目中展示图表的地方很多,不想每次都写一长串的 options配置,就整合了一下常用的配置项,简单封装了一下,也能保证整个系统的图表风格统一,需要调整样式的时候也不用改很多地方
2022-06-02 11:19:53
4996
8
原创 前端Docker部署 http / https服务&使用 iframe嵌套页面遇到的问题&页面403 Forbidden问题
中心思想:先部署 http服务,再部署 https服务转发到 http服务上
2022-05-05 13:51:53
4934
原创 子元素position: fixed,宽度无法与父元素保持一致的问题(借助父元素使用 position: absolute)
【场景】左侧导航栏,可以展开收起,右侧主体内容,有部分内容需要固定在页面底部。【问题】需要固定的部分用 position: fixed,但是脱离了文档流,无法与右侧主体内容的宽度保持一致(因为左侧导航栏可以展开收起,所以右侧主体内容的宽度是会变化的)【解决方法】使用 position: absolute(使用的是 Vue的语法)页面效果(PS 右侧主体内容中,正文内容高度是超出页面高度的,需要滚动)左侧导航栏展开,正文内容未滚动左侧导航栏收起,正文内容滚动到底部HTML代码.
2021-11-23 18:30:00
2637
2
原创 页面同时发生多个请求,在 axios中对 loading进行统一处理(Vue+Element-ui)
全局 loading,在页面所有请求结束之前,loading会一直存在,粗暴地禁止了用户在所有请求结束之前有别的请求操作,如果请求过多,或者其中部分请求的响应速度慢,会影响页面的交互体验import axios from 'axios';import { Message, MessageBox, Loading } from 'element-ui';/* element 服务 loading */let loading; // 定义loading变量function startLoadin.
2021-10-11 15:47:53
1820
4
原创 零零碎碎七七八八
robot.txtrobots.txt 是搜索引擎蜘蛛到网站之后要寻找和访问的第一个文件,制定了一个如何索引当前网站的规则。当一个搜索机器人(搜索蜘蛛)访问一个站点时,会首先检查该站点根目录下是否存在robots.txt,如果存在,搜索机器人就会按照该文件中的内容来确定访问的范围;如果不存在,搜索机器人就沿着链接抓取。User-agent:Allow:Disallow:参考:如何使用robots.txt及其详解...
2021-08-24 11:12:44
164
原创 ESLint 报错解决
/xxx/components/xxx import should occur after import of /xxx/utils/xxx import/order// .eslintrc.jsrules: { 'simple-import-sort/sort': 'off',},
2021-08-13 16:43:20
2188
原创 CSS一个子元素固定宽度,另一个子元素宽度自适应
弹性盒子 flex.parent { width: 100%; display: flex;}.child1 { width: 200px;}.child2 { flex: 1;}
2021-06-22 10:29:27
647
1
原创 开始时间、时间间隔、结束时间的计算(借助 moment.js)
框架:Vue + AntDesignForm表单中有三个字段 ,开始时间(Ant的时间选择器)、时间间隔(输入框,格式为:xxHxxMIN,例:1H30MIN,表示1小时30分钟)、结束时间(Ant的时间选择器)计算开始 / 结束时间calcStartEndTime() { let startTime = this.form.getFieldValue('formStartTime') let endTime = this.form.getFieldValue('formEndTim.
2021-06-04 16:42:22
6084
原创 计算某月日历中展示的日期集合(借助 moment.js)
一般日历插件展示某个月份的日期时,前后总有几天是前后两个月的部分日期,除了展示当月日期的数据外,还要获取这些多出的日期的数据,就需要动态计算这部分日期(见下图),本文借助 moment.js 插件来计算【一般日期月份展示 6×7=42天】 // 获取当前日历插件锁定的日期 /* 我这边用的是 ant-desgin-vue,获取的值就是 moment类型的,其他插件的取值如果不是 moment类型,还需要用 moment()转换一下 */ let calendar = this..
2021-04-23 17:04:09
429
原创 在 echarts折线图中添加一个自定义的 html元素
遇到一个需求:折线图上最后一个点做成一个动态水波纹的点。。。一开始想让 UI小哥做一个 gif动态图,直接加到 echarts折线图的拐点上,但是小哥说 gif的画质太差,不给用,切成了一系列的静态图,让自己组装成动态变换的。。。要组装的话,那必然要自己写一个 html元素来设置 css样式,但是搞了半天,不知道怎么用自定义的 html元素,想直接使用 gif,然而 symbol属性不支持展示 gif,不过偶然发现 markPoint是支持 gif的哦!!!但是回到 gif本身画质的问题上,当然还是.
2021-01-19 18:34:12
5234
4
原创 Vue项目中使用 Promise、async/await 处理有先后顺序的页面请求
【场景】:列表查询页面,列表展示的部分字段需要通过字典映射展示,而映射关系的字典也是通过接口获取的,所以,需要在所有映射关系的字典都获取完成之后,才能获取列表。(自己摸索的,如果不对,那就 sorry) mounted() { // 获取字典信息 this.getDictList(); }, methods: { // async 包装首先调用的方法,获取字典信息 async getDictList() { /* 注意!!!因为我们这个项目请求字典信息是公
2020-11-19 17:13:20
1027
原创 子元素从左往右排列,均匀分布,自动换行(子元素个数不确定)
经常碰到一些页面,展示不确定个数的卡片,要求从左往右排列,均匀分布,超出指定个数需要换行,如果一行不满指定个数,仍然从左开始排列。如果每行个数相同,那使用 flex弹性布局,设置 justify-content: space-between即可,但个数不确定,如果最后一行个数不满,那就跟前面几行的排列样式不一致了因此,自己写了一个使用 float浮动➕calc计算来达到此要求的 css样式,以此记录(以每行5个为例)HTML代码 <p>一行 不满5个</p> &.
2020-10-28 21:52:53
4690
原创 Mac中的常用设置和常用快捷键
小白,刚买的 Mac,在自己摸索着装环境和软件,遇到很多问题,简单记录一下1.修改 finder(访达)中文件夹和文件的默认排列方式打开 finder,快捷键 command+j,按个人习惯配置(参考:https://segmentfault.com/a/1190000020106493).........
2020-10-03 15:51:49
628
原创 Mac安装并运行 nginx
小白,刚买的 Mac,在自己摸索着装环境和软件,遇到很多问题,简单记录一下1. 安装 brew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"【报错】: Failed to connect to raw.githubusercontent.com port 443: Connection refused换个命令重新安装:/bin/zsh -c ".
2020-10-02 16:28:06
2812
原创 Mac使用 svn
小白,刚买的 Mac,在自己摸索着装环境和软件,遇到很多问题,简单记录一下SnailSVNLite一开始在 App Store中下载了 SnailSVNLite精简版(免费的),按照网上的教程配置了一通,成功下载了 2个 svn路径上的内容。But!!!其中一个路径可以使用 SnailSVNLite进行更新提交等等类似 TortoiseSVN的操作。另一路径下载完了就仿佛成了一个本地文件,找不到更新之类的操作方式百思不得其解,后来无意中比较了2个路径,发现,一个是 svn协议开头的路.
2020-10-02 14:26:39
1227
原创 Element-ui的 Table简单封装——2022.05.17更新
使用UI框架从 iVew换到 Element-ui,发现 Element-ui的 Table没有 iView方便,做了一点简单的封装,只加了一些必要的属性 >>> 2022.05.17更新了一版,可直接查看更完善一点的版本
2020-09-07 18:11:02
952
原创 iView中Form表单的验证(自定义验证、动态增减项验证)
在使用 iView框架做后台管理系统重构,碰到一个能使用到多种验证场景的配置页面,记录一下各种验证方式【页面】【重点代码】<template> <div style="max-height: 500px; overflow: scroll;"> <Form ref="createForm" :model="newConfig" :rules="ruleValidate" label-width="150"> <FormItem la
2020-07-02 17:52:20
5822
8
原创 Vue中的理论在实际开发过程中的遇见
1. 只有在初始化 Vue实例前声明的属性才具有响应式能力,后来添加的属性不具备。场景: 子组件是一个创建/编辑公用的配置页面,当在父组件中点击编辑时,需要将已有的配置数据传递到子组件中展示,当直接对子组件 data属性中的 对象变量 进行赋值时,少添加了一个属性,以致子组件中对该属性变更,页面都没有反应。<!-- 子组件 template --><Form ref="configForm" :model="newConfig" :rules="ruleValidate" :labe
2020-07-02 14:20:18
210
空空如也
隐私设置,没法回复,评论也没了,看到请留下你的联系方式吧同学
2024-09-04
怎么查看 node-sass和 sass-loader的各个版本的对应关系
2021-09-29
git怎么同步另一个仓库中某个目录下的代码到当前仓库?
2021-09-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人