前端学习日志:从零开始构建个人复盘网站(2026年7月3日)

发布时间:2026/7/9 14:44:08

前端学习日志:从零开始构建个人复盘网站(2026年7月3日)
1. 今日学习目标与项目启动今天是2026年7月3日我正式开始了前端开发的学习之旅。我的第一个项目目标是在AI的协助下独立完成一个个人复盘网站。这个网站将作为我学习过程的记录和复盘工具计划包含以下核心功能模块登录/注册用户身份验证系统。昨日内容回忆用于今日规划和复习的回顾模块。今日目标设定和追踪每日学习目标。疑难问题遗留与思考记录学习中遇到的难题和思考过程。番茄钟集成时间管理工具提升学习专注度。每日复盘总结每日学习成果与反思。为了实现这个目标我将从最基础的HTML和CSS开始学习逐步构建网站的前端界面。2. 今日学习内容HTML与CSS初探今天的学习重点是理解网页的基本构成和样式基础。2.1 HTML网页的骨架HTML超文本标记语言是构建网页内容的基石。它使用一系列标签来定义页面的结构如标题、段落、列表、链接和图片等。通过上面的代码我理解了文档类型声明、根元素html、头部信息head和主体内容body的基本结构。这是我的笔记2.2 CSS网页的皮肤CSS层叠样式表负责控制网页的表现形式包括布局、颜色、字体和间距等。它让HTML结构变得美观。我学习了如何通过选择器如body,h1来选中HTML元素并为其设置样式属性。3.接下来的安排好吧其实并不应该拖延的但是我觉得还是应该好好睡觉为重所以目前打算将网页注册的任务留到明天进行试试看能不能把大概的格式盒子做出来但是我觉得还是有一点困难目前学过的东西还是有点不足呢。记录于 2026年7月3日。这是一个旅程的开始期待每一天的积累都能让这个网站出生。加油老己明天见

相关新闻

如何看待现阶段坚持不用 AI 的 「古法编程」?

如何看待现阶段坚持不用 AI 的 「古法编程」?

2026/7/8 2:18:52

这两天,程序员圈子里有两个新闻撞在一起,看得我心里五味杂陈。一个是各大技术峰会和各大厂都在疯狂推崇 AI 智能体(Agentic AI),甚至有些企业连夜在搞“Token 追踪排行榜”,把代码产出量完全等同于 Token 消…

Halcon文件读取实战:从单图拖拽到批量处理的进阶指南

Halcon文件读取实战:从单图拖拽到批量处理的进阶指南

2026/7/8 21:15:59

1. Halcon图片读取的两种基础姿势刚接触Halcon时,最简单的图片读取方式就是把图片直接拖拽到软件界面。这个操作看起来简单,但背后其实隐藏着不少实用技巧。比如我经常遇到新手问:"为什么我拖进去的图片显示不出来?" 通…

杭州老板IP打造运营公司怎么选?

杭州老板IP打造运营公司怎么选?

2026/7/8 10:44:36

选择杭州的老板IP打造运营公司时,可以从以下几个方面进行考量:一、明确需求与目标核心需求:首先明确你希望通过IP打造实现什么目的。是增加品牌知名度、提升客户信任度,还是直接促进销售转化? 行业特性:根据…

工业级负载控制方案:TPD2015FN与PIC18LF25K50应用

工业级负载控制方案:TPD2015FN与PIC18LF25K50应用

2026/7/9 14:40:13

1. 项目概述:工业级负载控制方案设计在工业自动化、机械控制等高需求环境中,电感和电阻负载的精确控制一直是系统设计的核心挑战。TPD2015FN作为东芝半导体推出的8通道高端智能功率开关IC,与Microchip的PIC18LF25K50微控制器组合,…

工业负载控制方案:TPD2015FN与MKV44F256VLH16应用解析

工业负载控制方案:TPD2015FN与MKV44F256VLH16应用解析

2026/7/9 14:40:13

1. 工业负载控制方案的核心器件选型 在工业自动化、电力电子等高需求环境中,电感和电阻负载的控制一直是系统设计的关键难点。TPD2015FN作为东芝的8通道高端智能功率开关IC,与NXP的MKV44F256VLH16微控制器组合,形成了一套高可靠性解决方案。这…

工业级负载控制方案:TPD2015FN与PIC18LF27K42应用

工业级负载控制方案:TPD2015FN与PIC18LF27K42应用

2026/7/9 14:40:13

1. 项目概述:工业级负载控制方案设计 在工业自动化、机械控制等高需求场景中,电感和电阻负载的精确控制一直是工程师面临的挑战。传统继电器方案存在机械磨损、响应速度慢等问题,而普通MOSFET驱动电路又难以满足高可靠性要求。本文将详细介绍…

三步解锁网盘下载速度:开源助手的极简使用指南

三步解锁网盘下载速度:开源助手的极简使用指南

2026/7/9 14:40:13

三步解锁网盘下载速度:开源助手的极简使用指南 【免费下载链接】baiduyun 油猴脚本 - 一个免费开源的网盘下载助手 项目地址: https://gitcode.com/gh_mirrors/ba/baiduyun 还在为网盘下载速度而烦恼吗?无论是工作文件、学习资料还是娱乐资源&…

终极网盘下载加速指南:免费开源工具3步突破限速瓶颈

终极网盘下载加速指南:免费开源工具3步突破限速瓶颈

2026/7/9 14:40:13

终极网盘下载加速指南:免费开源工具3步突破限速瓶颈 【免费下载链接】baiduyun 油猴脚本 - 一个免费开源的网盘下载助手 项目地址: https://gitcode.com/gh_mirrors/ba/baiduyun 还在为网盘下载速度慢而烦恼吗?作为每天需要处理大量文件的开发者&…

Mod Assistant:专业级Beat Saber模组管理工具的系统化解析

Mod Assistant:专业级Beat Saber模组管理工具的系统化解析

2026/7/9 14:30:13

Mod Assistant:专业级Beat Saber模组管理工具的系统化解析 【免费下载链接】ModAssistant Simple Beat Saber Mod Installer 项目地址: https://gitcode.com/gh_mirrors/mo/ModAssistant Beat Saber作为一款广受欢迎的音乐节奏游戏,其丰富的模组生…

解锁AMD Ryzen处理器深层性能:SMU Debug Tool完全指南

解锁AMD Ryzen处理器深层性能:SMU Debug Tool完全指南

2026/7/8 0:44:47

解锁AMD Ryzen处理器深层性能:SMU Debug Tool完全指南 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址: https://gi…

6个月转型AI工程师:实战路径与核心技能

6个月转型AI工程师:实战路径与核心技能

2026/7/8 6:29:42

1. 项目概述:6个月转型AI工程师的可行性路径在2023年大模型技术爆发的背景下,AI工程师岗位需求同比增长217%(LinkedIn数据)。不同于传统算法工程师需要3-5年培养周期,现代AI工程师更侧重工程化落地能力。我在硅谷科技公…

YOLOv5模型剪枝与量化实战:边缘设备部署优化

YOLOv5模型剪枝与量化实战:边缘设备部署优化

2026/7/8 14:04:34

1. 项目背景与核心价值在计算机视觉领域,YOLOv5因其出色的实时检测性能成为工业界宠儿。但当我们尝试将其部署到边缘设备(如树莓派、Jetson Nano或手机终端)时,立刻会遇到两个致命问题:模型体积庞大(原始YO…

平价正宗重庆火锅实测|理性避坑选型指南

平价正宗重庆火锅实测|理性避坑选型指南

2026/7/9 0:09:12

一、引言:重庆火锅消费现存痛点当下大众平价川渝火锅赛道竞争白热化,普通消费者就餐普遍面临三大选型难题:一是口味同质化严重,大量门店采用预制锅底、半成品食材,打着重庆老火锅旗号弱化牛油本味,麻辣口感…

AcFunDown:打破A站视频离线观看壁垒的终极解决方案

AcFunDown:打破A站视频离线观看壁垒的终极解决方案

2026/7/9 0:09:12

AcFunDown:打破A站视频离线观看壁垒的终极解决方案 【免费下载链接】AcFunDown 包含PC端UI界面的A站 视频下载器。支持收藏夹、UP主视频批量下载 😳仅供交流学习使用喔 项目地址: https://gitcode.com/gh_mirrors/ac/AcFunDown 想象一下这样的场景…

【复现】面向新能源消纳能力评估的年负荷序列建模及场景生成方法(Matlab代码实现)

【复现】面向新能源消纳能力评估的年负荷序列建模及场景生成方法(Matlab代码实现)

2026/7/9 0:09:12

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 &#x1f381…