自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

acheding的博客

生命是一团欲望,欲望不能满足便痛苦,满足便无聊。

  • 博客(46)
  • 收藏
  • 关注

原创 Markdown 常用语法

本文主要介绍了Markdown的一些常用语法,包括:粗体、斜体、粗斜体、列表、引用、分割线、删除线、下划线、链接、图片、表格、代码、键盘,以及 VuePress 关于 MarkDown 的一些常用拓展。

2023-10-23 16:47:25 377 2

原创 如何使用 VuePress 搭建博客网站并 Vercel 部署

本文主要介绍了如何使用VuePress搭建默认主题的博客网站,以及如何通过Vercel免费部署网站的方法。

2023-10-23 15:11:18 446

原创 如何使用 GoGoCode 一键 Vue2 转换 Vue3

通过GoGoCode将Vue2文件构造为核心 AST 实例,再通过编写转换规则,将Vue2语法换成Vue3语法。

2023-10-20 17:13:02 4571 9

原创 麻将计分器:简单的微信小程序开发

本文从前后端两个方面介绍了一个简单的麻将计分器微信小程序的准备工作以及代码的编写,并以动图的形式展示了样例,提供了部分代码供参考。

2023-10-18 11:27:18 5602 11

原创 如何注册微信小程序

本文主要介绍了如何注册微信小程序的全过程。

2023-10-17 10:08:39 363

原创 WinSCP脚本实现将jar包一键上传Ubuntu并docker部署

首先,在Ubuntu写一个.sh脚本用于自动更新jar包的docker容器和镜像,然后在Windows写一个.bat脚本用于上传jar包并运行.sh脚本。

2023-06-29 20:05:14 672

原创 Vue 导出 PDF

旨在通过 html2canvas 和 jspdf,先将页面的 html 转成 canvas,再将 canvas 转成 pdf,同时解决了分页截断的问题。

2023-05-18 11:12:01 452 2

原创 Vite+Vue3 加载速度优化

通过5种方式,减小打包体积、异步加载等途径,提升加载效率,减少首屏时间。

2023-05-10 22:30:00 6091 4

原创 SpringBoot + minio

通过springboot实现minio添加和删除文件的功能。

2023-04-14 23:54:47 193

原创 minio实现https访问

通过万能的nginx转发大法实现minio的https访问。

2023-04-14 23:23:54 831

原创 Nginx 服务器 SSL 证书安装部署

本文旨在通过WinSCP、putty两种工具,先下载证书,在上传至服务器指定文件夹,修改配置,重启nginx,实现在nginx上部署SSL证书。

2023-04-14 22:57:05 1145

原创 如何在ubuntu上搭建minio

本文主要介绍了在ubuntu服务器下部署minio的过程,以及如何通过客户端进行简单操作。

2023-04-14 22:29:59 2692

原创 Vue动态切换PC端与移动端

通过监听客户端宽度(clientWidth)的方式来实现动态修改布局及样式。

2022-10-25 14:46:26 2222

原创 无界(wujie)微前端实现及三种通信方式介绍

本文主要介绍了无界(wujie)微前端和qiankun的对比、wujie的实现及三种通信方式(props、window、eventBus)。

2022-09-29 14:59:12 16043 2

原创 Vue2自定义指令监听是否点击元素外部

Vue2自定义指令监听是否点击元素外部

2022-09-20 16:48:16 707

原创 SpringBoot + 对象存储(COS)

通过密钥操作腾讯对象存储服务器实现增删文件。

2022-09-20 16:33:40 655

原创 ubuntu重启MySQL后无法远程连接

查看配置文件内是否有 bind-address 选项,该选项的值如果为 127.0.0.1,那么,将该值更改为本机 IP 或者 0.0.0.0 或者注释该行。

2022-06-07 16:09:10 619

原创 如何向日历中添加日程

通过element日历自带的插槽添加日期,使用Vue的计算属性来同步更新有日程的日期,伪元素标记,popover显示日程。

2022-04-06 09:48:56 2090

原创 如何搭建自己的网站(二)

主要介绍了Ubuntu服务器部署MySQL、SpringBoot编写接口、MyBatis连接数据库,及前端Vue搜索高亮的方法。

2022-03-15 11:50:54 1519

原创 如何搭建自己的网站

一、购买服务器首先,得有一台 24 小时无间断运行的服务器,可以选择 Windows 服务器或者 Linux 服务器,Windows 服务器通过 IIS 部署,这个不算复杂,网上可以搜到一大堆教程,本文主要讲述 Ubuntu 服务器下部署 Vue 项目。二、重置实例密码、设置密钥对可以选择两种方式去访问服务器,一是通过实例密码,二是通过密钥对。三、域名购买、备案、解析买到服务器之后,就拥有属于自己的一片空间了,但是一长串的 IP 不容易记住怎么办,两个办法:①少熬点儿夜,提高记忆力。②挑

2022-01-15 20:47:35 16106

原创 乾坤(qiankun)微前端介绍及实现

介绍了什么是微前端及其核心价值和意义,用简单样例来实现微前端并通过vuex实现了主应用向微应用的单向传值。

2021-12-07 19:15:03 2331 4

原创 vue3——插槽:el-table表头插入tooltip及更换表格背景色

表头插入 tooltip 用到了插槽的方法。更换表格背景色需要用到 el-table 的 cell-class-name 参数,为某一行或列添加一个带有特殊样式的 class 类。

2021-11-24 00:54:26 7750

原创 vue3父子组件通信、兄弟组件实时通信

本文简要讲述了vue3中组件通信常用方式,包括父组件向子组件通信、子组件向父组件通信、兄弟组件实时通信三个部分。

2021-11-20 03:56:18 8296 1

原创 Vue检测web端和移动端,并强制手机横屏

mounted() { if (navigator.userAgent.match(/(iPhone|Android|iPad)/i)) { let width = document.documentElement.clientWidth; let height = document.documentElement.clientHeight; if (width < height) { alert("手机屏幕横过来嗷"); .

2021-11-12 17:00:29 2823

原创 Vue3项目require引入css文件报错:require is not defined

用 import 代替require,如果是在 if 语句里动态引入,别忘了给 css 路径加括号。

2021-11-12 16:57:16 4321

原创 移动端loading加载禁止底层容器滑动

可以尝试在遮罩层 loading 中添加@touchmove.prevent 方法。

2021-11-12 16:45:31 839

原创 Vite+Vue3项目部署到IIS后,刷新报错404,URL重写后仍报错

可以尝试在 IIS 管理器里点击网站下的文件夹,右键刷新,并重启服务器,一次不行就试两次。

2021-11-12 16:35:51 5213

原创 git常用指令

创建仓库命令:git init-初始化仓库。git clone-拷贝一份远程仓库,也就是下载一个项目。提交与修改:git add-添加文件到暂存区。git status-查看仓库当前的状态,显示有变更的文件。git diff-比较文件的不同,即暂存区和工作区的差异。git commit-将暂存区内容添加到仓库中。git reset-回退版本。git rm-删除工作区文件。git mv-移动或重命名工作区文件。提交日志:git log-查看历史提交记录远程操

2021-10-22 14:12:17 78

原创 几种ES6新特性

箭头函数、模板字符串、传播操作符、对象简写和对象解构、Map和Set、map和reduce。

2021-10-22 14:06:26 111

原创 Webpack学习笔记

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。

2021-10-21 16:16:09 66

原创 Babel学习笔记

ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。

2021-10-21 16:14:10 132

原创 如何使用ECharts绘制甘特图

本文将从是什么(What)、为什么(Why)、怎么做(How)三个方面讲述如何使用ECharts绘制甘特图。

2021-10-08 15:51:08 27097 5

原创 吸顶效果以及锚点定位的实现

吸顶效果以及锚点定位的实现,其中锚点定位伴有平滑效果,导航栏有切换动画。

2021-09-24 17:01:55 1080

原创 伪元素实现菜单动画

通过::before以及:class实现菜单切换动画

2021-09-24 16:52:25 256 1

原创 ref和$refs

JavaScript 和 jQuery 都是通过操作 DOM 节点元素去实现功能的, Vue 同样也有获取 DOM 节点的方法,那就是 ref 和 $refs,使用起来十分方便。

2021-07-22 17:15:10 273 1

原创 Vuex学习笔记

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2021-07-21 16:29:38 187

原创 Landscape animation

主要由CSS实现的小动画

2021-07-20 17:06:22 109

原创 Vue2.0-组件基础

Vue2.0-组件基础

2021-07-13 16:42:04 95

原创 Vue2.0-过渡动画

Vue2.0-过渡动画

2021-07-13 16:39:57 220

翻译 Vue2.0-侦听器

Vue2.0-侦听器

2021-07-13 16:38:21 88

GoGoCode Vue2转Vue3规则

GoGoCode Vue2转Vue3规则

2024-05-09

无界微前端实践(vue3+vite+vue2+webpack)

内容概要:主要实现了无界(wujie)微前端的三种通信方式(props、window、eventBus)。其中主应用使用了vue3+vite,子应用使用了vue2+webpack。页面简洁明朗,学习成本低。搭配本人关于无界微前端的博客使用更佳。博客地址:https://blog.csdn.net/bDreamer/article/details/127103459 适合人群:需要优化大型复杂项目结构的前端研发人员。 能学到什么:能通过实践学习无界微前端的实现和通信方式。 使用建议:分别运行包中的两个项目,打开后会看到包括子应用的主应用,主应用可通过点击按钮向子应用传值,子应用可以点击按钮获取主应用通过props传递的值,可以点击按钮执行主应用通过props传递的方法,也可以点击按钮向主应用传值。

2023-10-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除