女王控的博客

全部

167 篇文章

高级前端必备知识点

JavaScript 原生 js 系列 JavaScript 深入系列、JavaScript 专题系列、ES6 系列 完全熟练掌握 eventLoop tasks-microtasks-queues-and-schedules Promise 你需要阅读 Promise A+规范,注意其中的细节,并且灵活的运用到开发当中去。 Promise A+ 英文文档 你需要跟着精品教程手写一遍 Promise… »

中级前端必备知识点

HTML篇 HTML5语义化 html5语义化标签 CSS篇 CSS常见面试题 50道CSS经典面试题 能不能讲一讲Flex布局,以及常用的属性? 阮一峰的flex系列 BFC是什么?能解决什么问题? 什么是BFC?什么条件下会触发?应用场景有哪些? JS基础篇 讲讲JS的数据类型? 最新的 ECMAScript 标准定义了 8 种数据类型: 6 种原始类型 Boolean Undefined Number BigInt String Symbol null Object Function… »

React Fiber 数据结构

Fiber 的数据结构 此小节会通过两个 来展示 以及 的数据结构。 首先用代码表示上图节点间的关系。比如 下有 , 就可以把它们间的关系写成 ; Stack Reconciler 在 之前,节点之间的关系可以用数据结构中 来表示。 如下实现 函数, 将深度遍历的节点打印出来。 输出结果为: Fiber Reconciler… »

git代码统计脚本

需求背景 由于每个周末放假前都要给出代码量的统计,如果是手动统计的话需要到各个开发过的项目下运行相应的脚本,太过繁琐。故写出以下第一版统计代码量的脚本 代码展示 以下是统计 G:/project/tungee/ 目录下的代码量,其中标红部分需要修改为自己的项目路径和git邮箱 第一版 按项目统计 运行效果 以上更新于 第二版 增加按日期统计和 shell 参数输入 运行效果 第三版 增加按分支统计的功能,去掉shell… »

微前端适配demo的实践

需求背景 如下图所示,由于多个产品共存,当初设计产品架构时,侧边栏、打电话组件是存在于每个项目的子模块中的。迫于产品越来越多,需要动到侧边栏的时候越来越频繁,随着产品的不断增加导致了需要编译每个项目的工作越来越重,急需一种新的架构来分离侧边栏与各自产品端。 技术方案 基本原理类似于之前的文章 记一次组件打包为链接的实践 ,也就是主框架也就是侧边栏项目提前设定好元素的位置,再用 ReactDOM.render… »

0%