https://dendoink.com/blog Exploring the Intersection of Technology and Thought en-us dendoink@gmail.com (Dendoink) dendoink@gmail.com (Dendoink) Fri, 21 Mar 2025 00:00:00 GMT https://dendoink.com/blog/AI/AI-and-the-Everyday-Finding-Our-Way-in-a-Changing-World https://dendoink.com/blog/AI/AI-and-the-Everyday-Finding-Our-Way-in-a-Changing-World 我们似乎正站在一个前所未有的十字路口。每天的新闻都在刷新着我们对智能的认知，那些曾经只存在于想象中的场景，正在以惊人的速度变成现实。 Fri, 21 Mar 2025 00:00:00 GMT dendoink@gmail.com (Dendoink) AI https://dendoink.com/blog/AI/Claude-3.7-Sonnet-and-Claude-Code https://dendoink.com/blog/AI/Claude-3.7-Sonnet-and-Claude-Code Claude3.7 Sonnet是首个市场混合推理模型，集成即时响应与深度思考双模式，大幅提升编码、全栈开发及复杂任务处理能力。 Tue, 25 Feb 2025 00:00:00 GMT dendoink@gmail.com (Dendoink) AI https://dendoink.com/blog/AI/yc-vertical-ai-agents-could-be-10x-bigger-than-saas https://dendoink.com/blog/AI/yc-vertical-ai-agents-could-be-10x-bigger-than-saas 探讨垂直AI代理如何通过替代传统SaaS和人工团队，重构企业效率边界，并分析其3000亿美元市场的潜在机会。 Fri, 24 May 2024 00:00:00 GMT dendoink@gmail.com (Dendoink) AI创业SaaS https://dendoink.com/blog/translations/2021-09-01 https://dendoink.com/blog/translations/2021-09-01 深入研究 React 称为 Fiber 的新架构，了解新 reconciliation 算法的两个主要阶段。 Wed, 01 Sep 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Translations https://dendoink.com/blog/javascript/2021-04-10 https://dendoink.com/blog/javascript/2021-04-10 结合 [上一篇文章](/blog/2024/04/09/index) ，我们来聊聊 `面向对象编程` Sat, 10 Apr 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) JavaScript https://dendoink.com/blog/javascript/2021-04-09 https://dendoink.com/blog/javascript/2021-04-09 结合 [上一篇文章](/blog/2024/04/08/index) ，我们来聊聊 `Babel` Fri, 09 Apr 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) JavaScript https://dendoink.com/blog/javascript/2021-04-08 https://dendoink.com/blog/javascript/2021-04-08 结合 [上一篇文章](/blog/2024/04/07/index) ，我们来聊聊 `promise` 的特性 Thu, 08 Apr 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) JavaScript https://dendoink.com/blog/javascript/2021-04-07 https://dendoink.com/blog/javascript/2021-04-07 结合 [上一篇文章](/blog/2024/04/06/index) ，我们来聊聊 `Promise` Wed, 07 Apr 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) JavaScript https://dendoink.com/blog/javascript/2021-04-06 https://dendoink.com/blog/javascript/2021-04-06 结合 [上一篇文章](/blog/2024/04/05/index) ，我们来聊聊 `Generator` Tue, 06 Apr 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) JavaScript https://dendoink.com/blog/javascript/2021-04-05 https://dendoink.com/blog/javascript/2021-04-05 说起 `for of` 相信每个写过 `JavaScript` 的人都用过 `for of` ，平时我们用它做什么呢？大多数情况应该就是遍历数组了，当然，更多时候，我们也会用 `map()` 或者 `filer()` 来遍历一个数组。 但是就像我们标题里面说的，它跟 `Generator` 能扯上什么关系呢？ Mon, 05 Apr 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) JavaScript https://dendoink.com/blog/chrome-tricks/00-index https://dendoink.com/blog/chrome-tricks/00-index 本系列要介绍的，就是 `Chrome-DevTools` 的使用技巧。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/01-chrome-version https://dendoink.com/blog/chrome-tricks/01-chrome-version Chrome 版本查看 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/02-copying_saving https://dendoink.com/blog/chrome-tricks/02-copying_saving 在调试的过程中，我们总要对 Dev Tools 里面的数据进行 复制 或者 保存 的操作，所以我们来看看，关于这些，有什么小技巧呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/03-hotkey https://dendoink.com/blog/chrome-tricks/03-hotkey 如果有人问你最有效提升开发效率的方式？你首先想到的肯定是快捷键！那在 Chrome 中有哪些值得我们去了解的快捷键呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/04-command https://dendoink.com/blog/chrome-tricks/04-command 使用 Command 菜单，快速找到那些被隐藏起来的功能。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/05-code_block https://dendoink.com/blog/chrome-tricks/05-code_block 使用代码块，快速找到那些被隐藏起来的功能。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/06-about https://dendoink.com/blog/chrome-tricks/06-about 使用 $ ，快速找到那些被隐藏起来的功能。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/07-bugInConsole https://dendoink.com/blog/chrome-tricks/07-bugInConsole 使用 console.log ，快速找到那些被隐藏起来的功能。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/08-asyncConsole https://dendoink.com/blog/chrome-tricks/08-asyncConsole 与浏览器有关的 API 大部分都基于 `Promise` , 但在 `Console` 面板用起来很不方便。有没有使用的技巧呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/09-ninjaLog https://dendoink.com/blog/chrome-tricks/09-ninjaLog 设置断点是不是被执行了太多次？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/10-formatInConsole https://dendoink.com/blog/chrome-tricks/10-formatInConsole 有没有想过，在 `Chrome` 中用自己定义的格式来打印一个对象呢? Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/11-object_function https://dendoink.com/blog/chrome-tricks/11-object_function 在我们调试 `Javascript` 的代码时， `对象` 和 `方法` 作为经常被我们调试的对象，所以这里介绍关于 `对象` 和 `方法` 的调试技巧。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/12-consoleTips_01 https://dendoink.com/blog/chrome-tricks/12-consoleTips_01 我最开始接触前端的时候，学会用的就是 `console.log` ，甚至现在，大部分情况也还在用它调试，但不同的场景下，其实有更多好用的 API。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/13-consoleTips_02 https://dendoink.com/blog/chrome-tricks/13-consoleTips_02 我们刚刚看到了 `console.table` 这个技巧，也了解了在他上面的 `{}` ，那么我们为什么不将他们结合起来打造一个终极 `log` 呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/14-consoleTips_03 https://dendoink.com/blog/chrome-tricks/14-consoleTips_03 如果我们想看到打印的时间戳呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/15-consoleTips_04 https://dendoink.com/blog/chrome-tricks/15-consoleTips_04 有没有试过直接把 `log` 作为回调函数？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/16-networkBasic https://dendoink.com/blog/chrome-tricks/16-networkBasic Network 作为调试中比不可少的一环，但你对它的了解有多少呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/17-networkDetail_01 https://dendoink.com/blog/chrome-tricks/17-networkDetail_01 Network 和我们每天的工作息息相关，但是你真的了解它吗？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/18-networkDetail_02 https://dendoink.com/blog/chrome-tricks/18-networkDetail_02 Network 还有哪些使用技巧呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/19-elementTips https://dendoink.com/blog/chrome-tricks/19-elementTips 几乎每次打开 Chrome 进行调试都会用到元素面板，那你知道有哪些技巧吗？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/20-elementInDeep_01 https://dendoink.com/blog/chrome-tricks/20-elementInDeep_01 除了基本的功能，还有哪些好用却不为人知的技巧？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/21-elementInDeep_02 https://dendoink.com/blog/chrome-tricks/21-elementInDeep_02 仔细深入的话，元素面板里面还有很多被忽略的功能。 Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/22-colorPicker https://dendoink.com/blog/chrome-tricks/22-colorPicker 你有仔细的研究过颜色选择器吗？如果仔细查看就会发现： `DevTools` 的开发团队在这个小玩意里面，竟然放了那么多意想不到的东西！ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/23-drawerTips https://dendoink.com/blog/chrome-tricks/23-drawerTips 说到 `Drawer` 大部分的朋友可能都很陌生，那 `Drawer` 是个什么东西？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/24-drawerTips_deep_01 https://dendoink.com/blog/chrome-tricks/24-drawerTips_deep_01 Drawer 中有一项叫Animations说真的我之前几乎没用过，但是了解之后才发现这功能太棒了! Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/25-drawerTips_deep_02 https://dendoink.com/blog/chrome-tricks/25-drawerTips_deep_02 经常会发现，项目里面外部库的一大块 `JavaScript` ，或者选择器上的一些 `CSS` 规则，实际都没有用到，但是怎么找到并且优化这一部分内容呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/26-workspaceTips https://dendoink.com/blog/chrome-tricks/26-workspaceTips 我们总是习惯于先在 `IDE` 或者文本编辑器中修改代码，然后再进入 `Chrome` 中进行调试，那有没有想过直接就在 `Chrome` 中来修改我们的代码呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/27-Automatically_pretty_print https://dendoink.com/blog/chrome-tricks/27-Automatically_pretty_print 每次调试几乎都会打开 `Source` 面板，但是默认的 `Source` 显示的内容是没有美化过的代码，能不能打开就是格式化之后的内容呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/28-CSSOverview https://dendoink.com/blog/chrome-tricks/28-CSSOverview 在 element 面板你可以检查每个元素的 CSS，那有没有办法看到整个页面的 CSS 概览呢？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/29-Custom_UI_Themes https://dendoink.com/blog/chrome-tricks/29-Custom_UI_Themes 可能你知道怎么更换 `Chrome` 的网页主题，但是你知道怎么更换 `Devtools` 的主题吗？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome https://dendoink.com/blog/chrome-tricks/30-Source_diff https://dendoink.com/blog/chrome-tricks/30-Source_diff 看完 worksapce 的介绍，我们可以把改动同步到本地的文件中，但是对于修改了什么，以及哪些是新增的部分，还是会模糊不清对吗？ Tue, 02 Mar 2021 00:00:00 GMT dendoink@gmail.com (Dendoink) Chrome