# web-example

**Repository Path**: zerohek/web-example

## Basic Information

- **Project Name**: web-example
- **Description**: 记录web学习
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-19
- **Last Updated**: 2024-08-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web 练习

## Overview

建立该仓库旨在记录个人 web 学习历程，个人复习使用

1. 参考网站：

   - [MMDN](https://developer.mozilla.org/zh-CN/)
   - [菜鸟教程](https://www.runoob.com/)
   - [css 官方文档](https://www.w3.org/Style/CSS/)
   - [CODEPEN](https://codepen.io/)
   - [w3schools](https://www.w3schools.com/)
   - [测试图库](https://picsum.photos/)
   - [图标库](https://www.wp2.cn/material_icons/)
   - [form](https://v4.bootcss.com/docs/components/forms/)
   - [jQuery](http://api.jquery.com/)

2. 参考资料：

- Nefu ppt

## Development Enviromments

- vscode

## Documents

## Update

- 2024.06.06.18.18

  1. 异步操作中，轮询与事件通知的区别
     首先回顾一下定义：异步操作指的是任务在等待某些操作完成时，不会阻塞程序主线程，程序可以继续执行其他任务。异步操作并不意味着多个任务同时执行，而是通过非阻塞的方式提高效率。

- 2024.05.20.21.47

  1. callback 回调机制：
     1. **回调机制是一种常见的编程模式，特别是在异步编程中。它基于一个简单的概念：当某个操作完成时，系统会调用事先指定的函数（即回调函数），而不是等待该操作完成然后再继续执行。这样可以提高程序的响应性和效率。在异步编程中，回调函数通常用于处理诸如网络请求、文件 I/O、定时器等耗时操作的结果。例如，当一个网络请求完成时，系统会调用预先定义的回调函数来处理服务器返回的数据。回调函数通常作为参数传递给异步函数，该函数在执行完异步操作后会调用这个回调函数。这种方式使得程序可以在等待异步操作完成的同时执行其他任务，提高了程序的并发性和响应性。然而，回调机制也有一些缺点，比如回调地狱（callback hell）问题，即由于回调函数嵌套过多而导致代码难以理解和维护。为了解决这个问题，人们发展了许多其他的异步编程模式，比如 Promise、async/await 等。**
  2. css 选择器为什么从右向左解析：

     1. CSS 选择器从右向左解析的原因主要是为了提高性能和效率。
     2. **提高匹配速度**: 从右向左解析可以更快地确定一个选择器是否匹配某个元素。因为浏览器可以先找到文档中与最右边选择器匹配的元素，然后再向左遍历父级元素，逐级验证选择器的其他部分。这样可以减少不必要的遍历和比较，提高了选择器匹配的速度。
     3. **减少选择器复杂度**: 从右向左解析可以鼓励开发者编写更简洁、更具有可读性的选择器。通过将最具体的部分放在最右边，可以减少选择器的复杂度，使得样式规则更易于理解和维护。
     4. **优化性能**: 从右向左解析也有助于优化浏览器的渲染性能。通过尽早确定哪些规则适用于特定元素，浏览器可以更有效地应用样式，减少重绘和重排的次数，提高页面的渲染性能。总的来说，CSS 选择器从右向左解析是一种优化策略，旨在提高浏览器的性能和效率，同时使得样式规则更易于理解和维护。

  3. 方法声明为常量 因为方法都是不变的 xxxxF 接受函数