0%

目标

  1. 使用 RollupTypeScript 构建三个工具包,分别为:仅支持浏览器环境(使用了 BOM、DOM)、仅支持 nodejs 环境(使用了 nodejs API)、纯 JavaScript 环境;
  2. 自动生成 *.d.ts 文件,使用 @microsoft/api-documenter、 @microsoft/api-extractor 生成 API Doc;
  3. 加入 Jest 测试工具,测试覆盖率达标后方可发包;
  4. 使用 Lerna 进行多 package 管理与 npm 发布。
阅读全文 »

课程目标

  1. 会使用 RN,了解 RN 同类别的产品,了解移动端的主要技术方案,有一定的跨端开发经验,踩过一些坑;
  2. 知道如何与 native 进行数据交互,知道 ios 与安卓 jsbridge 实现原理。
  3. 知道移动端 webview 和基础能力,包括但不限于:webview 资源加载优化方案;webview 池管理、独立进程方案;native 路由等。
  4. 能够给出完整的前后端对用户体系的整体技术架构设计,满足多业务形态用户体系统一。考虑跨域名、多组织架构、跨端、用户态开放等场景。
阅读全文 »

课程目标

  • 掌握 react-router 使⽤⽅法;
  • 能使⽤ react-router 设计开发 react 应⽤;
  • 理解 react-router 关键源码实现。
  • 理解 react-router 和 vue-router 的实现差异,针对⾯试提出的问题能举⼀反三;

课程大纲

  • react-router 使⽤详解;
  • 从0到1搭建⼀个基于 react-router 的应⽤;
  • react-router 关键源码解析;
  • 对⽐ react-router 和 vue-router的差异;
阅读全文 »

课程目标

  • 掌握可复⽤的 react 组件设计思路和原则;
  • 能够基于业界成熟⽅案搭建⼀个 react 组件库;
  • 能够编写⾼质量的组件⽂档;
  • 能够不使⽤脚⼿架从 0 - 1 搭建⼀个 react 组件库;
  • 能够理解不同组件库架构的差异和各⾃使⽤场景;
  • 能够制定标准的代码规范和提交规范;
  • 能够掌握组件单元测试的编写;
  • 了解组件库发布流程。

课程大纲

  1. 编写可复⽤⾼质量的 react 组件;
  2. 编写⾼质量的组件⽂档;
  3. 业界成熟的组件库脚⼿架介绍;
  4. 常⻅的组件库架构差异解析;
  5. 引⼊代码规范和提交规范;
  6. 构建⼯具选择;
  7. 单元测试的编写;
  8. 版本号规范解析。
阅读全文 »

课程目标

  1. 知道 react ⼤致实现思路,能对⽐ react 和 js 控制原⽣ dom 的差异,能口述⼀个简化版的 react。
  2. 知道 diff 算法⼤致实现思路。
  3. 对 state 和 props 有⾃⼰的使⽤⼼得,结合受控组件、HOC等特性描述,需要说明各种⽅案的适⽤场景。
  4. 能说明⽩为什么要实现 fiber。
  5. 能说明⽩为什么要实现 hook。
  6. 知道react不常⽤的特性,⽐如context,portal,Error boundaries。
阅读全文 »

课程目标

  1. 会⽤React写项⽬,较熟练使⽤React配套技术栈,有⼀定实际开发经验;
  2. 能够针对复杂的业务场景制定出较为规范的逻辑架构;
  3. 基于实际开发场景,搭建配套脚⼿架,能够基于当前实际开发场景优化架构设计,制定团队规范;
  4. 对前沿技术有⾜够的敏感度,保证项⽬的可扩展性与健壮性;
  5. 精通⼀个框架的底层设计,熟悉多个框架的实际设计及对⽐;其他⽬标:
  6. 深⼊了解React技术栈相关的知识点,知道React⽣态中发展现状,能够对⾯试所提的问题举⼀反三;

课程大纲

  1. ⾼阶组件的⽤法及封装
    
    1. Hooks详解
      
      1. 异步组件
        
        1. React 18 新特性
          
阅读全文 »

课程目标

  1. 入门 React,了解常规用法;
  2. 掌握面试中 React 的基础问题;
  3. 掌握 React 学习路线;

知识要点

React 简介

React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库,使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称为“组件

阅读全文 »