chaofeis - 一个年轻人的博客站

chaofeis - 一个年轻人的博客站https://chaofei.tech/Recent content on chaofeis - 一个年轻人的博客站Hugo -- gohugo.iozh-cnSun, 26 Nov 2023 20:09:25 +0800认知迭代https://chaofei.tech/post/cognitive-iteration/Thu, 02 Jun 2022 10:12:04 +0800https://chaofei.tech/post/cognitive-iteration/2023.06.10 昨天发布了高效程序员的利器们，算是抛转引玉了，欢迎各位到 Github 仓库上指导。 2023.06.09 钱是什么？《纳瓦尔宝典》里边说：“什么是钱？钱是这个世界给你打的欠程序员的理财第一课https://chaofei.tech/post/all-about-money/Sun, 26 Nov 2023 20:09:25 +0800https://chaofei.tech/post/all-about-money/储蓄富有wealthy VS 有钱rich 请思考两者区别，答案见：key-differences-between-rich-wealthy 和 difAstrojs 介绍https://chaofei.tech/post/astro/Fri, 05 May 2023 11:21:25 +0800https://chaofei.tech/post/astro/更富有更睿智更快乐·读书笔记1https://chaofei.tech/post/richer-wiser-happier/Sun, 02 Apr 2023 00:39:25 +0800https://chaofei.tech/post/richer-wiser-happier/读完了本书第一章：效仿沃伦·巴菲特的人，分享有用的几点原则和感受：原则1：疯狂地效仿智者当始终遵循伟人走过的道路，当效法过去的杰出者，这样当浏览器调试 hover 后展示元素的技巧https://chaofei.tech/post/inspect-hover-element/Fri, 01 Jul 2022 12:38:48 +0800https://chaofei.tech/post/inspect-hover-element/场景前端经常会碰到需要调试 ToolTip、Dropdown 这类事件控制元素显示隐藏的场景，令人抓狂的是调试动态显示的元素时鼠标移到控制台它就理解 CSS 中的就近原则https://chaofei.tech/post/understanding-css-proximity-principle/Thu, 07 Apr 2022 22:50:12 +0800https://chaofei.tech/post/understanding-css-proximity-principle/常见的一道面试题： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>就近原则</title> <style type="text/css"> .classA { color: red; } .classB { color: yellow; } </style> </head> <body> <div id="test" class="classB cl不会娱乐是蠢才https://chaofei.tech/post/about-movies/Sun, 27 Mar 2022 00:06:45 +0800https://chaofei.tech/post/about-movies/我爱看电影，不是因为文艺，而更像是是对童年时看不到的补偿。小时候家里黑白电视，村里的小卖部（那时候也叫供销合作社）里是彩色的，有时候会有电影关于上个月的“雪”我想说些什么https://chaofei.tech/post/about-the-war/Sat, 26 Mar 2022 19:39:25 +0800https://chaofei.tech/post/about-the-war/最近发生的事太糟心了，我像家里的小猫一样看着窗外的大雪纷飞。丰县和乌克兰两个地方我都没去过，国际大势和被拐妇女这些事怎么发展似乎对于包括我在微习惯：Mini Habitshttps://chaofei.tech/post/mini-habits/Fri, 18 Feb 2022 23:13:15 +0800https://chaofei.tech/post/mini-habits/全书中心思想：小目标简单重复，让目标达成没有压力从而依靠惯性重复形成习惯本书结构第1章微习惯是什么把事情拆解成小步骤和小目标，没有包袱轻装上Hello Hugohttps://chaofei.tech/post/hello-there/Wed, 02 Feb 2022 05:11:04 +0800https://chaofei.tech/post/hello-there/新年新气象因为忙于工作纵情向前，之前搭建在阿里云上的 WordPress 网站忘记续费而关闭，在农历大年初二的晚上三点我终于下定决定使用 Hugo 重启这个博客站点。创作2022 需要掌握的 CSS 知识https://chaofei.tech/post/new-css-in-2022/Tue, 11 Jan 2022 12:13:14 +0800https://chaofei.tech/post/new-css-in-2022/本文整理列出了 2022 年的 CSS @大漠 @Bramus 中我们需要学习的 CSS 新语法，有望在 2022 年在所有浏览器实现: Container Queries CSS 容器查询 @container 有点类似于 CSS 的媒体查询 @media ，只是它将根据元如何在工作中发挥更大价值https://chaofei.tech/post/great-at-works/Mon, 27 Jul 2020 21:12:05 +0800https://chaofei.tech/post/great-at-works/各位思考一下自己的工作内容，是否可以用一条狗来代替你工作呢？如果你真的在公司里无所事事地混日子，看到这个问题感到了自己可能被替代的危机感，那Coding for Publishhttps://chaofei.tech/post/coding-for-publish/Fri, 03 Jul 2020 16:21:35 +0800https://chaofei.tech/post/coding-for-publish/如何部署一个 Web 应用？前端开发者（Frontend Developer）日常工作不仅仅是画界面，积累到一定程度，必须对自己的交付物（以 Web 界面呈现【译文】一封信送给作为新手软件工程师的我https://chaofei.tech/post/a-letter-to-myself-for-a-fresh-developer/Mon, 02 Mar 2020 20:20:35 +0800https://chaofei.tech/post/a-letter-to-myself-for-a-fresh-developer/亲爱的自己：你刚毕业并准备好在 IT 领域开始你的职业生涯。我不能剧透发生的事，但我向你保证这将会是一段有趣的旅程。我正在给你写这封信，因为我想给【译文】几个有用的技术名词：牦牛剃须、技术债和自行车棚https://chaofei.tech/post/useful-tech-terms/Tue, 20 Aug 2019 22:12:05 +0800https://chaofei.tech/post/useful-tech-terms/几个有用的技术名词：牦牛剃须、技术债和自行车棚我喜欢好的术语。我们先对术语做定义：“特殊的措辞和短语用来同事间的高效沟通”。（澄清一下，当术JavaScript 事件循环：微任务和宏任务https://chaofei.tech/post/macro-and-micro-task/Mon, 12 Aug 2019 23:02:15 +0800https://chaofei.tech/post/macro-and-micro-task/事件循环：微任务和宏任务 JavaScript 在浏览器里的执行流程跟在 Node.js 中一样，是基于事件循环的。理解事件循环如何运行对于代码优化是重要的，有时对于正确的架构也？在正则表达式的应用https://chaofei.tech/post/question-mark-in-regular-expression/Thu, 01 Aug 2019 11:12:25 +0800https://chaofei.tech/post/question-mark-in-regular-expression/很多文章讲述正则是从元字符的认知到量词和基本匹配，再到零宽断言贪婪匹配这些高阶知识讲解的。本文另辟蹊径，只讲述问号的应用，从一个点剖析正则表如何创建无穷数组https://chaofei.tech/post/infinity-array/Thu, 02 May 2019 20:13:14 +0800https://chaofei.tech/post/infinity-array/「无穷」意味着永恒我们总是渴求永恒和永生但宇宙之中万物皆缥缈不存在一成不变的可能性科学给我们的幻想打了个零分如何在 JavaScript 里产生一个无穷数组呢？这Abouthttps://chaofei.tech/post/about/Sun, 20 Aug 2017 21:38:52 +0800https://chaofei.tech/post/about/一个热情但没有才华的年轻人。前端开发者，2014 年入行，经历过 BearyChat 和 DiDi，如今在 MT 追求效率，喜欢做工具，开发了几个 Chrome 插件： iRead Rect-selector EYE 拥抱开源，