About MeWelcome 👋 你好!欢迎来访! 🤟 自述 我是一名对软件开发有浓厚兴趣的 coder,尤其是在 Web 应用的开发和构建领域。 我在 Typescript 和 JavaScript 方面有不错的基础。 我曾经在字节跳动和腾讯工作,担任 Web 前端工程师。 另外,我不是一个只会沉迷于编码的男孩。 我有很多爱好,我相信享受属于我们自己的生活是世...Harry Xiong小于 1 分钟About Me
React 函数式组件 vs 类组件引言 与 React 类组件相比,React 函数式组件究竟有何不同? 这将会是我们本篇深入讨论的话题。但我们不会从使用者的角度去讨论,更多的是从设计者和底层原理的角度去讨论。 如果你想一句话快速概括函数式组件的特点,那也许是这样: 函数式组件就如同一台照相机,它总是捕获当前渲染所用的值,然后生成一份份快照。 从一个例子说起 看看下面这个函数式组件: ...Harry Xiong大约 14 分钟ReactReact 进阶
给你的库或框架设计一个通用错误处理模型引言 不知道大家在封装一个库的时候,会不会考虑错误处理的问题? 错误处理是库或框架开发过程中重要的设计环节,建立良好的错误处理机制可以直接增强这个库或框架本身的健壮性和可扩展性,大大减少使用者的开发负担。 提出问题 假设我封装好了一个库: 里面有一个 todoA 方法,当用户使用我这个库的这个方法的时候,出错了怎么办? 此时有两种解决方法: 让用户自行...Harry Xiong大约 3 分钟Web Development错误处理模型
一文总结 Javascript 中的遍历方式前言 说到 Javascript 中的遍历,可以分为两种情况:数组的遍历和对象的遍历。 下面我们就来总结梳理一下 JS 中所有的有关数组的遍历和对象的遍历的方法。 PS:这里的 Javascript 指的是广义的 JS,包括了 ES6 里的方法。 数组的遍历 JavaScript 提供多种遍历语法。 for 循环 最原始的写法就是for循环。 forE...Harry Xiong大约 7 分钟JavascriptJavascript
一文搞懂 Webpack 热更新原理前言 在开发中,一个网页的刷新我们一般分为两种形式: 一种是页面刷新,不保留页面状态,就是简单粗暴,例如直接window.location.reload()。; 另一种是基于 Webpack 的WDS (Webpack-dev-server)的模块热替换,只需要局部刷新页面上发生变化的模块,同时可以保留当前的页面状态。; Hot Module Repl...Harry Xiong大约 4 分钟WebpackWebpack 热更新
上手 Mobx引言 市面上有很多 MobX 的教程(包括 MobX 官网的教程),很多人吐槽写的晦涩难懂。拿我自己的学习之路来说,初识 MobX 的时候我有一系列的疑问为什么 MobX 用法千奇百怪?为什么有这么多版本的语法?我到底应该采用哪一种写法?不同写法有什么区别吗? 在查阅很多资料之后,我自己总结了一下 Mobx 的前世今生,从5.x到6.x的进化之路。并整...Harry Xiong大约 5 分钟ReactReact 状态管理MobX
联系我很期待认识你! 应用名称 联系方式 :--: :--------- GitHub (https://github.com/HarryXiong24) Gmail (mailto:harryxiong24@gmail.com) Instagram (https://www.instagram.com/harryxiong24) Linkedin (htt...Harry Xiong小于 1 分钟About Me