sorryhc_社区达人页

2023年06月

• 06.05 16:16:54
  发表了文章 2023-06-05 16:16:54

  性能优化记录

  性能优化记录

  
• 06.04 14:29:20
  发表了文章 2023-06-04 14:29:20

  面试官：useEffect和useLayoutEffect有什么区别？

  源码角度剖析useEffect和useLayoutEffect区别

  
• 06.02 16:41:40
  发表了文章 2023-06-02 16:41:40

  React中的懒加载以及在Ice中实践

  React懒加载介绍和实践

  

2023年05月

• 05.30 19:05:12
  发表了文章 2023-05-30 19:05:12

  Concis组件库封装——List列表

  Concis组件库封装——List列表组件封装
• 05.30 19:01:32
  发表了文章 2023-05-30 19:01:32

  简单易用的React组件库——Concis

  简单易用的React组件库——Concis介绍

  
• 05.30 19:00:59
  发表了文章 2023-05-30 19:00:59

  Concis组件库封装——Pagination分页器

  Concis组件库封装——Pagination分页器组件封装

  
• 05.30 19:00:23
  发表了文章 2023-05-30 19:00:23

  不受限时间段的日期范围选择器DatePicker

  不受限时间段的日期范围选择器DatePicker封装记录全过程。

  
• 05.30 18:59:54
  发表了文章 2023-05-30 18:59:54

  Concis组件库封装——LazyLoad懒加载

  Concis组件库封装——LazyLoad懒加载组件封装

  
• 05.30 18:59:28
  发表了文章 2023-05-30 18:59:28

  React-View-UI组件库封装——Tree选择器

  React-View-UI组件库封装——Tree选择器组件封装记录

  
• 05.30 18:58:57
  发表了文章 2023-05-30 18:58:57

  Concis组件库封装——TreeView树形控件

  Concis组件库封装——TreeView树形控件组件封装

  
• 05.30 18:58:26
  发表了文章 2023-05-30 18:58:26

  Concis组件库封装——CheckBox多选框/多选组

  Concis组件库封装——CheckBox多选框/多选组组件封装

  
• 05.30 18:57:48
  发表了文章 2023-05-30 18:57:48

  Concis组件库封装——Popover气泡卡片

  Concis组件库封装——Popover气泡卡片组件记录
• 05.30 18:57:19
  发表了文章 2023-05-30 18:57:19

  Concis组件库封装——Table表格

  Concis组件库封装——Table表格封装记录

  
• 05.30 17:17:14
  发表了文章 2023-05-30 17:17:14

  electron入门（16.0版本亲测可用）

  electron入门全记录，亲测可用
• 05.30 17:16:19
  发表了文章 2023-05-30 17:16:19

  react+electron从环境搭建到项目整合全过程

  react+electron从环境搭建到项目整合全过程记录
• 05.30 17:15:53
  发表了文章 2023-05-30 17:15:53

  react 使用 useEffect 及踩坑

  react 使用 useEffect 及踩坑全记录
• 05.30 17:15:26
  发表了文章 2023-05-30 17:15:26

  React-Hooks之useImperativeHandle使用，让父组件操纵子组件的状态和方法

  useImperativeHandle是react官方为了简便我们的ref操作，同时还可以让子组件返回给父组件自身的状态和方法去调用
• 05.30 17:14:59
  发表了文章 2023-05-30 17:14:59

  react+dumi+typescript搭建个人组件库Concis

  react+dumi+typescript搭建个人组件库全过程记录
• 05.30 17:14:27
  发表了文章 2023-05-30 17:14:27

  手写函数柯里化原理

  手写函数柯里化原理记录
• 05.30 17:13:55
  发表了文章 2023-05-30 17:13:55

  手写javascript中的call、apply、bind方法~

  手写javascript中的call、apply、bind方法记录
• 05.30 17:13:13
  发表了文章 2023-05-30 17:13:13

  rollup从0到1将react组件库打包发布npm

  rollup从0到1将react组件库打包发布npm记录全过程

  
• 05.30 17:12:32
  发表了文章 2023-05-30 17:12:32

  JS解决迷宫老鼠算法

  JS解决迷宫老鼠算法题解决。

  
• 05.30 17:11:59
  发表了文章 2023-05-30 17:11:59

  解决Vue项目中使用原生/jquery插件无法获取DOM的问题

  解决Vue项目中使用原生/jquery插件无法获取DOM的问题记录。
• 05.30 17:11:16
  发表了文章 2023-05-30 17:11:16

  react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法

  react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法

  
• 05.30 17:10:41
  发表了文章 2023-05-30 17:10:41

  React setState执行两次的问题

  React setState执行两次的问题解决修复。

  
• 05.30 17:10:11
  发表了文章 2023-05-30 17:10:11

  React在定时器中无法获取状态最新值

  React在定时器中无法获取状态最新值问题解决记录
• 05.30 17:09:28
  发表了文章 2023-05-30 17:09:28

  react自定义useState hook获取更新后值

  在业务中有比较多的场景需要在setState中获取更新后的值从而进行下一步的业务操作,因此自定义封装一个hook。
• 05.30 17:08:41
  发表了文章 2023-05-30 17:08:41

  前端埋点实现

  前端埋点实现全过程介绍。

  
• 05.30 17:08:09
  发表了文章 2023-05-30 17:08:09

  [Bugfix]it looks like you called `mount()` without a global document being loade

  jest测试react组件时尝试获取mount组件报错，并无法进行测试，解决过程记录。
• 05.30 17:07:26
  发表了文章 2023-05-30 17:07:26

  React18组件一键转换Vue3组件（持续更新中）

  其实现在Vue也是很火的框架随着Vue3的诞生，博主其实最终目标是想整合一套React+一套Vue组件库在一起的，但是重写一遍React的组件很费工作量也不现实，因为我是单人开发，于是就萌生了写一个React组件转换Vue组件的工具，功能性将逐步开发更新到博客，喜欢的可以关注一下

  
• 05.30 17:06:11
  发表了文章 2023-05-30 17:06:11

  Webpack从0到1搭建Vue3项目

  Vue是当下非常火热的前端框架，选择Vue-Cli是大部分人主流的选择，因为其快捷、便利可以让我们一键生成整个项目模板，如果需要自定义配置下从0开始搭建一个Vue项目，其实也不难，接下来就来记录一下。
• 05.30 17:05:27
  发表了文章 2023-05-30 17:05:27

  写一个Webpack Plugin？其实很简单，看这些你就明白了

  手写一个webpack plugin从而深入理解webpack原理

  
• 05.30 17:04:31
  发表了文章 2023-05-30 17:04:31

  JavaScript设计模式——创建型设计模式

  JavaScript设计模式——创建型设计模式介绍
• 05.30 17:03:56
  发表了文章 2023-05-30 17:03:56

  JavaScript设计模式——观察者模式

  观察者模式（也称发布订阅模式）是JavaScript中非常常见的设计模式，可以实现页面中的消息机制的监听，也是Vue、React主流框架实现的数据响应手段，解决了主体对象之间的解耦，今天来实现一下。

  
• 05.30 17:03:27
  发表了文章 2023-05-30 17:03:27

  React从0到1封装一个Form表单

  React从0到1封装一个Form表单

  
• 05.30 17:02:05
  发表了文章 2023-05-30 17:02:05

  五分钟时间告诉你React全局配置项目主题色是怎么实现的

  博主最近在自研Concis组件库，全局配置项目主题色的大体意思其实和antd一样，可以通过一款色系来全局配置Concis中所有组件的主题色，比如Concis默认的色系是蓝色(#1890FF)，如果公司业务的主题色是绿色、黄色，一个个去给单独组件加样式是很麻烦的，因此就有了需求的来源

  
• 05.30 17:01:32
  发表了文章 2023-05-30 17:01:32

  组件库设计 | 让你的React组件获得代码补全和属性提示功能

  博主在开发组件库以及实际项目测试过程中，突然发现Concis的组件都需要去手写，而回想以前使用antd/el组件库时都是可以自动生成代码块的，并且移到标签中可以看到对应的一些提示信息，于是博主开始探索Vscode插件的开发了。
• 05.30 17:00:56
  发表了文章 2023-05-30 17:00:56

  React组件库Concis,寻求社区有兴趣的小伙伴加入...

  对于不熟悉这个项目的小伙伴们做个简单的介绍，Concis是一个基于React+TypeScript开发的一款轻量级组件库，全面拥抱React生态，支持React新特性(hooks/redux)追求轻量的组件体积，简单的使用方式，最小的思维负担。
• 05.30 17:00:23
  发表了文章 2023-05-30 17:00:23

  组件库设计 | React组件库Concis开源探索过程中的一些心路历程

  本文可能无法从细节层面教会你如何做好一个开源组件库，作者也在不断探索和学习，但是也许会对你有所启发。这篇文章既是分享，也是记录，在写这篇文章的此刻，已经是作者一拍脑袋要做一个开源项目将近半年时间了。半年前作者对于如何开发一个组件库一无所知，对于开源项目也是了解甚少，抱着什么不会学什么的态度，独自一人踏上了开源之旅。

  
• 05.30 16:59:44
  发表了文章 2023-05-30 16:59:44

  Concis组件库 | 暗黑模式设计

  Concis已开工半年时间，开源免费，欢迎大家体验、一起折腾。你可以通过以下方式来支持作者。

  
• 05.30 16:57:53
  发表了文章 2023-05-30 16:57:53

  基于Vue源码中e2e测试实践

  最近半年博主一直在抽空自研一款React组件库Concis，对于测试原本只支持于jest+enzyme单元测试，而单元测试的缺陷是无法模拟用户的一些操作，如表单组件，只能测试到一些组件渲染mount准确性的测试，对于一系列用户操作的模拟测试是无法做到的，因此博主考虑加入e2e测试从而让组件上线后更加健全。

  
• 05.30 16:57:22
  发表了文章 2023-05-30 16:57:22

  React组件库Concis | 组件突破50+,移动端concis起步,新增英语文档,持续更新中...

  对于不熟悉这个项目的小伙伴们做个简单的介绍，Concis是一个基于React+TypeScript开发的一款轻量级组件库，全面拥抱React生态，支持React新特性(hooks/redux)追求轻量的组件体积，简单的使用方式，最小的思维负担。

  
• 05.30 16:56:48
  发表了文章 2023-05-30 16:56:48

  React组件库设计 | 关于我一边写Concis一边给字节组件库arco design提pr的分享

  看过我最近的一些文章的小伙伴应该都知道，博主最近半年时间一直在写自己的React组件库Concis，其实这也是从造轮子 -> 学习的目的去做这件事的。

  
• 05.30 16:56:11
  发表了文章 2023-05-30 16:56:11

  cimi——一款全自动发布NPM包的工具

  博主最近的时间一直投入concis组件库的开发工作，每次改完bug或者是新增完一些组件功能后都需要去发包、更新线上文档，这样一步步下来其实是比较麻烦的。

  
• 05.30 16:55:02
  发表了文章 2023-05-30 16:55:02

  [LeetCode] 无重复字符的最长子串 & 最长回文子串

  博主最近在看新的工作机会，也是在找一些leetcode上比较高频的算法复习一下，这里分享两道算法题的解题。

  
• 05.30 16:54:21
  发表了文章 2023-05-30 16:54:21

  [LeetCode算法]有了二叉树层序遍历，妈妈再也不用担心我不会做二叉树层级题了

  博主最近在刷`leetcode`，做到二叉树套题的时候发现很多题的解题思路都是基于二叉树的层序遍历来完成的，因此写下这篇文章，记录一下二叉树层序遍历这件"神器"在实战的运用。
• 05.30 16:53:44
  发表了文章 2023-05-30 16:53:44

  React组件库Concis | 组件突破50+,移动端concis起步,新增英语文档,持续更新中...

  对于不熟悉这个项目的小伙伴们做个简单的介绍，Concis是一个基于React+TypeScript开发的一款轻量级组件库，全面拥抱React生态，支持React新特性(hooks/redux)追求轻量的组件体积，简单的使用方式，最小的思维负担。

  
• 05.30 16:52:40
  发表了文章 2023-05-30 16:52:40

  谈谈前端工程化

  系统学习前端的同学都知道，最早期的前端开发（切图开发），其实就是在html文件中插入css文件、插入js文件，如果你掌握的知识比较广，可能还会引入jquery.min.js~

  
• 05.30 16:51:52
  发表了文章 2023-05-30 16:51:52

  useReducer+createContext真的可以代替Redux吗？

  最近看到很多采用useReducer + createContext 实现一个简易的redux的方案，今天亲自试了一下，发现还是会有一些区别的。

  
• 05.30 16:51:08
  发表了文章 2023-05-30 16:51:08

  手写一个埋点SDK吧~

  博主最近半年的时间都在投入 concis react组件库的开发，最近阶段也是想要做一些市面组件库所没有的东西，concis 主要为业务平台开发提供了一系列组件，而埋点在业务中的实用性是很高的，搭配业务端埋点和后台监控，可以收集到很多信息，如性能参数、错误捕捉、请求响应过慢等一系列问题，因此本文记录了开发一个埋点SDK组件的全过程。