可选链 ?. 是一种访问嵌套对象属性的安全的方式。即使中间的属性不存在，也不会出现错误。 如果你才刚开始读此教程并学习 JavaScript，那可能还没接触到这个问题，但它却相当常见。 举个例子，假设我们有很多个 user 对象，其中存储了我们的用户数据。 我们大多数用户的地址…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。想阅读更多优质文章请猛戳GitHub博客 在 ES6 中我们有 String.protot…

前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…

😃 感谢大家阅读, 最后推下自己的小工具, 作为工作了8,9年的老菜鸟插件用多了自己也造了几个小工具, 大家看看有没有需要的. 🔥 支持vscode版本, 查正则再也不用"百度"了. 😃 vscode中搜索"any-rule"进行安装. 👋一个手势库, 支持tap(点击…

Webpack是一个模块打包器(bundler)。 Entry：入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。 Output：output 属性告诉 webpack 在哪里输出它所创建的 bundles，以及如何命名这些…

最近的项目里需要实现一个标签组件，内部标签可任意拖动排序。网上搜了一圈发现几乎没有现成的基于react的组件能很好的满足需求。 它很好用，最短只要几行代码；又很灵活，你可以进行添加、修改、删除、排序等操作，可以在一个标签里放任何东西，可以设置任何你想要的样式（该组件本身并不包含…

最近公司有个项目要用到木桶布局，找了很多插件都感觉不合适，于是决定自己撸一个。已经开源到github。(文章写的匆忙，有错别字或bug请指正) 什么是木桶布局，我们随便百度一张图片就知道了。如下图。 那么问题来了，要怎么实现这种效果呢?本人想了一种思路，看下图。 首先排列若干图…

Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要…