8 | Page | Kitety别样

8个小技巧让你成为更好的开发

这篇文章介绍了8个小技巧，帮助你更好地安排工作日和休息时间，并探讨了使用这些技巧的重要原因。关键技巧包括不要过度计划，尽量完成3到5个工作；将工作安排看作是一次马拉松，只提前计划一周的工作；选择有意义的活动，如锻炼，可以帮助你更好地学习；保持专注，花更少的时间专注工作比分散精力的工作效果更好；远离手机，在工作和学习中尽量不要使用手机，将其作为奖励；明确每天的期望和要求，并写下来以避免分散注意力；重视睡眠，它对学习和记忆至关重要；多喝水，良好的组织和坚持目标也是成功的关键。

翻译

2020年末启示

这篇文章总结了几条关于工作和学习的重要原则：首先，无论做什么工作都要尽职尽责，因为公司不养闲人。其次，技术分享可以增加话语权，要将分享落地结合业务逻辑，增加影响力。另外，学习要超越表面使用，理解实现原理，保持好奇心。还要学习领导的过人之处，找到值得学习的地方。此外，到不同环境学习现在所缺乏的，先进理念在这些地方学习。要学会产生价值，实现自身价值。最后，心态始终重要。

心得

VSCODE JS调试技巧

文章介绍了多种使用VSCODE进行JavaScript调试的方法，包括单文件调试、直接调试、配置文件方式、项目调试、npm script脚本方式、打断点、launch.json配置和命令行方式。文章强调了根据不同项目需求选择合适的调试策略，并提供了详细的操作步骤和配置说明。

DEBUG

VSCODE

Git修改Commit信息

这篇文章总结了修改 Git commit 信息的方法，包括修改最近一次和非最后一次 Commit Message，以及删除一个 Commit Message 的步骤。详细介绍了准备环境、使用 vi 编辑模式和 git rebase 命令的操作流程。

Git

实现自己的React之渲染Class Component

文章探讨了在自制React框架中渲染Class Component的过程。它解释了React 15中Class Component的渲染和更新机制，以及如何通过React.createElement创建组件。文章通过代码示例详细描述了渲染步骤，包括实例化React.Component、处理生命周期方法和递归渲染子元素。最后，文章预告了将介绍的diff更新算法。

React

实现自己的React之渲染原生DOM

这篇文章讲述了实现字符串和数字的渲染后，接下来将渲染原生 DOM 的过程。文章提到了需要了解简单的正则知识来匹配事件和 style 属性，并介绍了使用正则的 test 判断以及与 String.place 搭配使用的方法。文章还提到了在元素创建时采用事件委托绑定事件，元素移除时也要移除事件，使用命名空间实现简便操作的技巧。最后，文章通过分析 React 代码的原理，介绍了 JSX 是 React.createElement 的语法糖。

React

实现自己的React之渲染字符串和数字

这篇文章介绍了渲染字符串到指定元素上的问题，并提出了使用工厂函数解决方案。作者修改了目录结构，实现了文本操作类，最终暴露了工厂函数供使用。

React

实现自己的React之基础准备

这篇文章探讨了作者在使用React一段时间后的深入学习经历。作者强调了理解React的重要性，并介绍了使用jQuery简化原生DOM操作和事件绑定的做法。在环境搭建方面，作者使用了create-react-app工具快速创建项目，并对代码进行了替换和简化。文章最后指出，虽然已经建立了基本开发环境，但作者计划逐步深入学习原生DOM和类组件。

React

Github在线IDE初体验

这篇文章介绍了GitHub最新推出的在线IDE服务GitHub Codespaces。用户可以在克隆代码时选择"plain"进入，查看已有的IDE列表或新建。该服务支持同步配置和插件扩展，自动识别package.json安装依赖，并预装了基础环境如node、docker、npm、git、python等。用户可以全局安装Hexo并启动项目，也可以通过Docker安装PostgreSQL。然而，与本地VSC相比，接口/graphql使用不如本地开发舒适，缺少一些辅助扩展。总体来说，GitHub Codespaces的推出为开发者提供了更便捷的开发环境。

Github