摘要:
1.需求背景 (1)在一般的管理系统或者 H5 应用中,需要交互反馈提醒。这种交互反馈,往往需要在多个组件中使用到,那么是否可以将其抽离出来,封装一个组件呢?答案是肯定的,可以根据日常的业务,对消息提醒功能进行封装,那么问题来了,如何实现一次注册,多次使用呢,关键时刻,vue.extend API 阅读全文
摘要:
官网 demo 并没有对 handleSpan 方法进行详细说明 demo 运行效果如下图 可以看到,第一行的第一列和第二列合并,第三行第一列和第四行第一列合并 这时,我们再看代码 先看 ① 处的代码,rowIndex 0 指的是第一行, columnIndex 0 指的是第一列,rowIndex 阅读全文
摘要:
微信支付三种方式流程梳理 1. Native 方式 PC 端 Native 方式一般是在 PC 端中使用。 先看官方提供的流程图:  根据官方的图来梳理即可: 1.1 第一步 商户平台内部生成 阅读全文
摘要:
开始 在编写组件库之前,我们首先要对整个代码项目的解构有一个清晰的划分,以及用到的大多数规范,和代码风格有一个约定,这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具,用pnpm workspace来实现monorepo。可以看下面 阅读全文
摘要:
文章标题:Vue 组件实现富文本编辑器 文章摘要:本文介绍了如何使用 Vue 和 Wangeditor 插件实现富文本编辑器组件,并详细解释了组件中的各个部分和功能。 Vue 组件实现富文本编辑器 在 Web 开发中,富文本编辑器是一个非常常见的功能,它能够让用户以所见即所得的方式编辑和排版文本内容 阅读全文
摘要:
本人比较喜欢用这一款编辑器,官方文档:(用于 Vue React | wangEditor),很详细。我主要来说说怎么使用customPaste 自定义粘贴的,怎么解决 复制粘贴 word ,没有图片的情况。 主要是关于 wangeditor 在 vue2 的使用 效果图: 先把完整代码放这里: < 阅读全文
摘要:
官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行,下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav 阅读全文
摘要:
前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面,在选择支付宝支付后,跳转到一个空白页,用于支付宝支付的中转页面。 在点击立即支付之后,直接跳转至自行设置好的空白页就好,并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: 阅读全文
摘要:
有没有区别? 先上一个 Demo,看看async函数中return时加和不加await有没有区别: function bar() { return Promise.resolve("this from bar()."); } async function foo1() { return await 阅读全文
摘要:
- 什么是 CICD 是指持续集成、持续发布,是⼀套实现软件的构建测试部署的⾃动化流程。 什么是 DevOps ⼀词是由英⽂ Development(开发)和 Operations (运维)组合⽽成 ⼀种思想,强调软件开发测试运维的⼀体化,减少各个部⻔之间的沟通成本从⽽实现软件的快速⾼质 ᰁ 的发布 阅读全文