您现在的位置是:热点 >>正文

陈鑫杰web

热点7941人已围观

简介```html 陈鑫杰web · 技术控笔记 body { background: #f3f5f7; font-family: 'Inter', -apple-system, BlinkM ...

```html 陈鑫杰web · 技术控笔记

陈鑫杰web

陈鑫杰的web不是那种一眼惊艳的页面。我第一次打开它的陈鑫时候,甚至觉得有点简陋——没有花哨的陈鑫入场动画,没有满屏的陈鑫渐变卡片,连字体都只是陈鑫默认的system-ui。但滚了半屏之后,陈鑫我发现每个模块的陈鑫间距、每段代码的陈鑫缩进、甚至注释里的陈鑫中文标点,都透着一股“我调过”的陈鑫认真。这种认真不是陈鑫设计师的偏执,是陈鑫工程师的肌肉记忆。

他管这个叫“个人工作台”,陈鑫其实更像一个公开的陈鑫草稿本。左上角固定着一个深色模式切换按钮,陈鑫点下去整个页面会从冷灰过渡到炭黑,过渡时间精确到200毫秒——我特意用开发者工具看过,transition: background 0.2s ease。很少有人给一个背景色写这么细的过渡,陈鑫杰写了。他说“切换太生硬像在打脸”。

为什么是web,不是app

他试过用Notion搭知识库,也用过Obsidian发布插件。最后回到手写HTML+CSS+一点点原生JS。原因特别实在:Notion的数据库视图在移动端会横向溢出,Obsidian的发布服务要绑定域名还得付费。“我就想放点代码片段、读书笔记和偶尔写的工具函数,犯不着为这个学一套新的构建工具。”

于是他的web结构简单到粗暴:一个index.html,一个style.css,一个main.js。没有React,没有Vue,没有Tailwind。所有样式手写,所有交互用addEventListener直接绑。我问他为什么不搞个静态站点生成器,他回了一句:“生成器会让我分心去调主题,而不是写内容。”

一个细节:他的main.js里有一段处理代码块复制功能的逻辑,只有12行。但他在clipboard.writeText外面包了一层try...catch,catch里只写了一句console.warn('复制失败,可能是浏览器权限')。他说“用户不需要知道为什么失败,但我自己调试的时候需要”。

内容比框架重

陈鑫杰web上最长的文章是《用原生JS写一个带撤销的待办列表》,全文贴了完整代码,没有一句废话。他甚至在代码里用注释标出了“这里故意不用框架,为了演示事件委托”。底下有个读者留言说“现在谁还手写DOM”,他回:“手写DOM让我记得住appendChild和insertBefore的区别。”

这种态度延伸到了整个站点。侧边栏的标签云不是自动生成的,是他手动维护的一个ul列表,每个标签后面用sup标了文章数。我问他为什么不写个脚本统计,他说:“一共就二十几篇文章,手动改一下五秒钟,写脚本要二十分钟。不值。”

// 陈鑫杰web里的一段真实注释 // 下面这个函数用来高亮当前导航项 // 别用querySelectorAll('a')然后forEach,性能没差 // 但记得加{ passive: true },滚动的时候不卡 window.addEventListener('scroll', highlightNav, { passive: true });

他还在页脚放了一个“最后构建时间”,不是自动生成的,是每次手动改index.html时顺手改一下日期。我笑他这跟手动改package.json版本号有什么区别,他说:“有区别。改版本号是骗别人,改这个是骗自己——提醒我该更新了。”

那些“不web”的坚持

陈鑫杰web的移动端适配做得不完美。导航栏在小屏上会折行,代码块偶尔需要横向滚动。但他拒绝用overflow-x: auto之外的任何方案。“代码本来就不该在手机上读,能滚就行。”这种实用主义贯穿始终。他给所有图片加了loading="lazy",但没加srcset,因为“我就放几张截图,没必要生成多尺寸”。

最让我意外的是他的404页面。没有卖萌插画,没有“返回首页”的大按钮,只有一行字:“这个地址不存在。如果你确定没输错,那可能是我的锅——去这里看看有没有你要的东西。”那个“这里”链向他的GitHub仓库的issue页面。他说:“与其让用户猜,不如让他直接骂我。”


陈鑫杰web至今没有统计代码,没有评论系统,没有RSS订阅。他只在每篇文章底部留了一个mailto链接,主题自动填好文章标题。有人问他怎么不做SEO,他说:“我又不靠这个吃饭。能被搜到是缘分,搜不到就搜不到。”

这种态度在2025年显得有点轴。但每次我打开他的页面,看到那个手动维护的标签云、那个200毫秒的背景过渡、那个只有12行的复制函数,我就觉得——web本来就应该这样。不是所有东西都需要框架,不是所有交互都需要动画,不是所有个人站点都需要“增长策略”。

陈鑫杰web就是一个人的web。代码能跑,内容能看,剩下的,他不在乎。

```

Tags:

上一篇:seo实战培训

下一篇:getshell工具

相关文章

  • 灰产偏门项目在哪接

    热点

    凌晨两点,我在一个加密聊天软件里看到一条消息:“求购可过审的身份证OCR接口,价格私聊。”发消息的人头像是只柴犬,资料页空白得像张刚拆封的A4纸。这种消息每天有成百上千条,淹没在各类“代开企业支付宝” ...

    【热点】

    阅读更多
  • 网页劫持

    热点

    去年秋天,我帮朋友查一台笔记本。他抱怨浏览器主页被改成了某个导航站,改回去,重启,又变回来。我打开注册表,搜到那个域名,删掉。重启。它还在。这事有意思了——不是常见的流氓软件,是更底层的东西。 网页劫 ...

    【热点】

    阅读更多
  • 化工反渗透设备价格

    热点

    一套每小时产水1吨的化工反渗透设备,市场报价从1.8万到6万都有。差价不在品牌溢价,在你看不见的地方——膜壳厚度差0.5毫米,三年后漏水的概率差出三倍。 我见过太多化工厂采购踩的坑。山东淄博一家做农药 ...

    【热点】

    阅读更多


友情链接