用户9460952594922

背景 为什么不直接开发Web？ 纯前端不香吗？ 为什么RN开发不直接用Expo React Native for Web不是有官方文档吗？ 因为： 用了Expo确实好用，但...

为什么要有前端监控 用户体验直接决定用户留存，然而众多体验问题单靠用户反馈并不现实 移动互联网时代，用户要求越来越高，耐心越来越差，对页面响应慢，页面不可用的容忍度低 使用...

flexDirection 含义：flex排列方式 语法：flexDirection:'column'可选属性：column、row、column-reverse、row-...

字体属性 fontSize 含义：字体大小 语法：fontSize:30 fontFamily 含义：设置字体样式，一般不会设置中文字体格式，可能会引入第三方的数字字体，需...

序 本章主要来了解Fiber节点是如何被创建并构建Fiber树的， render阶段 开始于performSyncWorkOnRoot或performConcurrentW...

市场上需要的专业前端涉及能力 编写业务逻辑 设计前端架构 组合UI组件 优化JS性能 编写端到端测试 维护前端基建 Webpack/Vite Babel/ESBuild/s...

序 前面我们已经实现了Reconciler的架构，并且实现了renderRoot，renderRoot会执行更新的过程，所以我们推测调用renderRoot的是那些触发更新...

序 前面我们已经实现了jsx方法，现在需要打包jsx，而我们是实现了三个三个方法，分别是jsx，jsxDEV，React.createElement，所以对应的我们也需要打...

git仓库 新建仓库oh-react 配置.gitignore 项目 本项目采用monorepo形式来管理仓库，可以方便的协同管理不同独立的库的生命周期 pnpm初始化项目...

序 我们可以在babel的playground看到jsx代码转换后的东西，当前是automatic模式，jsx代码会被转换成_jsx方法的调用，这是react17之后新增的...

什么是响应系统 会影响视图变化的数据称为响应数据，当响应式数据发生变化时，视图也会相应的变化 这就引出了常见面试题：vue2和vue3的响应式实现方式为什么不同： 那么vu...

分析部分 下面的就是Vue项目中的重要模块，标文字的才是需要我们关注的 如何对源码进行debugger 下载源代码 在根目录下package.json中的build命令改成...

作为任务的开始，我们先来了解一些常见基础概念。 编程范式 编程范式分为： 命令式：关注过程的一种编程范式，描述了完成一个功能的详细逻辑和步骤，当项目越复杂，描述难度越大 声...

我正在参加「掘金·启航计划」 序 想必大家都知道浅拷贝和深拷贝,深拷贝和浅拷贝都是针对的引用类型,JS中的变量类型分为值类型和引用类型;对值类型进行赋值操作会进行一份拷贝,...

NodeJS 浏览器和NodeJS架构区别 NodeJS架构 NodeJS的应用场景 应用一：目前前端开发的库都是以node包的形式进行管理； 应用二：npm、yarn、p...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情 >> SOLID设计原则 单一功能原则（Single Responsibili...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情 >> 从输入URL到页面加载完成，发生了什么？ DNS解析 TCP连接 HTT...

序 明确reconciler的作用 在前端框架出现之前，我们熟知的jQuery是过程驱动的，也就是开发者去调用宿主环境的API，然后更新到真实的UI 在前端框架出现之后，我...

render props pattern compound component pattern context compound component pattern cus...

margin-top传递的现象与解决方案 现象：为子元素设置margin-top后，会把父元素一块带下来 解决方案1： 为父元素加边框 解决方案2：格式化上下文BFC 解决...