观海听涛
  文章分类
diary 79 md 2 seo 2 hexo 2 invest 9 js 1 web 16 css 8 html 11 software 9
怎样避免活在信息茧房之中？ 怎样避免活在信息茧房之中？
怎样避免活在信息茧房之中？ 这张图是一份快速认知社会与自我提升的实用清单，核心是用低成本、高体感的方式，让普通人快速理解商业、社会运行规律，并打磨心性与技能，我帮你逐条拆解： 1. 用小额投资倒逼认知市场 操作：拿出 3 个月月薪，分别买
2026-03-19 web
web
美食广告 HTML5 模板 美食广告 HTML5 模板
美食广告 HTML5 模板为你制作了一个响应式、视觉感强的美食广告 HTML5 模板，包含动态 hover 效果、适配手机 / 电脑，可直接替换图片和文案使用。 完整代码（开箱即用）html预览 <!DOCTYPE html
2026-03-09 web
web
Oat UI 实践项目 基础表单 Oat UI 实践项目 基础表单
项目 2：基础表单（核心：表单组件 + 简单交互）1. 核心目标用 Oat UI 搭建「登录 / 注册」表单，掌握输入框、按钮、下拉框、标签等表单组件的使用，练习表单样式美化和简单交互。 2. 技术要点 @knadh/oat 表单
2026-03-02 web
web
立体阴影登录 / 注册双面板 立体阴影登录 / 注册双面板
纯 HTML 静态版：立体阴影登录 / 注册双面板核心保留效果 双层 box-shadow 实现的立体浮雕 / 凹陷质感； 登录 / 注册面板左右滑动切换动画； 按钮、输入框、社交图标的交互反馈（hover
2026-03-02 web
web
Oat UI 实践项目 Oat UI 实践项目
整体学习路径说明@knadh/oat 是轻量级无依赖 UI 库，核心特点是：类名简洁（如 oat-btn/oat-input）、仅提供基础样式、需结合原生 HTML/CSS 实现复杂布局，非常适合新手聚焦「布局 + 样式
2026-02-28 web
web
Oat UI 实践项目 个人信息卡片 Oat UI 实践项目 个人信息卡片
项目 1：个人信息卡片（核心：基础组件 + Flex 布局）1. 核心目标用 Oat UI 搭建美观的个人信息卡片，掌握「卡片、头像、标签、文本」等基础组件的使用，练习 Flex 布局居中、间距控制。 2. 技术要点 @knadh/oat
2026-02-28 web
web
2026-predictions 2026-predictions
2026年预测原文地址 我一直忽略了这个博客（抱歉发生了很多事，也许我会有时间写写这些）。不过，我最近发现还有人在看这篇文章，这真是个好消息，因为我的自尊心又恢复了巨大的状态。 我一个老朋友最近问我是否可以预测一下2026年会发生什么，因为
2025-12-31 web
web
Extra skills Extra skills
额外技能CSS 相关的额外技能 CSS 预处理器：学习Sass、Less和Stylus等工具，使编写 CSS 更高效、更易于维护。 CSS 框架：探索流行的框架，如Tailwind CSS和Bootstrap，以快速设计响应式、现代的布局，
2025-09-28 web
web
6. 前端框架（React 及其替代品） 6. 前端框架（React 及其替代品）
6. 前端框架（React 及其替代品）一旦掌握了 JavaScript，就该进入前端框架的世界了，从 React 开始。 尽管有Vue.js和Angular等替代方案，但 React 脱颖而出，因为： 它是业界使用最广泛的框架。 与其他
2025-09-28 web
web
5. Use Git and GitHub for version control 5. Use Git and GitHub for version control
5.使用 Git 和 GitHub 进行版本控制学习跟踪代码的变化并与他人合作。 示例：为您的项目创建一个 GitHub 存储库。 时间线：花1 周时间学习基本命令，例如初始化 repo、提交和推送代码。
2025-09-17 web
web
4. JavaScript 4. JavaScript
4. JavaScriptJavaScript 为网站带来了交互性。您需要它来： 验证表单 创建下拉菜单 构建动态内容 从基础开始：变量、函数、DOM 操作和现代 ES6+ 功能。时间表：花1-2 个月的时间完成此任务。
2025-09-15 web
web
Search tips Search tips
搜索技巧 你应该在搜索词中包含你正在使用的语言，就像上面的例子所示。如果你只是输入了“如何打印出斐波那契数列”，你可能会得到 Python、C++、Java、Ruby 或其他语言的解决方案——当你正在学习 JavaScript 时，这就显得
2025-09-12 web
web
1 / 2