blog

奶龙警察-第八十二期

../../images/45d4cac1cd2eae3eebf3f8a575528d1b_720.jpg

中午吃完饭去散步的时候,看到一个超大的奶龙警察,应该是刚布置好不久,拍照围观的人还不多,也可能是中午太热,很多人没有出来。

技术类

你不知道的锚点元素

https://blog.jim-nielsen.com/2025/href-value-possibilities/

  1. href=”#“
    滚动到页面顶部(这大家都知道)。
    👉 冷知识: href=“#top” 也能滚到顶部,只要页面里没有 id=“top” 的元素。
    👉 另外:PDF 链接里可以用 #page=42 直接跳到第 42 页。

  2. href="" (空字符串)
    重新加载当前页面,保留 query 参数,但会去掉 hash(#后面的部分)。

  3. href=”.”
    加载当前目录的默认 index 页,同时去掉 query 和 hash。
    ⚠ 注意:URL 必须带尾部斜杠,否则行为可能出人意料( . 会被解析为”上级目录”)。

  4. href=”?”
    去掉所有 query 参数,但保留 ? 符号本身,不受尾部斜杠影响。

  5. href=“data:…”
    可以链接到 data URL,比如: 打开 HTML 页面

  6. href=“video.mp4#t=10,20”
    媒体片段(Media Fragments)——链接到视频的特定时间段,从第 10 秒播到第 20 秒。(目前浏览器支持有限)

自定义元素

https://railsdesigner.com/custom-elements/

介绍 Web 原生的 Custom Elements(自定义元素) 是什么、怎么用,以及如何在 Rails 中用它实现 乐观 UI(Optimistic UI)——即表单提交后消息立即显示,无需等待服务器响应

CSS动画计数器

https://css-tricks.com/animating-number-counters/

介绍如何让数字从 A 平滑过渡到 B(类似仪表盘计数动画),重点介绍从”老方法”到”新方法”的演进。 新方法优雅简洁,但当时有浏览器兼容问题(现在 2026 年 @property 已被主流浏览器广泛支持了)。适合做数据大屏、仪表盘等需要数字动效的场景。如果需要支持小数,得多一点技巧处理。

2025年应该知道的HTML新知识

https://frontendmasters.com/blog/bone-up-html-2025/

这篇文章是 2025 年前夕 HTML 能力的一次很好的盘点,值得前端开发者通读一遍,不少特性已经可以在生产中使用了。

非技术类

中国新能源建设惊人规模

https://e360.yale.edu/digest/china-renewable-photo-essay

其实我今年回家,也是看到自己家乡,导出都是新能源建设的影子,山上不是风力发电站,就是太阳能发电站,看来以前的水力发电站就快要被取代了。

谷歌14年工作经验

https://addyosmani.com/blog/21-lessons/

大约14年前,我加入谷歌,以为这份工作就是编写优秀的代码。

这个想法部分正确。但随着时间的推移,我越来越意识到,真正成功的工程师不一定是最优秀的程序员,而是懂得驾驭代码之外一切的人。

下面就是我得到的经验教训。有些教训是我走了几个月的弯路得到的,还有一些需要数年才完全领悟。它们都与具体的技术无关----技术变化太快,根本无关紧要。

(1)工程师想在大公司生存,必须学会沟通。

因为在大公司,团队是组织的基本单位,推进项目必须跟其他团队沟通。项目越大,你花在跟其他人、其他团队沟通的时间就越多,比编写代码的时间还多。大多数”慢”的团队实际上是不沟通的团队。

为了顺利沟通,清晰是第一位的要求。它不仅可以加快沟通,还能降低代码风险。最优秀的工程师都会用清晰易懂的代码来代替炫技。

为了提高表达的清晰性,你可以尝试写作和去教别人。如果你能用简单的语言解释某件事,你就是真的理解它了。

(2)想要得到晋升,必须有人为你说话。

职业生涯初期,我曾认为优秀的工作成果代表了一切,但我错了。代码默默地躺在代码库里,不会为你说话。

那些对你至关重要的会议,你本人很可能没有机会参加。你需要你的经理、同事在会上提到你、推荐你。他们可能这样做,也可能不会。

平时工作中,你尽量不要为自己增加阻力。如果开会的时候,你赢得每一场辩论,很可能就是在积累无声的阻力。你之所以”赢”,不是因为你说服了别人,而是因为他们不再与你争论,放弃了,将会在其他场合表达这种不满。

(3)专注于你能控制的事情,忽略你无法控制的事情。

很多事情,你改变不了,不要为这种事情烦恼。这不是被动接受,而是策略性分配精力。如果你把精力浪费在无法改变的事情上,就等于放弃改变那些原本可以改变的事情。

(4)简化工作往往可以提高绩效。

当系统运行缓慢时,人们的第一反应是增加缓存层、并行处理和更智能的算法。有时这样做没错,但我发现,删除不必要的工作几乎总是更有效果。下次进行优化之前,你要先问问自己这项工作是否应该存在。

(5)时间比金钱更有价值,你要抓紧时间。

职业生涯初期,你用时间换取金钱,各种事情都做----这无可厚非。但到了某个阶段,情况就完全不同了,你会开始意识到,时间才是不可再生资源。你要专注于那些对你最重要的事情,放弃其他事情。

我是如何学习所有编程知识的

https://agentultra.com/blog/how-i-learned-everything-i-know/index.html
我从未见过哪个群体比程序员更热衷于分享知识。其他行业都是严守知识、保守秘密,程序员则是免费提供源代码、书籍、博客文章、演示文稿、视频教程等等。

编程领域没有什么神圣不可侵犯的东西。如果你想学习,你可以找到免费书籍、完整的源代码、论坛、聊天室、邮件列表、线下聚会、博客文章、视频讲座、教程以及你可能需要的一切资源。尽管举手,总会有人乐于助人,倾囊相授。

关于大型软件公司的常见误解

https://philipotoole.com/common-misunderstandings-about-large-software-companies/

如果你想批评大型组织的运作方式,首先要了解它们为何如此运作。否则,批评会显得尖锐,但却毫无意义。