- 博客(44)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 qiankun子应用静态资源404问题有效解决（遇到了http请求静态文件404、css文件引用图片无法显示、svg图片转换成 base64无法显示等问题）
qiankun子应用静态资源404问题
2024-01-26 18:28:59
764
原创 vue单页面应用使用 history模式路由时刷新页面404的一种可能性
原先使用的是 hash模式路由，因为要结合qiankun进行微前端改造，改成了 history模式，结果页面刷新之后没有正确渲染组件。按照一般思路检查 nginx配置也配置上了，还是有问题。
2023-10-13 15:39:42
366
原创 Vue2.0页面缓存机制&联合页面标签的交互（keep-alive + router）
Vue2.0页面缓存机制&联合页面标签的交互（keep-alive + router）
2023-02-09 16:14:21
1324
原创 AntV X6（v1.32.8）结合Vue组件渲染节点，并与节点组件进行双向的数据交互
AntV X6结合Vue组件渲染节点，并与节点组件进行双向的数据交互
2022-12-13 16:16:20
3387
25
原创 关于使用 D3实现拓扑按地图区域分布的连猜带蒙的一点想法（理解不深，待调整优化）
关于使用 D3实现拓扑按地图区域分布的连猜带蒙的一点想法（理解不深，待调整优化）
2022-08-19 14:47:08
279
原创 基于Element-ui 封装穿梭框（左侧树 右侧列表，可全选，列表可拖拽）
基于 Element-ui自己写了一个左边是树结构，右边是列表结构的穿梭框，有全选功能，右侧列表可拖拽
2022-07-04 18:40:11
7816
15
原创 Vue + Echarts(v5.版本)的简单组件封装（折线图、柱状图、散点图、饼/环形图、仪表盘、雷达图）
项目中展示图表的地方很多，不想每次都写一长串的 options配置，就整合了一下常用的配置项，简单封装了一下，也能保证整个系统的图表风格统一，需要调整样式的时候也不用改很多地方
2022-06-02 11:19:53
3752
8
原创 前端Docker部署 http / https服务&使用 iframe嵌套页面遇到的问题&页面403 Forbidden问题
中心思想：先部署 http服务，再部署 https服务转发到 http服务上
2022-05-05 13:51:53
4001
原创 子元素position: fixed，宽度无法与父元素保持一致的问题（借助父元素使用 position: absolute）
【场景】左侧导航栏，可以展开收起，右侧主体内容，有部分内容需要固定在页面底部。【问题】需要固定的部分用 position: fixed，但是脱离了文档流，无法与右侧主体内容的宽度保持一致（因为左侧导航栏可以展开收起，所以右侧主体内容的宽度是会变化的）【解决方法】使用 position: absolute（使用的是 Vue的语法）页面效果（PS 右侧主体内容中，正文内容高度是超出页面高度的，需要滚动）左侧导航栏展开，正文内容未滚动左侧导航栏收起，正文内容滚动到底部HTML代码.
2021-11-23 18:30:00
2165
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
1668
4
原创 零零碎碎七七八八
robot.txtrobots.txt 是搜索引擎蜘蛛到网站之后要寻找和访问的第一个文件，制定了一个如何索引当前网站的规则。当一个搜索机器人（搜索蜘蛛）访问一个站点时，会首先检查该站点根目录下是否存在robots.txt，如果存在，搜索机器人就会按照该文件中的内容来确定访问的范围；如果不存在，搜索机器人就沿着链接抓取。User-agent:Allow:Disallow:参考：如何使用robots.txt及其详解...
2021-08-24 11:12:44
114
原创 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
1817
原创 CSS一个子元素固定宽度，另一个子元素宽度自适应
弹性盒子 flex.parent { width: 100%; display: flex;}.child1 { width: 200px;}.child2 { flex: 1;}
2021-06-22 10:29:27
467
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
5720
原创 计算某月日历中展示的日期集合（借助 moment.js）
一般日历插件展示某个月份的日期时，前后总有几天是前后两个月的部分日期，除了展示当月日期的数据外，还要获取这些多出的日期的数据，就需要动态计算这部分日期（见下图），本文借助 moment.js 插件来计算【一般日期月份展示 6×7=42天】 // 获取当前日历插件锁定的日期 /* 我这边用的是 ant-desgin-vue，获取的值就是 moment类型的，其他插件的取值如果不是 moment类型，还需要用 moment()转换一下 */ let calendar = this..
2021-04-23 17:04:09
348
原创 在 echarts折线图中添加一个自定义的 html元素
遇到一个需求：折线图上最后一个点做成一个动态水波纹的点。。。一开始想让 UI小哥做一个 gif动态图，直接加到 echarts折线图的拐点上，但是小哥说 gif的画质太差，不给用，切成了一系列的静态图，让自己组装成动态变换的。。。要组装的话，那必然要自己写一个 html元素来设置 css样式，但是搞了半天，不知道怎么用自定义的 html元素，想直接使用 gif，然而 symbol属性不支持展示 gif，不过偶然发现 markPoint是支持 gif的哦！！！但是回到 gif本身画质的问题上，当然还是.
2021-01-19 18:34:12
4761
4
原创 Vue项目中使用 Promise、async/await 处理有先后顺序的页面请求
【场景】：列表查询页面，列表展示的部分字段需要通过字典映射展示，而映射关系的字典也是通过接口获取的，所以，需要在所有映射关系的字典都获取完成之后，才能获取列表。（自己摸索的，如果不对，那就 sorry） mounted() { // 获取字典信息 this.getDictList(); }, methods: { // async 包装首先调用的方法，获取字典信息 async getDictList() { /* 注意！！!因为我们这个项目请求字典信息是公
2020-11-19 17:13:20
933
原创 子元素从左往右排列，均匀分布，自动换行（子元素个数不确定）
经常碰到一些页面，展示不确定个数的卡片，要求从左往右排列，均匀分布，超出指定个数需要换行，如果一行不满指定个数，仍然从左开始排列。如果每行个数相同，那使用 flex弹性布局，设置 justify-content: space-between即可，但个数不确定，如果最后一行个数不满，那就跟前面几行的排列样式不一致了因此，自己写了一个使用 float浮动➕calc计算来达到此要求的 css样式，以此记录（以每行5个为例）HTML代码 <p>一行 不满5个</p> &.
2020-10-28 21:52:53
3616
原创 Mac中的常用设置和常用快捷键
小白，刚买的 Mac，在自己摸索着装环境和软件，遇到很多问题，简单记录一下1.修改 finder（访达）中文件夹和文件的默认排列方式打开 finder，快捷键 command+j，按个人习惯配置（参考：https://segmentfault.com/a/1190000020106493）.........
2020-10-03 15:51:49
528
原创 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
2604
原创 Mac使用 svn
小白，刚买的 Mac，在自己摸索着装环境和软件，遇到很多问题，简单记录一下SnailSVNLite一开始在 App Store中下载了 SnailSVNLite精简版（免费的），按照网上的教程配置了一通，成功下载了 2个 svn路径上的内容。But！！！其中一个路径可以使用 SnailSVNLite进行更新提交等等类似 TortoiseSVN的操作。另一路径下载完了就仿佛成了一个本地文件，找不到更新之类的操作方式百思不得其解，后来无意中比较了2个路径，发现，一个是 svn协议开头的路.
2020-10-02 14:26:39
990
原创 Element-ui的 Table简单封装——2022.05.17更新
使用UI框架从 iVew换到 Element-ui，发现 Element-ui的 Table没有 iView方便，做了一点简单的封装，只加了一些必要的属性 >>> 2022.05.17更新了一版，可直接查看更完善一点的版本
2020-09-07 18:11:02
887
原创 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
5092
8
原创 Vue中的理论在实际开发过程中的遇见
1. 只有在初始化 Vue实例前声明的属性才具有响应式能力，后来添加的属性不具备。场景： 子组件是一个创建/编辑公用的配置页面，当在父组件中点击编辑时，需要将已有的配置数据传递到子组件中展示，当直接对子组件 data属性中的 对象变量 进行赋值时，少添加了一个属性，以致子组件中对该属性变更，页面都没有反应。<!-- 子组件 template --><Form ref="configForm" :model="newConfig" :rules="ruleValidate" :labe
2020-07-02 14:20:18
157
原创 Vue axios delete请求传参（数组）问题
问题现象： vue项目使用 axios发送 delete请求，传入的params参数是数组，浏览器解析出来的数据格式[]位置比较奇怪。解决方法： 使用 qs插件对参数做序列化。import qs from 'qs'export const customRequest = (params) => { return axios.request({ url: `xxx url`, method: 'delete', params, // 重点在这里 paramsSerializ
2020-06-04 17:00:24
8371
4
原创 Vue父组件修改了通过 props传递给子组件的数据，子组件没有及时更新
<!-- 父组件 --><template> <div> <my-component ref="myComponent" :id="curId" /> </div></template><script> export default { data(){ return { ...
2020-04-26 12:38:23
18103
19
原创 Vue项目：iView & vue-i18n & echarts遇到的问题和解决方法
vue-i18n & echarts遇到的问题和解决方法data中的预置数据echarts图表中的 tooltip、markline等data中的预置数据data中的数据初始化一次之后，不手动修改是不会变化的，所以直接在data中使用this.$t('xxx')，只有页面首次加载是有效的，中途切换的话，是没办法跟着切换的。解决方法：将需要用到国际化的数据定义在computed里面...
2020-04-14 17:33:56
3089
原创 Vue学习笔记整理_Alice
一、Vue中的概念理解渐进式框架由浅入深、由简单到复杂的去使用优点体积小压缩之后 33k运行效率高虚拟 DOM技术，预先通过 Javascript进行计算，将最终的 DOM操作计算出来并优化的技术，只是预处理，并没有真实地操作 DOM双向数据绑定开发者不需要去操作 DOM，只关注业务逻辑生态丰富，学习成本低有很多成熟稳定的 ui框架、常用组件等，可以拿来实现快速开发...
2020-02-14 22:41:04
240
原创 Vue 与 Angular（2以上）的比较 ——参考 Vue 官方文档的个人总结
TypeScriptAngular 必须用 TypeScript 来开发。Vue 也支持 TypeScript ，但并没有像 Angular那么深入。在中小型规模的项目中，引入 TS 可能并不会带来太多明显的优势，所以使用 Vue比较多。运行时性能这两个框架运行速度都很快，不过速度不是性能决定性的因素，还可以根据具体的数据做更细粒度的对比。代码体积在体积方面，最近的 Angular ...
2019-05-14 13:09:10
720
空空如也
怎么查看 node-sass和 sass-loader的各个版本的对应关系
2021-09-29
git怎么同步另一个仓库中某个目录下的代码到当前仓库？
2021-09-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人