ay的博客

# 注册并获取 API Key 访问 https://openweathermap.org/api 注册账号。记得在邮箱验证，生成一个新的 API 密钥 # 通过 axios, async/await 获取天气信息 替换 YOUR_API_KEY 为 API 密钥 在 fetchWeather 函数中，我们使用 axios.get() 方法发送一个 HTTP GET 请求到 OpenWeatherMap API，并传递了 API 密钥和查询参数。 天气数据被存储在 weather 状态变量中。 capital 是城市名 const fetchWeather = async (capital)...

# 使用 Vite 创建项目 # npm 6.x (outdated, but still used by some):npm create vite@latest part1 --template react# npm 7+, extra double-dash is needed:npm create vite@latest part1 -- --template react# 进入该文件夹并安装依赖 cd part1npm install# 运行项目 npm run dev# 后端服务器 # 安装 JSON 服务器 npm install -g json-server# 运行 JSON...

const arto = { name: 'Arto Hellas', greet: function() { console.log('hello, my name is ' + this.name) }, }arto.greet(); // hello, my name is Arto Hellaslet greet = arto.greet;greet(); // hello, my name is undefinedsetTimeout(arto.greet, 1000); //...

正常写时 export default function Content({ part, exercises }) { return ( <p>{part} {exercises} </p> );}会有报错： ...is missing in props validation 解决方法： 添加 propTypes 为组件添加 propTypes 类型校验 import PropTypes from...

# DOM 树 将 HTML 文档以树形结构直观的表现出来，我们称之为文档树或 DOM 树 描述网页内容的名词 作用：文档树直观的体现了标签与标签之间的关系 DOM 对象：游览器根据 html 标签生成的 JS 对象 所有的标签属性都可以在这个对象上面找到 修改这个对象的属性会自动映射到标签身上 DOM 的核心思想 把网页内容当作对象来处理 document 对象 是 DOM 里提供的一个对象 所以它提供的属性和方法都是用来访问和操作网页内容的 网页的所有内容都在 document 里面 # 根据 CSS 选择器来获取 DOM...

# JavaScript 核心概念 # 🌐 JavaScript 是什么？ 定义：运行在客户端的 解释型 脚本语言 核心作用： ✅ 网页特效 - 响应用户行为实现动态交互 ✅ 表单验证 - 对输入数据进行合法性校验 ✅ 数据交互 - 前后端数据通信与渲染 🚀 服务端开发 - Node.js 运行时环境 📌 特性：单线程 / 事件驱动 / 非阻塞 I/O # 🧱 JavaScript 组成体系 # 1. ECMAScript （语言基础） <pre class="mermaid">graph TD ES...

# 对于 hexo 部署到 github 上时出现错误 如： fatal: unable to access 'https://github.com/aynya/aynya.github.io.git/': Failed to connect to github.com port 443 after 21080 ms: Could not connect to server FATAL Something's wrong. Maybe you can find the solution here:...

此处是指为了存放笔记，方便复习，无它用 此笔记来自兔老爹 b 站视频 ()[https://www.bilibili.com/video/BV1XY411J7aG?spm_id_from=333.788.player.switch&vd_source=8d3911b3ea1a601bcdf407a9dda15c01&p=2] # 语法综述 # 动作 (动词) 1、可以独立完成的动词 主语 + 不及物动词 Papa Rabbit sleeps. 兔子睡觉 2、有 1 个动作的承受者 主语 + 单及物动词 + 宾语 Papa Rabbit likes...

# 面向对象 # 对象 1、对象是啥？如何得到 对象就是一种特殊的数据结构。对象是用类 new 出来的，有了类就可以创建出对象 public class 类名{ 1、变量，用来说明对象可以处理什么数据 2、方法，描述对象有什么功能 ......} # 构造器 构造器是什么样子的？ public class Student{ public Student() { .... }}构造器有什么特点？ 创建对象时，对象回去调用构造器 Student s = new...

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. # Quick Start # Create a new post h$ hexo new "My New Post"More info: Writing # Run server h$...