自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 从零搭建React + Webpack项目:初步设置

本文是“从零搭建React + Webpack项目”系列的第一部分,详细介绍了如何初始化项目、安装核心依赖、配置Babel和Webpack、创建React组件以及添加必要的npm脚本。通过手动配置这些工具,读者不仅可以构建一个灵活可靠的开发环境,还能深入理解前端工程的内在机制。本系列后续文章将探讨如何为项目增添更多功能和优化,包括版本控制、支持Less、CSS模块化、代码格式化以及TypeScript的集成,旨在帮助读者构建一个高效且可维护的现代Web开发环境。

2024-03-22 22:30:00 1655 1

原创 简化 Git 提交流程:Commitizen

在软件开发中,维护清晰、规范的 Git 提交历史对于团队协作和项目管理至关重要。Commitizen 提供了一个简单的解决方案,帮助开发者生成规范的提交信息。通过结合 cz-conventional-changelog、cz-emoji 和 cz-customizable,我们不仅能够遵守传统的提交规范,还能通过自定义和 emoji 丰富我们的提交信息,使其更具表达性和易于理解。本文将帮助你如何全局安装和配置这些工具,以优化你的 Git 提交流程。

2024-03-19 18:47:03 930

原创 shrink-to-fit 自适应宽度

什么元素会使用 shrink-to-fit 宽度,它是怎么计算的;相关内容:width: min-content、width: max-content、width: fill-available

2022-06-27 11:51:11 1274 1

原创 说说useReducer

useReducer 的使用;useReducer 和 redux 的关系;useReducer vs useState;useReducer 的使用场景

2022-01-29 22:30:37 437

原创 文件上传的相关概念和使用

唯一文件类型说明符和 MIME 类型;File;Blob;进度事件;FileReader;XMLHttpRequest;FormData

2021-11-01 22:37:27 540

原创 深入React

React 理念(CPU 瓶颈、IO 瓶颈);为什么要重构(React 15、React 16);React 中的优先级;Fiber 和 React 的关系

2021-09-28 01:08:21 209

原创 浏览器渲染进程

进程和线程;浏览器渲染进程(GUI 渲染线程、JS 引擎线程、事件处理线程、定时器触发线程、HTTP 请求线程);JS 引擎线程与 GUI 渲染线程互斥;运行机制;React Concurrent 模式背景

2021-08-24 06:05:29 1356

原创 react 中的 keep-alive

需求场景,方法对比,react-activation 的使用和源码原理

2021-06-25 02:20:07 4274

原创 深入React中setState的同步异步

开发中遇到的问题;class 和 hook 中 setState 的同步异步;setState 的同步异步取决于是否命中 batchUpdate 机制;Legacy 模式、Blocking 模式、Concurrent 模式中 setState 的同步异步情况

2021-04-26 23:52:16 1325

原创 CSS3 属性 transform 对其他元素的一些渲染影响及原理

影响:1、transform 会提高普通元素的垂直地位;2、transform 会让 fixed 子元素变成类似 absolute 的效果;3、transform 会影响 absolute 子元素100%宽度的计算基准;4、transform 会影响 absolute 子元素的定位基准;5、transform 会改变 overflow 对 absolute 元素的限制。涉及的原理:层叠上下文;包含块;overflow

2021-03-29 21:05:01 2808 1

原创 正则表达式 总结

创建方式、匹配方法、模式修饰符、简单的转义字符、字符类、重复(量词)、非贪婪的重复、选择、分组和引用、位置匹配、RegExp 对象的实例属性和构造函数属性、String 对象中与正则相关的方法、其他

2021-02-28 20:30:32 197

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除