【Python100天学习笔记】Day24 JS基本语法

面向对象编程基础 活在当下的程序员应该都听过"面向对象编程"一词，也经常有人问能不能用一句话解释下什么是"面向对象编程"，我们先来看看比较正式的说法。 "把一组数据结构和处理它们的方法组成对象（object），把相同行为的对象归纳为类（class），通过类的封装（encapsulation）隐藏内部细节，通过继承（inheritance）实现类的特化（specialization）和泛化（generalization），通过多态（polymorphism）实现基于对象类型的动态分派。" 这样一说是不是更不明

快速上手 Web开发的早期阶段，开发者需要手动编写每个页面，例如一个新闻门户网站，每天都要修改它的HTML页面，随着网站规模和体量的增大，这种方式就变得极度糟糕。为了解决这个问题，开发人员想到了用外部程序来为Web服务器生成动态内容，也就是说HTML页面以及页面中的动态内容不再通过手动编写而是通过程序自动生成。最早的时候，这项技术被称为CGI（公共网关接口），当然随着时间的推移，CGI暴露出的问题也越来越多，例如大量重复的样板代码，总体性能较为低下等，因此在时代呼唤新英雄的背景下，PHP、ASP、JSP这类

文件和异常 实际开发中常常会遇到对数据进行持久化操作的场景，而实现数据持久化最直接简单的方式就是将数据保存到文件中。说到“文件”这个词，可能需要先科普一下关于文件系统的知识，但是这里我们并不浪费笔墨介绍这个概念，请大家自行通过维基百科进行了解。 在Python中实现文件的读写操作其实非常简单，通过Python内置的open函数，我们可以指定文件名、操作模式、编码信息等来获得操作文件的对象，接下来就可以对文件进行读写操作了。这里所说的操作模式是指要打开什么样的文件（字符文件还是二进制文件）以及做什么样的操作（

本文介绍了Python中字符串的基本操作和常用函数。首先，字符串通过下标（索引）快速定位字符，下标从0开始。字符串可以用单引号、双引号或三引号创建，支持多行字符串。切片操作可以截取字符串的一部分，语法为序列[开始:结束:步长]，支持正负步长和省略参数。字符串的输入输出通过input和print实现，支持格式化输出。常用字符串函数包括查找（find、index、count）、修改（replace、split、join、大小写转换等）和判断（startswith、endswith、isalpha等）。字符串是不

字典和集合是Python中常用的数据结构。字典以键值对形式存储数据，适合快速查询，支持增删改查操作，常见方法包括get、keys、values和items。集合用于去重，支持增删查操作，常见方法包括add、update、remove、discard和pop。字典和集合都不支持下标访问，但可以通过循环遍历其元素。字典适用于需要键值对映射的场景，而集合适用于需要去重的数据存储。

面向对象 对象的概念 创建对象的字面量语法 访问成员运算符 创建对象的构造函数语法 this关键字 添加和删除属性 delete关键字 标准对象 Number / String / Boolean / Symbol / Array / Function Date / Error / Math / RegExp / Object / Map / Set JSON / Promise / Generator / Reflect / Proxy BOM window对象的属性和方法 his

推导式是Python中用于简化代码的语法结构，适用于列表、字典和集合。列表推导式通过一个表达式快速生成有规律的列表，支持带条件的筛选和多个循环的嵌套。字典推导式可以快速合并列表为字典，或提取字典中符合条件的数据。集合推导式则具有去重功能，能够生成不重复的元素集合。这些推导式不仅减少了代码量，还提高了代码的可读性和执行效率。

Python的基础语法,包括:动态类型,注释,输入与输出.

Next.js 是一个基于 React 的全栈框架，旨在帮助开发者构建高性能、可扩展的 Web 应用。它由 Vercel 开发并维护，是一个开源项目，最初于 2016 年 10 月 25 日在 GitHub 上发布。Next.js 为 React 组件提供了额外的功能和优化，使开发者能够专注于产品的构建和快速交付，而无需手动配置底层工具（如 Webpack、Babel）。它的核心特点包括： 服务器端渲染（SSR）：在服务器上渲染页面，提高首屏加载速度和搜索引擎优化（SEO）表现。 静态站点生成（SSG）：

本文介绍了Vue3项目创建和基本结构，重点对比了Vue2选项式API和Vue3组合式API的差异。Vue3使用Vite作为构建工具，相比Webpack具有更快的启动和热更新速度。文章通过一个显示div和切换背景色的示例，展示了组合式API将相关逻辑集中管理的优势，并介绍了如何通过模块化拆分setup函数来提高可维护性。最后指出选项式API适合简单场景，而组合式API更适合复杂逻辑复用和TypeScript项目。

本文介绍了如何在Vue项目中使用Dexie.js实现客户端数据存储的方案。主要内容包括：1）Dexie.js的安装与数据库初始化配置；2）在Vue组件中实现CRUD操作；3）创建Vue插件形式全局使用数据库；4）高级功能如响应式数据绑定、分页查询和事务处理；5）最佳实践包括错误处理、性能优化和数据库升级；6）完整的Todo应用示例。文章展示了Dexie.js与Vue结合能有效构建离线优先的应用程序，提供良好的用户体验。

使用Vue 3和Tailwind CSS实现的3D背景盒子交互组件。该组件通过动态生成4×4的盒子网格，点击"Magic"按钮可触发整体缩放和3D旋转动画。技术亮点包括：使用Vue的<script setup>语法管理响应式状态，通过v-for循环生成16个盒子，利用背景定位实现Gif动画的分块显示，并添加3D边框效果增强立体感。

基于 Chromium 多进程架构：每个渲染器运行在独立的进程中，避免单个页面的崩溃影响整个应用Node.js 多线程能力：通过 worker_threads 模块实现真正的多线程执行：在渲染进程中使用浏览器标准的 Web Workers APIIPC 通信机制：通过消息传递在不同进程/线程间交换数据资源共享与隔离：各进程拥有独立的内存空间，通过 IPC 实现数据共享。

有时也会嵌套抽屉使用，例如： 一般都加在第一列：找到展示表格数据的部分加进去即可，一般要考虑获得选中的内容 @selection-change=“handleSelectionChange”，当selection-change触发时（复选框发生改变），就会调用后面的函数

加深认知ref