朋友圈

本栏目《隐说》由原《棱镜通讯》分离而来，《隐说》主要聚焦于我近期读的一些好书、好文章、好的付费栏目、日常思考等等，其中有摘录、点评、扩展。 1、禅宗三重境 上堂：老僧三十年前未参禅时，见山是山，见水是水。及至后来，亲见知识，有个入处。见山不是山，见水不是水。而今得个休歇处，依前见山只是山，见水只是水...

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 中法合作的一个艺术项目《挑战第841次》，让路过的行人在黄浦江边的一个玻璃亭子里，弹奏法国作曲家的一个钢琴作品。（via...

上个月打卡中山金钟水库红杉树后，一湖碧色与层林红韵便一直让人惦记着。元旦赶上好天气，就又去绕着水库走了一圈。官 […]

还在使用style元素和innerHTML在页面中插入CSS代码吗？试试使用CSSStyleSheet构造函数吧，更灵活更方便。

祝大家心有所悦，业有所成，万事皆可期！愿你如翠柏般舒展，怀拥蓝天的开阔；似小花般明媚，攒满日常的欢喜；随蕨叶沐光，把每段时光都过成暖色调的诗。

月报停更已有四个月，客观因素与主观因素皆有，过去四个月的工作强度非常大，很多个周末都在工作，同时因为公司的政策原因，精神上压力也比较大，因此，没有心思和精力来更新。 然到了年底，回看之前写的月报，感觉后续有可能还是要抽空记录一下。 适逢年底，那么就把最近两个月的月报和年终总结一起写写吧。 11-12...

在“反内卷”和“松弛感”的生活基调里，又是坚持阅读的一年。书籍始终是照进日常的微光，音乐与拍照则为心灵拓出另一 […]

生命的本身就是目的，不是手段

CSS容器查询，继尺寸查询、滚动查询、锚点查询后，还支持样式查询，直接匹配CSS变量，更关键的是，和attr()、if()等函数配合使用后，场景适应性更是直线攀升。

本栏目《隐说》由原《棱镜通讯》分离而来，《隐说》主要聚焦于我近期读的一些好书、好文章、好的付费栏目、日常思考等等，其中有摘录、点评、扩展。 1、鲁迅的书单 1930年秋，许寿裳的长子许世瑛（“清华七友”之一）考取了清华大学国文系，鲁迅先生为他开列了一份应读文学书目,这份书目见于许寿裳著的《亡友鲁迅印...

这里记录每周值得分享的科技内容，周五发布。（[通知] 下周元旦假期，周刊休息。） 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 哈尔滨19米大雪人，完工之前的样子。（via cgtn@instagram） 《硅...

发文 今年共发表文章 63 篇，与去年基本持平，略增 1 篇。内容上继续围绕“闲余”与“雅致”的核心主旨，以游 […]

一、 最近，我写了好几篇 AI 教程，就收到留言，要我谈谈我自己的 AI 编程。 今天就来分享我的 AI 编程，也就是大家说的"氛围编程"（vibe coding）。 声明一下，我只是 AI 初级用户，不是高手。除了不想藏私，更多是为了抛砖引玉，跟大家交流。 二、 平时，我很少用 AI 生成新项目。...

CSS锚定定位虽然强大，实用，但是还是有个不足，就是如果元素在边缘处触发候补定位，浏览器是无法感知的，导致很多交互效果并不能纯CSS实现，功亏一篑，现在，Chrome最新版本已经补全了这个不足，CSS锚点定位已经趋于完美，赶快学习起来吧。

最近去新加坡呆了一段时间，体验了当地的生活，品尝了美食，也走了很多地方，特地记录一下。 吃在新加坡 新加坡的人华裔和印度人（也包括孟加拉人）应该占大多数的，因此中餐还是很多的，中国的品牌也很多。到达之后，首先就是下载一个瑞幸，品尝一下0.99新币的瑞幸。 在Chinatown,也就是牛车水，有很多中...

中山金钟水库位于广东省中山市南区街道新安村，总占地面积120公顷，其中水面面积35公顷。2022年新建了金钟湖 […]

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 武汉首座电梯升降桥最近建成开放。因为上游有船厂，所以大桥有四根巨大的电梯柱，用来升起桥面，让船通过。（via） 预测是新...

蓝色和绿色是绝配的颜色，是大自然的馈赠，是晴空泼洒在水面的倒影，是远山晕染在云海的轮廓。它是自然写给人间的诗，把宁静的蓝、蓬勃的绿，酿成了眼底最治愈的风景。

周末天气不佳，阴阴沉沉，天气预报会下雨，所以没到山里去。上次走栈道观海段经过圆明新园已经是三年前，一晃已是三年 […]

CSS又出了个表示进度值的progress()函数，这个函数还是挺实用的，任何与进度值相关的场景都是他的使用场景，不妨进来快速了解一下吧。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 腾讯集团创始人之一的陈一丹，投资建设的深圳一丹中心，目前已经结构封顶，上图是建筑效果图。（via） 14万美元的贫困线 ...

在珠海的山野与路边，不时见到两种生长旺盛的植物：一种是外来入侵的薇甘菊，一种是本土常见的猪屎豆。这些植物有着美 […]

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 杭州大运河门户桥是一座步行桥，位于大运河与钱塘江交汇处，即将开放。它的三段拱形设计象征杭州刺绣和钱塘江浪潮。（via） ...

假连翘 假连翘，正式中文名源于《广州植物志》，是一种马鞭草科假连翘属的常绿灌木，植株高度通常在1.5米到3米之 […]

列举多种前端技法，如何仅使用IMG标签实现图片的内阴影效果，这些方法你之前都用过吗？

还在使用document.cookie管理cookie吗？太过时了，现在有专门的Cookie操作API了，就是CookieStore，简单又好用，简直完美！

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 苏州当代美术馆即将开放，十个展馆的屋顶连成一片，象征着江南民居的瓦片屋檐。（via） 一扇门的 Bug 最离奇的软件 B...

一、 全世界最好的 AI 编程工具，我不知道。 但是，我知道全世界最卷的 AI 编程工具，那一定是 TRAE。 为什么这么说？ AI 编程工具一般有三种产品形态。 （1）插件。最早的 AI 编程工具 GitHub Copilot 就是插件。 （2）IDE。插件受制于宿主软件，有些公司不甘束缚，就开始...

details元素又新支持了一个CSS选择::details-content伪元素，可以匹配内容阴影DOM，我们可以利用这个伪元素进行区域背景设置，或者实现实用的展开收起的动画效果。

距离上次到老屋咖啡5个月了，今天计划去溜达下，在村口遇到村里在办“那溪稻香生活节”，还有研学活动，吸引来不少人 […]

杠杆思维包含着两种重要的思维模式，一种是借力思维，另一种是硬核思维。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 香港湾仔新建成的"水上运动及康乐主题区"，是维多利亚港首个没有栏杆的堤岸，游人可拾级而下亲近海水。（via） 6GHz ...

我们从小都应该听到过一句话，“一个和尚挑水喝，两个和尚抬水喝，三个和尚没水喝。” 那么，三个和尚为什么反而没水喝了呢？ 其实这个简单的故事告诉了我们一个深刻的社会现象，即当三个和尚在一起时，没有人愿意主动承担取水的责任。这种现象的核心问题在于，收益由大家平均分享，而成本却需要某些人单独承担。从理性人...

一、 上周，我写了一篇 Claude Code 接入国产大模型的教程，就有同学问我，为什么不用 VS Code？ 问得好。我习惯命令行了，确实忽略了 VS Code。 今天就补上，我来介绍，如何不用插件在 VS Code 里面使用 Claude Code。 我真心觉得，Claude Code 比插件...

杨慎的毁灭与重生

Web Components组件开发又新增特性，可以暴露组件内部的状态，通过CSS :state()伪类函数匹配，增强组件的样式定制能力，以实现更好的内部封装。

每周一山，本周爬山是登凤凰山的凤凰顶，下山走新路线。登顶时9点半左右，有隐约的丁达尔效应，看到早晨的阳光散落在 […]

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 甘肃省酒泉市今年开业的悬泉置景区，是一个汉代的丝绸之路驿站，供往来西域的客人投宿。中国现存的8万多片汉代简牍，有3万多片...

「山西河北9天历史文化之旅」第十二篇 —— 河北博物院 河北博物院前身为河北省博物馆，河北省唯一的省级综合性博 […]

一、 国产大模型如火如荼，新模型层出不穷，大家有没有在用？ 很多同学用惯了现有模型，懒得尝试新模型，真的很可惜。 我的做法是，只要是新模型，就尽量试用，体验最新训练成果。而且，推广期往往有优惠，不用白不用。 今天就来分享，我怎么把国产大模型接入 Claude Code。 大家知道，Claude Co...

有了CSS锚点定位，我们无需任何JavaScript代码参与，就能实现元素的鼠标跟随动效，简单实用，前端必会交互小技巧。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 冬日的北京国家图书馆自习大厅。（via） 软件界面如何设计 （1） 软件的用户界面（UI）是一门大学问。有一个行业专门研...

一、 上个月，我写了一篇文章，比较了两个大模型。 就有人留言，两个模型太少了，能不能加入其他模型？ 正好上周（10月27日），MiniMax 公司发布了 M2 模型，代表了国产大模型的最新水平。 我就想，可以测测它的实战效果，跟智谱公司的 GLM 4.6 和 Anthropic 公司的 Claude...

从没有见过如此鸡肋设计的CSS新特性，真是浪费我的学习时间，专门匹配h1-h6标题元素，怎么想得出来的？

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 杭州西站附近的余杭桂博园，8000株桂花树都剪成了蘑菇头。（via） 一个乐观主义者的专访 （1） 凯文·凯利（Kevi...

最近反复读的一本书，忍不住还是介绍一下。书中内容一是我喜欢的园林，二是书中很多极简、尊重自然的理念是我所爱。 […]

除了CSS、HTML和JS之外，Canvas这门语言其实也在发展，这不，也支持锥形渐变了，最近某个需求正好用到了，解决了CSS锥形渐变无法前端截图的难题，不妨进来看看是怎么回事吧。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 北京门头沟区的千年古刹灵岳寺，从1979年开始关闭，直到这个月修缮完成，对外开放。修缮过程中，在墙上留了一个观察窗，展示...

错误处理有不同的方式。 JavaScript 和 Python 是抛出异常， Rust 语言是变相抛出异常。 C 语言和 Go 语言则是返回一个错误值，你必须判断该值是否为 -1 或空值。 我一直想知道，哪一种方式更好？ 前不久，我读到一篇多年前的文章，明确提出抛出异常好于返回状态码。他的理由很有说...

又是一个完美的周末，一周两山。继周六上午到凤凰山巡山之后，感觉没过瘾，周日下午4点又到板樟山走了个小环线，一直 […]

CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序，从而提高用户的无障碍访问体验，渐进增强特性，现在就可以再项目中使用。

不断思考如何做得更好，并质疑自己

谁在神化达芬奇？

每周一山，不为壮阔风光，只寻一刻宁静。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 泡泡玛特在浙江嵊山岛的废弃渔村，举办了一个该品牌的公共艺术展，主角公仔的性格定位是"在荒野中寻找自我"。（via） Ti...

「山西河北9天历史文化之旅」第十一篇 —— 正定博物馆 在河北正定县藏着一个宝藏博物馆——正定博物馆，属国家二 […]

你知道吗？现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了，那就是使用CSS field-sizing属性。

破除是非

真实的达·芬奇，和你想象的不一样

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 去年11月，90岁高龄的英国灵长类动物学家珍·古道尔（Jane Goodall）在北京的一次活动上，为了让后排观众能看到...

记八月十六的圆日

1、 假期前最后一天（9月30日），热闹非凡。 上午，Anthropic 公司发布了 Claude Sonnet 4.5 模型。 下午，智谱公司发布了 GLM 4.6 模型。 我觉得，对于程序员，这个动态很重要。 因为这两个模型都属于目前最先进的 AI 编程模型。你想让 AI 生成代码，首选就是它们...

【热烈庆祝中华人民共和国成立76周年！祝福祖国繁荣昌盛、人民幸福安康！】 深圳云海公园位于深圳盐田区的半山公园 […]

Intl.Segmenter不仅能精准返回Emoji字符的长度，还能实现中文语言的自动分词，分句效果，这个特性比预想的实用的多了。

两周没去爬山，心里一直想着要去看看台风桦加沙过的凤凰山，看看我熟悉的山野和树木是否无恙。雨后的泥路比较湿滑，也 […]

「山西河北9天历史文化之旅」第十篇 —— 正定古城和正定四塔 行程的第8天，计划一整天就在石家庄的正定古城内晃 […]

这里记录每周值得分享的科技内容，周五发布。（[通知] 下周十一假期，周刊休息。） 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 香港举办"维港海上大巡游"，会在维多利亚港岸边，展示四个大型充气玩偶雕塑。这是正在...

「山西河北9天历史文化之旅」第九篇 —— 赵州桥 终于看到小学语文课本中的赵州桥。赵州桥原名安济桥，因为赵县古 […]

记忆是飘散的云，但科学真理是永恒的山

自1937年卢沟桥事变后，日军迅速攻占北平、天津、上海等重要城市。彼时，国内既弥漫着“亡国论”的消极情绪，也因平型关、台儿庄等战役的胜利而滋生了盲目乐观的“速胜论”。与此同时，党内分歧和国际压力也日益加剧。共产国际代表王明主张“一切服从统一战线”，反对毛泽东坚持的独立自主、持久抗战的思想，激起党内政...

CSS野心太大了，那种页面滚动，标题导航自动高亮匹配的效果现在也能纯CSS实现了。

「山西河北9天历史文化之旅」第八篇 —— 长城一号旅游公路 至 广灵甸顶山空中草原 离开大同火山群，我驱车直奔 […]

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 9月12日，武汉的长江文化艺术季开幕式上，无人机组成江豚的图案。（via） 旧金山疯狂的 AI 广告 上期周刊提到，旧金...

苹果推出了“液态玻璃” 升级视觉，号称 “惊艳新设计”。今晚看到 MacBook 的更新提醒，我没想太多就点了 […]

「山西河北9天历史文化之旅」第七篇 —— 大同火山群国家级地质公园 大同火山群是大同火山断陷盆地第四纪(距今8 […]

CSS新支持的linear()函数可以让我们实现任意速率动画，所以，无论是更加逼真的物理动画，还是特殊的阶梯式动画都不在话下，让CSS动画的能力进一步增强。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 深圳海贝湾有一家便利店，坐落在悬崖之上，面朝大海，在网上被称为"深圳最美便利店"。（via） 流量变现正在崩塌 上周，C...

「山西河北9天历史文化之旅」第六篇 —— 大同云冈石窟 云冈石窟(Yungang Grottoes)，原名灵岩 […]

近期接到几位老铁的吐槽，建议加宽网页的主内容宽度和图片尺寸。及时反思和保持进取，当晚我就翻看了更新日志，发现当 […]

「山西河北9天历史文化之旅」第五篇 —— 大同土林 大同土林（大同土林地质公园）是我此次旅行较喜欢，也驻足较久 […]

终于来了，CSS也支持编程了，使用@function 规则可以定义可重用的计算逻辑，让 CSS 代码更灵活、模块化且易于维护。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 厦门某超市的切片西瓜。（via） 最难还原的魔方 说来奇怪，我认识的很多程序员，平时看上去没有共同点，但是一问，他们都喜...

八月工作很忙，生活很忙。但是九月就要开学了，八月肯定要带着小朋友出去尽情玩啦，这里快速回顾一下，八月的旅行暂时没空详细写，后面再说啦。 折腾 家里的指纹锁门外的把手一直有点松动，最近松动的更厉害了，在网上查了一下应该是里面的螺丝松动，可以自己拆开紧一下。自己拆开之后，发现这个锁的螺丝跟网上的不一样，...

「山西河北9天历史文化之旅」第四篇——应县木塔 佛宫寺释迦塔（Pagoda of Fogong Temple） […]

HTML hidden属性支持了一个名为until-found的新值，默认不可见，但是如果用户搜索匹配，或者锚点定位了，就会自动显示，有助于特定场景下提高用户体验。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 广西河池市罗城县的天坑景区，在半山腰建造了一个"悬崖书店"，非常壮观。（via） 最好懂的神经网络解释 神经网络是 AI...

「山西河北9天历史文化之旅」第三篇——游山西忻州古城、代县古城、大同古城的古寺古迹。 感谢老铁们看上一篇博文后 […]

英国哲学家伯特兰·罗素（Bertrand Russell）曾以“火鸡的错觉”这一寓言，讽刺归纳法的局限性。故事中，假设养大一只火鸡需要1000天，而在第1001天，即复活节那天，火鸡将被宰杀。从火鸡的视角来看，从第1天起，它因每天按时被喂食而充满了安全感。随着时间的推移，火鸡对人类的信任逐渐增强，每...

CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。

两个月前，我开始启用注册了4年的公众号，作为一种尝试。经过一段时间对公众号的熟悉，终于敢在博客中提及了。 公众 […]

「山西河北9天历史文化之旅」第二篇——山西晋祠博物馆。 山西晋祠坐落于太原市西南悬瓮山麓，是中国现存最早的皇家 […]

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 中国首艘火箭回收船"星际归航"本月成功下水，它的40米x60米的甲板，将用于火箭在海上降落。该船的拥有者是民营航天公司"...

「山西河北9天历史文化之旅」第一站——山西博物院。 有句话说“五千年中国看山西”，又有一句话说“地下文物看陕西 […]

8月初我开启了山西河北（晋冀）9天历史文化之旅，现已圆满结束并回工作岗位继续搬砖。结合出发前做的旅行攻略和网上 […]

纯CSS现在可以检测是否滚动到容器边缘，Scroll Snap边缘，以及sticky元素是否触及定位的边缘了，这个特性还挺实用的。

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 去年建成开放的烟台时光塔，是一个海边的文化建筑，下层是露天剧场，中间是望海平台，上层是图书馆、展览厅、咖啡馆。（via）...

播客名称：太隐观复

近期重新看了 Mark Koester 关于“纯文本生活”理念的文章《The Plain Text Life: […]

虽千万人吾往矣！

这里记录每周值得分享的科技内容，周五发布。 本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。 封面图 今年年初开业的香港 Go Park 商业休闲综合体，空中俯视，就像任天堂游戏的地图。（via） Dan Wang 的新书...