m0_63887085的博客

HTML (HyperText Markup Language)超文本标记语言 是构建网页的基础语言。它通过一系列的标签来定义网页的结构和内容。

小伙伴们，今天我们要学习网页中最重要的互动元素 - 表单，以及如何在网页中添加丰富的多媒体内容！同时，我们会开始打造一个迷你社交平台项目！让我们开始吧！🚀。

CSS（Cascading Style Sheets，层叠样式表）是用于控制网页视觉呈现的样式语言。HTML是房子的框架和结构CSS则是房子的装修和设计JavaScript是房子里的各种智能家电。

掌握文字和字体的基本样式设置理解盒模型的构成和计算方式熟练使用margin和padding掌握多种居中方式理解浮动和清除浮动的机制记住：CSS需要大量实践才能掌握。多尝试，多练习！💪。

理解不同定位方式的特点掌握定位元素的参考系灵活运用z-index控制层级合理使用透明度。

* 固定宽度 *//* 百分比 *//* fr单位（份数） *//* 混合单位 *//* repeat函数 *//* 自动填充 *//* 固定高度 *//* 自动高度 *//* 最小最大值 */掌握网格系统的基本概念熟练使用grid-template-columns和grid-template-rows理解grid-area的使用掌握响应式Grid布局。

小伙伴们，想象一下如果网页是一个精心布置的舞台，那么HTML就是搭建的道具，CSS是精美的装饰，而JavaScript就是让这个舞台充满魔力的魔法师。今天，让我们一起揭开JavaScript的神秘面纱。✨。

函数就像是一个包装好的"操作包"，它可以帮我们把一系列操作打包起来，需要时随时使用。这就像我们把"刷牙-洗脸-梳头"这些动作打包成"早上的事务"一样。// 没有使用函数时，每次打招呼都要写三行代码console.log("你好！");console.log("今天天气真好！");console.log("欢迎来到JavaScript世界！");// 使用函数后，封装成一个简单的"打招呼"包console.log("你好！");console.log("今天天气真好！");

这是一座美丽的城市

你有没有想过，当我们使用浏览器时，是如何控制窗口大小、获取屏幕信息、存储数据的呢？今天，让我们一起探索浏览器对象模型（Browser Object Model，简称BOM）的世界！

优先使用const，只在需要改变变量值时使用let箭头函数中的this指向与普通函数不同，要注意使用场景解构赋值可以大大简化代码，但要避免过度使用模板字符串中可以使用任何JavaScript表达式ES6带来的这些新特性让JavaScript变得更加强大和易用。欢迎在评论区共同讨论！

今天，让我们探索ES6中面向对象编程的革新。想象一下，如果传统的JavaScript是一个手工作坊，那么ES6的类和模块化就是一个现代化工厂，让代码的组织和复用变得更加规范和高效。

回调函数阶段（~2010）优点：简单直接缺点：回调地狱、错误处理困难Promise阶段（2015~）优点：链式调用、统一错误处理缺点：仍需要then链async/await阶段（2017~）优点：同步代码风格、直观易读缺点：需要注意await的阻塞性每一次技术演进都是为了让异步编程变得更简单、更可靠。理解这个演变过程，能帮助我们更好地选择合适的技术方案。

HTTP请求Ajax是基础，Axios是现代解决方案异步请求让页面交互更流畅JSON前后端数据交换的标准格式简单易用，人机都可读注意数据类型的转换Proxy优雅地监控数据变化可以用于表单验证这些工具结合使用，能让我们的前端开发更加高效和稳健！

为什么需要TypeScript? 🤔JavaScript最初是为了在网页中添加简单的交互效果而设计的。但随着Web应用变得越来越复杂，我们用JavaScript构建的应用规模也越来越大：从简单的表单验证发展到完整的企业级应用。想象一下,你正在建造一座大楼，如果你使用的是JavaScript,就像是在用积木搭建 - 虽然灵活,但当建筑变得复杂时,很容易出错。而TypeScript就像是给这些积木加上了榫卯结构（限定了每一块的作用） - 它能确保每块积木都正确地咬合在一起。让我们通过一个简单的例子来

想象你有一个蛋糕模具。这个模具定义了蛋糕的基本形状，但你可以用它制作很多个蛋糕。在编程中，类就是这个"模具"，而对象就是用这个模具"烤"出来的"蛋糕"。// 类就像是一个蛋糕模具// 属性：蛋糕的特征// 口味// 尺寸// 是否装饰// 构造函数：制作蛋糕的配方// 方法：可以对蛋糕做的操作console.log("蛋糕已经装饰好了！");console.log(`这是一个${this.size}寸的${this.flavor}蛋糕`);// 使用模具制作蛋糕。

想象你是一个夜店保安，需要检查进入的人是否满足条件（年龄、着装等）。类型守卫就是代码世界的"保安"，它帮助我们在运行时确保数据类型的正确性。// 定义可能的类型// 类型守卫函数// 使用类型守卫// TypeScript现在知道这是一只鸟console.log(`飞行速度：${animal.flySpeed}`);} else {// TypeScript知道这是一只狗console.log(`奔跑速度：${animal.runSpeed}`);