- 博客(11)
- 收藏
- 关注
原创 从零搭建React + Webpack项目:初步设置
本文是“从零搭建React + Webpack项目”系列的第一部分,详细介绍了如何初始化项目、安装核心依赖、配置Babel和Webpack、创建React组件以及添加必要的npm脚本。通过手动配置这些工具,读者不仅可以构建一个灵活可靠的开发环境,还能深入理解前端工程的内在机制。本系列后续文章将探讨如何为项目增添更多功能和优化,包括版本控制、支持Less、CSS模块化、代码格式化以及TypeScript的集成,旨在帮助读者构建一个高效且可维护的现代Web开发环境。
2024-03-22 22:30:00
1916
1
原创 简化 Git 提交流程:Commitizen
在软件开发中,维护清晰、规范的 Git 提交历史对于团队协作和项目管理至关重要。Commitizen 提供了一个简单的解决方案,帮助开发者生成规范的提交信息。通过结合 cz-conventional-changelog、cz-emoji 和 cz-customizable,我们不仅能够遵守传统的提交规范,还能通过自定义和 emoji 丰富我们的提交信息,使其更具表达性和易于理解。本文将帮助你如何全局安装和配置这些工具,以优化你的 Git 提交流程。
2024-03-19 18:47:03
1027
1
原创 shrink-to-fit 自适应宽度
什么元素会使用 shrink-to-fit 宽度,它是怎么计算的;相关内容:width: min-content、width: max-content、width: fill-available
2022-06-27 11:51:11
1426
原创 说说useReducer
useReducer 的使用;useReducer 和 redux 的关系;useReducer vs useState;useReducer 的使用场景
2022-01-29 22:30:37
492
原创 文件上传的相关概念和使用
唯一文件类型说明符和 MIME 类型;File;Blob;进度事件;FileReader;XMLHttpRequest;FormData
2021-11-01 22:37:27
607
原创 深入React
React 理念(CPU 瓶颈、IO 瓶颈);为什么要重构(React 15、React 16);React 中的优先级;Fiber 和 React 的关系
2021-09-28 01:08:21
244
原创 浏览器渲染进程
进程和线程;浏览器渲染进程(GUI 渲染线程、JS 引擎线程、事件处理线程、定时器触发线程、HTTP 请求线程);JS 引擎线程与 GUI 渲染线程互斥;运行机制;React Concurrent 模式背景
2021-08-24 06:05:29
1418
原创 深入React中setState的同步异步
开发中遇到的问题;class 和 hook 中 setState 的同步异步;setState 的同步异步取决于是否命中 batchUpdate 机制;Legacy 模式、Blocking 模式、Concurrent 模式中 setState 的同步异步情况
2021-04-26 23:52:16
1392
原创 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
3185
1
原创 正则表达式 总结
创建方式、匹配方法、模式修饰符、简单的转义字符、字符类、重复(量词)、非贪婪的重复、选择、分组和引用、位置匹配、RegExp 对象的实例属性和构造函数属性、String 对象中与正则相关的方法、其他
2021-02-28 20:30:32
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人