前端的基本介绍

HTML的基本作用

HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它定义了网页的结构和内容,通过标签和属性描述页面中的文本、图像、链接等元素。

结构化网页内容

HTML通过标签(如<h1><p><div>)将内容组织成标题、段落、列表等结构。这种结构化方式使浏览器能够正确渲染页面布局,同时为搜索引擎提供清晰的页面层次。

嵌入多媒体资源

HTML支持通过特定标签(如<img><video><audio>)在网页中嵌入图像、视频、音频等多媒体内容。例如:

<img src="image.jpg" alt="示例图片"> 

创建超链接与导航

使用<a>标签可实现页面跳转或锚点链接,构建网站内外的导航体系。例如:

<a href="https://example.com">访问示例网站</a> 

表单交互功能

HTML表单(<form>)及相关控件(如<input><textarea>)允许用户输入数据,实现基础的网页交互。例如:

<form action="/submit" method="post"> <input type="text" name="username"> </form> 

语义化与可访问性

现代HTML5引入了语义化标签(如<header><article><nav>),不仅提升代码可读性,还帮助屏幕阅读器等辅助技术理解页面内容。

Git 的基本作用

Git 是一种分布式版本控制系统,主要用于跟踪和管理代码或文件的变更历史。以下是其核心功能:

版本控制
记录文件的所有修改历史,允许回溯到任意版本,避免因误操作导致代码丢失。

协作开发
支持多人同时参与项目,通过分支合并机制协调代码修改,解决冲突。

分支管理
允许创建独立分支进行功能开发或问题修复,不影响主分支的稳定性。

数据完整性
通过 SHA-1 哈希算法确保每次提交的唯一性,防止数据损坏或篡改。

离线操作
每个开发者拥有完整的仓库副本,可在无网络环境下提交更改,联网后同步。

快速性能
多数操作在本地完成(如提交、分支切换),响应速度快,适合大型项目。

开源生态
与 GitHub、GitLab 等平台集成,支持代码托管、CI/CD 和代码审查。

CSS 的基本作用

CSS(层叠样式表)是一种用于描述网页外观和格式的样式表语言,主要用于控制网页的视觉表现。其核心作用包括以下几个方面:

定义网页元素的样式
CSS 可以设置文本颜色、字体、大小、背景、边框等样式属性,使网页内容更具可读性和美观性。例如:

p { color: blue; font-size: 16px; } 

实现页面布局
通过 CSS 可以控制元素的位置、排列方式和响应式设计,例如使用 Flexbox 或 Grid 布局:

.container { display: flex; justify-content: center; } 

分离内容与表现
CSS 将 HTML 的结构与样式分离,便于维护和修改。HTML 负责内容,CSS 负责外观。

支持响应式设计
通过媒体查询(Media Queries),CSS 可以适配不同设备屏幕尺寸:

@media (max-width: 600px) { body { background-color: lightgray; } } 

增强用户交互体验
CSS 支持悬停(hover)、动画(animation)等效果,提升用户体验:

button:hover { background-color: #555; } 

统一网站风格
通过外部样式表(.css 文件),可以确保多个页面保持一致的视觉风格。

初次写博客的挑战与收获

面对空白页面的紧张感
刚开始写博客时,面对空白的编辑器可能会感到无从下手。不确定主题是否有趣、语言是否流畅,甚至担心读者反馈。这种紧张感是正常的,许多博主初期都有类似体验。

从零开始的创作过程
写博客需要梳理思路,将零散的想法组织成连贯的内容。初期可能觉得表达不够流畅,但通过练习会逐渐找到节奏。尝试先列出大纲,再填充细节,能有效降低写作难度。

技术或平台的适应
选择博客平台(如WordPress、Medium或独立网站)时,可能会遇到排版、发布流程等技术问题。花时间熟悉工具,或参考教程,能减少操作上的障碍。

克服障碍的方法

设定小目标
从短篇或熟悉的话题开始,比如记录学习笔记或生活观察。不必追求完美,完成比完美更重要。

定期练习
养成定期写作的习惯,哪怕每周一篇。持续的练习能提升表达能力,并逐渐形成个人风格。

借鉴优秀案例
阅读受欢迎的博客,分析其结构、语言和互动方式。注意避免抄袭,但可以学习其优点并融入自己的风格。

写作带来的成长

思维的整理与深化
写作迫使你清晰地表达观点,过程中可能发现新的思考角度。博客不仅是输出,也是自我提升的工具。

建立反馈循环
发布后收到的读者评论或数据(如阅读量)能提供改进方向。早期反馈较少时,可主动分享给朋友或社群寻求建议。

长期价值的积累
即使初期读者不多,持续创作会积累内容资产。未来这些文章可能成为个人品牌或专业影响力的基石。

第一次写博客有不足的位置,熟悉起来后会加以完善

Read more

解锁DeepSeek潜能:Docker+Ollama打造本地大模型部署新范式

解锁DeepSeek潜能:Docker+Ollama打造本地大模型部署新范式

🐇明明跟你说过:个人主页 🏅个人专栏:《深度探秘:AI界的007》 🏅 🔖行路有良友,便是天堂🔖 目录 一、引言 1、什么是Docker 2、什么是Ollama 二、准备工作 1、操作系统 2、镜像准备 三、安装 1、安装Docker 2、启动Ollama 3、拉取Deepseek大模型 4、启动Deepseek  一、引言 1、什么是Docker Docker:就像一个“打包好的App” 想象一下,你写了一个很棒的程序,在自己的电脑上运行得很好。但当你把它发给别人,可能会遇到各种问题: * “这个软件需要 Python 3.8,但我只有 Python 3.6!

By Ne0inhk
深挖 DeepSeek 隐藏玩法·智能炼金术2.0版本

深挖 DeepSeek 隐藏玩法·智能炼金术2.0版本

前引:屏幕前的你还在AI智能搜索框这样搜索吗?“这道题怎么写”“苹果为什么红”“怎么不被发现翘课” ,。看到此篇文章的小伙伴们!请准备好你的思维魔杖,开启【霍格沃茨模式】,看我如何更新秘密的【知识炼金术】,我们一起来解锁更加刺激的剧情!友情提醒:《《《前方高能》》》 目录 在哪使用DeepSeek 如何对提需求  隐藏玩法总结 几个高阶提示词 职场打工人 自媒体创作 电商实战 程序员开挂 非适用场地 “服务器繁忙”如何解决 (1)硅基流动平台 (2)Chatbox + API集成方案 (3)各大云平台 搭建个人知识库 前置准备 下载安装AnythingLLM 选择DeepSeek作为AI提供商 创作工作区 导入文档 编辑  编辑 小编寄语 ——————————————————————————————————————————— 在哪使用DeepSeek 我们解锁剧情前,肯定要知道在哪用DeepSeek!咯,为了照顾一些萌新朋友,它的下载方式我放在下面了,拿走不谢!  (1)

By Ne0inhk
【AI大模型】DeepSeek + 通义万相高效制作AI视频实战详解

【AI大模型】DeepSeek + 通义万相高效制作AI视频实战详解

目录 一、前言 二、AI视频概述 2.1 什么是AI视频 2.2 AI视频核心特点 2.3 AI视频应用场景 三、通义万相介绍 3.1 通义万相概述 3.1.1 什么是通义万相 3.2 通义万相核心特点 3.3 通义万相技术特点 3.4 通义万相应用场景 四、DeepSeek + 通义万相制作AI视频流程 4.1 DeepSeek + 通义万相制作视频优势 4.1.1 DeepSeek 优势 4.1.2 通义万相视频生成优势 4.2

By Ne0inhk
【DeepSeek微调实践】DeepSeek-R1大模型基于MS-Swift框架部署/推理/微调实践大全

【DeepSeek微调实践】DeepSeek-R1大模型基于MS-Swift框架部署/推理/微调实践大全

系列篇章💥 No.文章01【DeepSeek应用实践】DeepSeek接入Word、WPS方法详解:无需代码,轻松实现智能办公助手功能02【DeepSeek应用实践】通义灵码 + DeepSeek:AI 编程助手的实战指南03【DeepSeek应用实践】Cline集成DeepSeek:开源AI编程助手,终端与Web开发的超强助力04【DeepSeek开发入门】DeepSeek API 开发初体验05【DeepSeek开发入门】DeepSeek API高级开发指南(推理与多轮对话机器人实践)06【DeepSeek开发入门】Function Calling 函数功能应用实战指南07【DeepSeek部署实战】DeepSeek-R1-Distill-Qwen-7B:本地部署与API服务快速上手08【DeepSeek部署实战】DeepSeek-R1-Distill-Qwen-7B:Web聊天机器人部署指南09【DeepSeek部署实战】DeepSeek-R1-Distill-Qwen-7B:基于vLLM 搭建高性能推理服务器10【DeepSeek部署实战】基于Ollama快速部署Dee

By Ne0inhk