思路：依次比较相邻的两个数，将比较小的数放在前面，比较大的数放在后面。直到跑完一次，这时候，最大的数就放在最后一个位置了，在了它排序后应该在的位置了。依此类推，再把第二大的数冒泡到倒数第二个位置, 跑 i 次，把 i 个数都放到它指定的位置，排序完成。

题目你有 20 块钱，一瓶饮料卖 5 块钱，2个瓶身可以换一瓶饮料，4个瓶盖可以换一瓶饮料。问最多可以喝多少瓶饮料思路除了第一次用钱买，剩余的均是通过瓶身或瓶盖兑换而来，那么兑换到直到瓶身和瓶盖无法兑换为止编码 {代码...}

low code 服务于开发或非开发人员，用少量代码或者不写代码（no code）直接实现需求功能。而低代码开发平台，则是提供给开发者使用的开发环境，可以在线快速可视化构建页面，实现需求。

假设有函数 {代码...} f1(f2(f3(f4(x)))) {代码...} f4(f3(f2(f1(x)))) {代码...} 经典题型测试 {代码...}

防抖在一定时间内执行一次，如果在此时间内再次触发，则重新计时 {代码...} 节流在一定时间内执行一次，如果在此时间内再次触发，则会拦截不执行 {代码...}

最近在写项目的过程中，遇到一个问题。就是实时搜索，但是异步数据返回的时间不一致，导致，搜索的结果和文本其实并不能完全匹配解法一在请求成功后，判断参数是否和搜索条件一致，如果一致，才 setState。这种解法解法二使用请求库的 cancel 方法axios cancel: [链接]umi-request cancel: [链接]很明显，2 的解法要比 1...

在产生一个解决方案时，不可避免的会产生多个 npm 包，以适配不同的用户群体，而这些包有可能互相之间又有依赖，管理起来，比较复杂，lerna 可以很容易的帮助我们管理多包

React.StrictMode 识别具有不安全生命周期的组件 有关旧式字符串ref用法的警告 关于已弃用的findDOMNode用法的警告 检测意外的副作用 检测遗留 context API 示例： {代码...} React.Lazy 允许我们定义动态加载的组件示例： {代码...} React.Suspense 延迟加载组件，当组件未准备好时，显示 loading {代码...} ReactDOM.c...

对于一个前端开发者来说，往往关注四个方面，路由，数据流，业务逻辑和ui页面，如下从一个自定义hook开始，后续讲解了各个方面都可以去使用hook去更简单实现业务场景。代码可读性，维护性都可大大增强。

规则2毋庸置疑，只在 react 组件中使用 state规则2，对于初始使用者，可能会有些不习惯，那么我们下面来聊下为何时这样的，之后可能对这个就不再迷惑

可能你会使用render props或者高阶组件，但一方面，组件结构需要变动，使用render props和高阶组件也会使组件变得很难理解，另一方面会形成嵌套地狱，在用devtools排查问题时，很不方便。

就像人们对移动应用程序和操作系统的更新感到兴奋一样，开发人员也应该对使用的框架更新感到兴奋。各个框架的新版本给我们带来开箱即用的新功能和技巧。