前端架构师笔记-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

前端架构师笔记

专栏成员

25

文章

45167

阅读量

13

订阅数

Vue3中如何自定义消息总线

通信事件总线 vue3 对象事件

在 Vue 开发中，组件之间的通信是一个常见的需求，无论是父组件向子组件传递数据，还是子组件向父组件传递数据，甚至是兄弟组件之间的数据交换。这些通信需求在构建复杂的 Vue 应用时尤为关键。

2024-05-31

1650

A星寻路算法详解

算法原理指针函数搜索

A星寻路算法是静态路网中求解最短路径最有效的直接搜索方法，也是解决许多搜索问题的有效算法，它可以应对包括复杂地形，各种尺度的障碍物以及不同地形的路径规划问题。掌握A星寻路算法能够提高路径规划效率，应对各种复杂情况，并在实际应用中发挥重要作用。

2024-02-27

1.6K0

Canvas鼠标滚轮缩放以及画布拖动(图文并茂版)

本文会带大家认识Canvas中常用的坐标变换方法 translate 和 scale，并结合这两个方法，实现鼠标滚轮缩放以及画布拖动功能。

2023-03-08

2.8K0

Spring Boot整合MyBatis(保姆级教程)

接口测试 spring spring boot mybatis 编程算法

本文通过 Spring Boot + MyBatis 实现一个用户管理的例子，来带大家入门 MyBatis。本教程适合小白入手，文中如有差错还请各位不吝赐教，大家一起学习，共同进步。

2023-03-08

8420

数据库设计流程

其中数据模型可以分为：概念数据模型（Concept Data Model）、逻辑数据模型（Logical Data Model）和物理数据模型（Physical Data Model）。

2022-12-05

9180

数据库设计三范式

范式是数据库设计时遵循的一种规范，不同的规范需要遵循不同的范式，只有充分遵循了数据库设计的范式，才能设计开发出冗余较小、高效、结构合理的数据库。

2022-12-05

3710

Vue组件间的通信方式浅析

vue.js react 编程算法

在Vue组件库开发过程中，Vue组件之间的通信一直是一个重要的话题，虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题，但是在组件库内部使用 Vuex 往往会比较重，本文将系统的罗列出几种不使用 Vuex，比较实用的组件间的通信方式，供大家参考。

2022-12-05

1.6K0

vue-cli-service: command not found报错引发的血案

vue.js npm yarn json node.js

最近因为工作需要，开始学习vue，于是在github上找了一个star数比较高的项目 ant-design-vue-pro 准备练手。项目克隆下来后，用 vscode 打开工程，并且使用了 vscode 自带的终端安装了依赖包，但是准备执行 yarn serve 启动工程的时候却意外的抛出了一个错误：

2022-12-05

2.7K0

如何为antd的Tree组件添加右键菜单

最近在用 antd v4 的 Tree 组件时，想给 Tree 组件添加一个右键菜单功能，最初的想法是看看 antd 官方有没有提供现成的方法，遗憾的是，官方并没有给出一个统一的方法，只是建议大家先使用社区提供的组件，无奈，只能自己尝试实现一下此功能。

2022-12-05

4.2K1

pnpm + workspace + changesets 构建你的 monorepo 工

javascript git 编程算法

关于这些问题，在之前的一篇介绍 lerna 的文章中已经详细介绍过，感兴趣的同学可以再回顾下。

2022-08-31

4.8K0

手摸手实现一个webpack

webpack javascript babel.js 编程算法 npm

在平时的工作和学习过程中，webpack 是一个重要的知识点，本文通过分析 webpack 的打包原理，最终带大家实现一个简易版的 webpack。

2022-05-10

4000

lerna最佳实践

yarn javascript git npm node.js

在介绍我们今天的主角 lerna 之前，首先了解下什么是 multirepo ？什么是 monorepo ？

2022-05-10

1.9K0

redux你用对了吗？

关于第一点很容易理解，整个应用应当只有一个 store，全局唯一的 store 有利于更好的管理全局的状态，方便开发调试，对实现“撤销”、“重做”这类的功能也更加方便。

2022-05-10

5900

如何在github上提交PR(Pull Request)

unix git github 开源

github 上有很多优秀的开源项目，很多时候我们不仅仅只是满足于使用，同时也想一起参与开源项目的开发，贡献自己的代码。今天这篇文章就给大家介绍一下如何在 github 上提交 PR，让我们一起为开源社区做贡献。

2022-05-10

8.6K0

我的React服务端渲染实践

html css json react 网站

最近这段时间因为工作需要，实践了一下服务端渲染(Server Side Render，以下简称 SSR）技术，在这个过程中遇到了很多问题，也参考了很多开源框架的解决方案，感觉受益匪浅，于是有了这篇文章，目的是从零开始，教会大家如何搭建一个属于自己的基于 React的 SSR 框架，彻底弄明白SSR的原理。

2022-05-10

2.1K0

一文搞懂peerDependencies

javascript react 编程算法 npm

问题引出今天在运行之前的一个react工程时，浏览器上抛了一个奇怪的错误： Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such

2022-05-10

8800

Ant-design Modal实现可以拖动的效果

最近项目组在开发的时候提出了一个需求，需要让 ant-design Modal实现能够拖动的功能，研究了一番，基于 and-design Modal自己封装了一个antd-draggable-modal组件。

2022-05-10

3.5K0

微前端实践-实现React(umi框架)的子系统集成

javascript api 打包 react

最近在公司遇到了一个需求，别的团队的同事想将他们用 React 编写的工程作为子系统集成到我们已有的系统中，React 工程是基于 umi 框架编写的，我们的主系统是基于 jquery 框架实现的。其实他们本来是已经实现了 React 作为子系统集成到我们的主系统中的，但是他们是借助于 iframe 实现页面嵌入的，后来因为用户体验不佳、存在安全性问题等因素而不得不放弃这种方式的集成了。

2022-05-10

1.4K0

git切换到指定远程分支

我们在使用 git 进行开发的时候经常会遇到需要切换远程分支并且提交到远程指定分支的情况，现在记录下操作步骤。

2022-05-10

4430

拖拽神器React DnD你真的了解了吗？

react api javascript

最近在研究用 React 绘制拓扑图的时候涉及到了 HTML5 拖放 API，了解到了 React DnD 这个拖放神器。React DnD 帮我们封装了一系列的拖放 API，大大简化了拖放 API 的使用方式，今天就结合下面这个示例给大家介绍下 React DnD 的用法。

2022-05-10

2K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态