- 博客(111)
- 收藏
- 关注
RSS订阅原创 每天一个前端小知识 Day 1
摘要：语义化HTML指使用符合内容含义的标签（如<article>、<nav>），而非仅用于布局的<div>。其优势包括提升可访问性（屏幕阅读器友好）、SEO优化、代码可维护性和标准兼容性。常见语义标签有<header>、<main>、<section>等，各有特定用途。面试常考察语义标签的选择（如<section>vs<article>）及其价值。
2025-06-14 23:51:45
324
原创 Python 爬虫入门 Day 3 - 实现爬虫多页抓取与翻页逻辑
本文介绍了Python爬虫如何实现多页自动抓取功能。主要内容包括： 网页分页原理分析，通过BeautifulSoup定位"下一页"链接 伪代码展示核心循环逻辑：请求→解析→判断是否继续 完整示例代码演示了抓取quotes.toscrape.com所有页面的名言数据 练习任务要求修改已有爬虫实现多页抓取，并将数据保存为JSON文件 提供了urljoin等实用工具方法的使用技巧 通过本课程，学习者将掌握自动翻页抓取数据的技术要点，并能将多个页面的内容整合到同一数据集中。
2025-06-14 23:24:06
459
原创 第三章支线八 ·构建之巅 · 工具链与打包炼金术
了林昊在"构建之巅"学习前端构建技术的历程。通过三位贤者的指导，他系统掌握了从模块系统演进（ES Modules）、构建工具选择（Webpack/Vite/Parcel），到打包优化（Tree Shaking/代码分割）、环境变量管理以及完整构建部署流程等核心知识。文章以炼金术为喻，生动呈现了前端构建从开发到上线的完整技术链，最终授予林昊"构建炼金术士"称号。内容涵盖模块化历史、工具对比、优化策略等实战要点，是一篇兼具趣味性与实用性的前端构建技术指南。
2025-06-13 22:59:20
742
原创 Python 爬虫入门 Day 2 - HTML解析入门（使用 BeautifulSoup）
本文介绍了Python爬虫中使用BeautifulSoup解析HTML的基础知识。内容包括：1) 安装BeautifulSoup和lxml解析器；2) 基本使用方法，包括获取网页内容和创建Soup对象；3) 常用标签查找方法，如获取标题、特定标签、class/id查找和CSS选择器；4) 获取标签属性和文本的技巧。文章提供了实战练习任务，要求从quotes.toscrape.com网站提取名人名言、作者和标签信息，并存储为字典格式。最后给出了完整的练习脚本示例和输出结果，帮助学习者掌握网页数据提取的关键技能
2025-06-13 22:46:50
758
原创 Python 爬虫入门 Day 1 - 网络请求与网页结构基础
本文介绍了Python爬虫入门的第一天学习内容。主要内容包括：1）网络爬虫的定义和常见应用场景；2）使用requests库发起网络请求的方法，包括安装、基本用法和常用参数；3）HTML网页的基本结构。文章还提供了实践练习任务，包括获取不同网站内容和添加请求头信息等操作，并总结了今日学习要点。这些基础内容为后续网页数据解析学习做好了准备。
2025-06-12 18:11:23
1380
原创 第三章支线七 ·路由边境 · 多页世界的穿梭之术
《路由之旅：构建前端多页宇宙》讲述了开发者林昊在"路由边境"探险的故事。他掌握了单页应用(SPA)的核心原理——通过拦截路径变化实现局部渲染，并学习使用React Router工具：包括基本路由配置、动态路由参数(:id)、嵌套路由结构，以及三种导航方式(Link、useNavigate、Navigate)。最终林昊完成实战任务，获得"边境巡游者"称号，掌握了构建前端多页系统、管理路径映射和动态渲染的能力。这场探险将抽象的路由概念转化为生动的学习旅程。
2025-06-12 17:46:08
487
原创 第三章支线六 ·数据幻域 · 状态管理与数据流
在React开发中，状态管理是关键核心技术。本文通过"状态提升"、"单向数据流"和"状态共享"三大法则，揭示高效管理组件状态的方法：状态提升：将共享状态提升至共同父组件，解决兄弟组件通信问题单向数据流：严格遵循props向下传递，事件回调向上触发的原则状态共享：运用Context API实现跨层级状态共享，避免props层层传递文章还对比了useReducer、Redux和Zustand等状态管理方案，帮助开发者根据项目规模选择合适工具。掌握这些原则，开发者将获得构建复杂React应用的基础能力。
2025-06-11 23:15:23
787
原创 第三章支线五 ·组件之城 · 构建与复用的魔法工坊
本文是《组件之城》的魔法主题教程，介绍了React组件开发的核心概念。文章通过函数派领袖菲欧娜和类派长老雷恩的指导，对比讲解了函数组件和类组件的定义方式、Props属性接收、State状态管理，以及组件组合技巧。内容包含：两种组件代码示例、useState钩子使用方法、组件嵌套实践，并设置了创建欢迎组件、计数器等练习任务。最后总结了组件、Props、State等核心知识点，帮助读者获得"构造师"称号，掌握组件化UI开发能力。全文采用魔法世界设定，将编程概念趣味化呈现。
2025-06-10 20:45:04
904
原创 第三章支线四 ·事件风暴 · 时序与响应的协奏
本文以奇幻故事形式讲解JavaScript事件处理机制。主角在浮空岛"风涌之环"向三姐妹学习：1) 基础事件绑定(addEventListener)；2) 事件对象(event)的信息获取；3) 事件传播的捕获与冒泡阶段差异；4) 高效的事件委托技术。通过实战任务巩固知识，最终掌握包括阻止默认行为(preventDefault)、停止传播(stopPropagation)等核心技能，获得优化网页交互的能力。
2025-06-09 21:26:13
682
原创 6个月Python学习计划 Day 19 - 项目实战 · 学生成绩管理系统（OOP版）
本文介绍了一个Python实现的简易学生成绩管理系统。系统采用面向对象设计，包含Student类(封装学生信息)和StudentManager类(管理学生数据)。核心功能包括：添加/查询/删除学生、按成绩排序，使用魔术方法优化输出。文章还扩展了模糊搜索功能及对象比较方法，体现了类封装、方法划分等设计理念。代码结构清晰，适合学习Python面向对象编程基础。
2025-06-09 21:18:31
677
原创 6个月Python学习计划 Day 18 - 继承、多态与魔术方法
摘要：今日学习重点围绕Python面向对象编程核心概念展开，涵盖类的继承、方法重写、多态思想和魔术方法使用。通过Employee-Manager继承案例展示方法重写，Team类演示__len__/__str__魔术方法，以及Pet类族体现多态特性。掌握这些技术能实现代码复用（继承）、灵活扩展（多态）和对象行为定制（魔术方法），是构建复杂Python程序的重要基础。随附的三个实践练习分别对应继承、魔术方法和多态的实际应用场景。
2025-06-08 22:28:13
491
原创 第三章支线三 ·异步幻境 · 时间之缝的挑战
本文通过奇幻故事讲解JavaScript异步编程关键概念。主线分为三部分：首先展示回调函数的基本用法及其"回调地狱"问题；然后引入Promise解决方案，介绍resolve/reject和.then/.catch机制；最后讲解async/await语法糖如何让异步代码更同步化。文章包含三个实践任务：基础setTimeout实现、Promise封装和async函数编写，帮助读者掌握setTimeout、Promise和async/await这三大异步编程核心工具，理解"非阻塞"和"暂停恢复"的异步本质。
2025-06-08 22:16:20
750
原创 第三章支线二 ·函数幻阶：语法召唤与逻辑封印
摘要：函数 - JavaScript的魔法封印 本文通过奇幻场景讲解JavaScript函数核心概念。函数被比喻为"法术封印"，主要知识点包括：函数声明与调用的基本语法、现代箭头函数写法、参数输入与返回值机制、高阶函数特性（如闭包）。文章包含5个实战任务，如判断偶数函数、名字数组处理函数等，帮助读者掌握函数封装和模块化编程思想。通过拟人化的教学方式，将抽象编程概念转化为可理解的魔法比喻，强调函数作为代码复用和逻辑组织的基础单元的重要性。
2025-06-07 22:09:36
454
原创 6个月Python学习计划 Day 17 - 面向对象编程（OOP）基础
本文介绍了面向对象编程中类和对象的基本概念。主要内容包括：1）类作为抽象模板与对象作为实例的关系；2）如何定义类属性、方法和__init__构造函数；3）对象的创建和调用方法；4）实例属性与类属性的区别。通过Student、Dog等示例演示了类的定义和使用，并提供了Book、Rectangle、Person三个练习案例来巩固知识。最后总结了面向对象的思维特点：抽象、封装和复用。这些内容是理解类与对象关系的基础，为后续学习封装、继承和多态打下基础。
2025-06-07 22:02:12
800
1
原创 6个月Python学习计划 Day 16 - 迭代器、生成器表达式、装饰器入门
本文讲解了Python三个进阶知识点：1）生成器表达式与列表推导式的区别，生成器更节省内存；2）自定义迭代器类的实现方法，通过__iter__和__next__方法；3）装饰器的基础概念与简单实现，用于扩展函数功能。每个知识点都配有代码示例，并布置了相应练习任务，包括生成偶数、平方数迭代器和计时装饰器。这些内容是后续爬虫和Web开发的重要基础，重点是理解惰性计算、迭代协议和函数装饰的技巧。
2025-06-06 21:54:25
389
原创 第三章支线一 ·原能之核：语法起源
《JavaScript引擎：行为之火》摘要：林昊在"原能秘谷"遇见原能使莱欧，学习JS核心知识：变量（let/const/var区别）、7种数据类型、运算符与条件语句、循环结构。通过魔法试炼掌握变量声明、条件判断和数组遍历，获得"语法魂晶"能力，开启网页逻辑编程之门。（150字） 精简版： JS入门指南：变量三形态（let/const/var）、7大基础数据类型、条件判断与循环结构，通过实践任务掌握核心语法，获得编程基础能力。
2025-06-06 21:43:23
419
原创 第二章支线八 ·CSS终式：Tailwind与原子风暴
本文介绍了Tailwind CSS框架的核心概念与使用技巧。内容分为五个阶段：首先对比传统CSS与Tailwind原子化写法的区别；其次展示常用实用类名及组合应用；第三讲解响应式设计和状态管理；第四探讨模块化复用与主题定制；最后总结Tailwind的优势(开发效率高、风格统一)和注意事项(学习曲线、代码膨胀)。文章以奇幻教学场景展开，通过"原子武僧"的指导，系统性地传授Tailwind这一现代CSS工具的使用方法，帮助开发者快速构建UI界面。
2025-06-05 22:40:44
1034
原创 6个月Python学习计划 Day 15 - 函数式编程、高阶函数、生成器/迭代器
本文介绍了Python函数式编程基础，重点讲解map、filter、reduce等高阶函数的使用方法，以及lambda表达式在数据处理中的应用。同时介绍了生成器（Generator）的惰性计算特性和迭代器（Iterator）的基本概念，通过三个实践练习（列表平方、字符串过滤、偶数生成）巩固所学知识。总结指出函数式编程强调不可变性和链式操作，生成器适合处理大数据，迭代器实现了__iter__和__next__方法。
2025-06-05 22:30:01
528
1
原创 6个月Python学习计划 Day 14 - 阶段复盘 + 项目练习测试
第二周Python学习回顾了函数基础与进阶用法，包括参数传递、lambda表达式、作用域等核心概念，同时掌握了文件操作和异常处理技术。通过小测验检验了*args参数、全局变量修改和try-except异常捕获的理解，并完成了一个简易记事本应用项目，实现了笔记写入文件、读取显示等功能。该实践融合了文件读写、流程控制等知识点，为进入第三周模块学习打下坚实基础。学习路径强调持续自我提升，将理论知识转化为实际应用能力。
2025-06-04 18:37:53
928
原创 6个月Python学习计划 Day 14 - 异常处理基础（ 补充学习）
本文介绍了Python异常处理的核心知识点。主要内容包括：1) 异常概念及常见类型（ValueError、ZeroDivisionError等）；2) try-except基本结构及多异常捕获方法；3) else和finally子句的作用与用法；4) 两个实战练习：数字除法异常处理和文件读写容错处理。文章通过代码示例详细展示了如何优雅地处理程序运行中可能出现的错误情况，确保程序的健壮性。最后总结归纳了异常处理的各项关键技能点，帮助读者系统掌握Python异常处理机制。
2025-06-04 18:34:11
568
原创 第二章支线七 ·动律之境：CSS动画术与幻影过渡
语法结构： animation: [name] [duration] [timing] [delay] [iteration-count] [direction] [fill-mode] [play-state]在踏出织界幻层后，林昊来到了“动律之境”——一片被律动之风吹拂的土地。伊西娅为林昊献上神器：动律灵轮，可将任意组件附上自然动势，让界面“有机”运作。“网页若无节奏，便如画卷静止。transition: [属性] [时长] [缓动函数] [延迟]至此，林昊已掌握 CSS 的形、色、动之三大视觉奥义。
2025-06-04 18:15:31
1257
原创 第二章支线六 ·CSS幻纹术：背景、遮罩与视觉层级
《CSS背景与层级魔法：视觉幻境的构建之术》摘要 本文通过奇幻故事线系统讲解CSS背景与层级技术。文章采用游戏化教学设计，包含5个渐进式学习阶段，最终授予"图层镜界盘"虚拟道具，帮助开发者掌握界面视觉分层构建的核心技术。通过背景、遮罩和层级的组合运用，可以创造出丰富的视觉幻境效果。
2025-06-03 19:12:47
1106
原创 6个月Python学习计划 Day 13 - 文件操作基础
本文介绍了Python文件操作的基础知识，重点讲解了文件读写的基本方法。内容包括：如何使用open()函数打开文件并指定读取/写入/追加模式；推荐with open()自动管理文件资源的方式；不同读取方法(read/readline/readlines)的使用；文件写入和追加操作；以及配合os模块判断文件是否存在。最后通过一个完整练习任务，演示了创建文件、写入内容、追加内容、读取文件并打印的全过程。掌握这些基础文件操作是Python编程的重要技能。
2025-06-03 19:00:49
917
原创 6个月Python学习计划 Day 12 - 字符串处理 & 文件路径操作
本文介绍了Python字符串处理和文件路径操作的核心知识点。内容包括：1）字符串常用方法如strip、lower、split等；2）推荐使用f-string进行格式化输出；3）通过os模块操作文件路径，包括获取当前路径、路径拼接及文件检测。文章提供了相关练习示例，如字符串处理、f-string格式化输出以及os模块的路径操作实践，帮助读者巩固所学内容。全文简明扼要地总结了Python字符串和文件操作的关键技能点。
2025-06-02 22:31:36
483
原创 第二章支线五 ·CSS炼金续章：变量与暗黑主题术
暮光术师蕾娅引导读者从基础CSS变量定义(:root)开始，逐步构建动态主题系统（data-theme属性切换），借助JavaScript实现昼夜模式转换（addEventListener）。进阶技巧包括媒体查询自动适配系统主题(prefers-color-scheme)、变量复用管理组件样式，最终完成包含主题切换按钮、系统主题感知的完整实践。文中巧妙将技术概念转化为"镜域之核"等魔法道具，使学习CSS变量、主题切换等现代样式技术变得生动有趣。
2025-06-02 22:14:52
740
原创 6个月Python学习计划 Day 11 - 列表推导式、内置函数进阶、模块封装实战
本文介绍了Python编程的三个核心知识点：列表推导式、常用内置函数和自定义模块封装。列表推导式提供了一种简洁生成列表的方式（如[x**2 for x in range(10)]），内置函数如len、sum、sorted等能高效处理数据，而将常用功能封装成模块（如my_utils.py）则提升了代码复用性。文章包含多个实际案例和练习任务，包括生成1-100中被3整除的数列表、计算平均成绩等，帮助读者掌握这些提高Python编程效率的重要技巧。
2025-06-01 21:31:09
945
原创 6个月Python学习计划 Day 10 - 模块与标准库入门
本文介绍了Python模块的基础知识与应用。主要内容包括：1) 模块概念及导入方式（import/from...import）;2) 常用标准库：math数学运算、random随机数生成、datetime日期处理;3) 自定义模块开发实践，示例演示了质数判断和字符串反转功能;4) 实战练习任务：通过4个编程练习巩固模块使用技能。文章还总结了各模块的核心功能，帮助初学者系统掌握Python模块化编程方法。
2025-05-31 21:45:07
794
原创 第二章支线三 ·CSS炼金术：动画与变换高级奥义
这篇CSS动效教程以奇幻故事为引，通过四个阶段系统讲解了网页动画技术：首先介绍transform变换（旋转/缩放/位移），接着讲解transition过渡效果（状态平滑切换），然后深入keyframes动画（自定义动画序列），最后展示组合应用技巧。文章包含丰富的代码示例，如按钮变色、星星闪烁、卡片动画等实战案例，并总结了三大核心术法：变换、过渡与动画。结尾设置了三个实践任务，帮助读者巩固所学。整体采用游戏化教学方式，将枯燥的技术概念转化为魔法修行体验，让CSS动效学习更具趣味性。
2025-05-31 21:25:02
719
原创 第二章支线二：浮空之域：布局法则深研
《CSS布局进阶：Flexbox与Grid实战指南》摘要：本文通过奇幻叙事讲解CSS布局核心技术。第一部分通过Flexbox实现弹性布局，展示水平/垂直居中和空间分配技巧。第二部分深入Grid布局，演示网格创建、跨列控制和响应式设计。第三阶段融合两种布局方式，构建复杂页面结构。文章总结Flexbox适用于一维布局，Grid擅长二维排布，推荐组合使用提升模块化能力。最后提供三项实践任务：价格对比栏、响应式宫格和横向滚动卡片，帮助开发者巩固布局技能。
2025-05-30 22:01:09
887
原创 6个月Python学习计划 Day 9 - 函数进阶用法
本文系统介绍了Python函数的重要特性：1）关键字参数与可变参数(args/**kwargs)的灵活使用；2）变量作用域的区分与global关键字；3）lambda匿名函数的定义与应用；4）函数作为参数传递的高阶用法。通过具体代码示例展示了args接收元组参数、**kwargs处理字典参数、局部/全局变量作用域、lambda表达式排序、函数作为参数等核心概念。文中包含三个实用练习题，帮助巩固可变参数求和、lambda排序和个人信息输出等技能。
2025-05-30 21:51:26
754
原创 6个月Python学习计划 Day 8 - Python 函数基础
本文介绍了Python函数的基础知识：函数是可重复使用的代码块，分为内置函数和自定义函数。主要内容包括：1)函数定义语法def；2)位置参数和默认参数的使用；3)返回值return机制。通过示例演示了如何定义和调用函数，包括判断偶数、计算圆面积等实用案例。最后布置了两个作业：打印个人信息和查找列表最大值。本文是Python函数入门的简明指南，适合初学者掌握函数的基本概念和使用方法。
2025-05-29 22:05:53
604
原创 第二章支线一：影之殿堂 · 阴影与过渡魔法
《影之殿堂》讲述了林昊寻找CSS秘典的冒险故事。他必须掌握三种关键魔法：1) 光影控制（box-shadow/text-shadow创建立体感）2) 渐变色彩（linear-gradient制作流动背景）3) 时间律动（transition实现平滑动画）。通过组合这些技能，林昊最终用动态光影效果击败Boss影魔，获得影之晶核。故事巧妙将CSS属性拟作魔法：阴影参数如咒语，渐变如色彩流动，过渡动画则唤醒元素。文末附实战任务，指导读者练习卡片阴影、渐变按钮和文字特效，将奇幻情节转化为实用的CSS技巧。
2025-05-29 21:46:39
971
原创 6个月Python学习计划 Day 7 - 复盘 + 测试日
本文总结了Python第一周学习内容，包括基础语法、控制结构、循环结构、列表操作等知识点。提供了10道自我测试题，涵盖基础概念题(如格式化输出、条件判断)和程序设计题(如九九乘法表、成绩统计)。特别分享了学生信息管理系统项目代码，包含登录验证、添加学生和分页查看功能。建议学习者独立重写项目代码，并尝试扩展功能(如数据统计、分页显示)来巩固所学知识。通过实践项目帮助学生将基础知识应用到实际开发中，培养编程思维。
2025-05-28 22:55:54
1392
原创 最终章：终焉之塔 · 前端之道
塔顶，林昊看到一块铭文：“无尽之道，不止于此。你将成为创造者，而非使用者。源码之灵笑着说：“林昊，你已完成塔中十试炼，但你真正的前端之旅——从现在才开始。此刻，他已不再是初学者，而是一位踏上探索之路的前端修者。
2025-05-28 22:26:36
605
原创 第十章：构建之巅 · 打包与部署的终极试炼
构建与部署终极指南 本文介绍了前端构建与部署的核心知识。从模块化原理(CommonJS/ESM)到主流构建工具(Webpack/Vite)，详细讲解了构建的必要性、配置方法和优化技巧。内容涵盖Tree-Shaking、Code Splitting等优化手段，以及通过GitHub Pages/Vercel等平台部署的实操步骤。最后提供实战任务：使用构建工具开发项目，进行优化分析并完成线上部署。全文系统性地梳理了前端工程化中从开发到上线的完整流程。
2025-05-27 23:28:55
540
原创 6个月Python学习计划 Day 6 - 综合实战：学生信息管理系统
这是一个基于Python的学生信息管理系统项目，主要功能包括：添加学生信息（姓名、年龄、成绩）、显示所有学生信息、查询特定学生、删除学生记录以及退出系统。系统采用字典存储学生数据，列表管理所有学生，通过while循环实现菜单交互界面。进阶版本还支持按成绩排序、多字段查询、修改信息和数据保存等功能。该项目适合初学者练习Python基础语法（列表、字典、条件判断、循环等）和模块化程序设计。用户可以通过数字选择不同功能，系统会给出相应的操作反馈，是一个完整的终端交互式应用示例。
2025-05-27 23:16:34
704
原创 6个月Python学习计划 Day 5 - 字典（dict）与集合（set）
Python字典(dict)和集合(set)是两种重要的数据结构。字典存储键值对，支持增删改查操作，适合映射关系存储；集合存储唯一元素，支持交并差等集合运算，适合去重场景。文章介绍了这两种数据结构的创建、操作方法和转换技巧，并提供了4个实践练习：联系人字典、词频统计、列表去重和集合运算。通过对比表总结了二者的核心区别：字典适合键值映射，集合适合元素去重和数学运算。掌握这些数据结构能有效提升Python数据处理能力。
2025-05-26 11:20:43
635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人