maple1314

本系列是讲述从0开始实现一个react18的基本版本。由于React源码通过Mono-repo 管理仓库，我们也是用pnpm提供的workspaces来管理我们的代码仓库，...

实现Reconciler架构 reconciler是React核心逻辑所在的模块，中文名叫做协调器。 reconciler有什么作用？ jQuery工作原理（过程驱动） 前...

React项目结构: react（宿主环境无关的公用方法） react-reconciler （协调器的实现，宿主环境无关） 各种宿主环境的包 shared （公用辅助方法...

项目搭建 定义项目结构（monorepo） 定义开发规范（lint、commit、tsc、代码风格规范） 选择打包工具 项目结构 monorepo multirepo 技术...

一、场景描述 有这样一个页面，上面4个按钮。点击按钮给用户弹出点击的是哪个~ 聪明的小伙马上想到了，依次给做个下标，标记呗！ 解决问题的思路与业务描述也对应上了，但是面试官...

迭代器 迭代器和可迭代协议 在认识迭代器与可迭代协议之前，我们来区分下一下两个概念 遍历 由多个数据组成的数据集合（map、set、array等），本质来说，它们将一个动作...

在一些应用中，通常有一些页面，需要用户授权(登录)后进行访问，在```Vue-router```中有对应的钩子```beforeEach```来实现这样的功能，```Rea...

前期准备 注册一个腾讯地图的key 在注册腾讯地图的key之前，首先需要获得一个appid,注册key的步骤如下： https://www.kancloud.cn/jibi...

前言 先介绍下个人情况：本人本科2年前端开发经验，由于政策原因公司裁员，我从上一家公司离职。休息了一段时间之后，我开始投简历找工作。从8月22号到9月22号累计一个月的时间...

`console.log` 对一个前端人，那是在熟悉不过了。我们最经常使用它在控制台输出信息然后进行代码调试，你肯定会发现输出的信息的颜色永远是黑色。本文教你如何用 con...

Vue3.0 和 Vue2.0对比 Vue2和Vue3主函数不同 Vue2通过new Vue(),而且Vue3通过createApp来创建实例 挂载 // vue3中并没有...

Promise的使用 Promise解决的问题：回调地狱，promise是回调的一种解决方案 Promise的状态：fulfilled、rejected、pedding 优...

布局 刚好，不久前做了大屏可视化项目，就想着做做博客。大屏可视化如何布局，整体布局使用比例进行计算，满足 屏幕宽度:屏幕高度 > 设计稿宽度 : 设计稿高度时让高度撑满，当...

在项目中，我定义了一个fn函数，每次onresize事件触发的时候，都要执行fn 当首次加载页面时，是正常显示：body元素中含有style标签，并设置了字体大小，而当re...

项目准备 使用淘宝镜像下载依赖 在react项目中使用typescript tips: 运行项目 5.项目的其它配置 设置浏览器不自动打开 项目根目录下创建.env文件 在...

useState的使用 函数式组件并没有state,因此引入了API useState 与类式组件不同的是：useState并不会合并原来的state的值，而setStat...

移动端、pc端布局差异 没有hover 没有resize事件 没有滚动条 有touch事件 移动端 媒体查询 在引入文件的时候设置最大宽度768px的时候设置加载的样式 移...

vuex的使用 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式库。 vue中data中的数据是一个响应式的数据，只能在当前组件使用。当然如果在其它组件使用时...

什么是mixin? mixin的主要功能是vue组件选项的复制，比如A组件和B组件有相同的功能，但是有些功能又不太一样，这时就可以使用mixin实现复用。mixin的主要复...