前端概念 II

前端概念 II

💡 原文约1700字/词,阅读约需6分钟。
📝

内容提要

CSS Grid 是一种便于网页元素定位的二维布局系统。DOMContentLoaded 事件在 HTML 文档加载完成时触发。z-index 属性控制元素的堆叠顺序。JavaScript 中的 this 指向当前执行上下文。localStorage 允许在浏览器中持久存储数据。响应式设计使网页适应不同屏幕。AJAX 实现异步请求,提升用户体验。

🎯

关键要点

  • CSS Grid 是一种便于网页元素定位的二维布局系统。

  • DOMContentLoaded 事件在 HTML 文档加载完成时触发。

  • z-index 属性控制元素的堆叠顺序。

  • JavaScript 中的 this 指向当前执行上下文。

  • localStorage 允许在浏览器中持久存储数据。

  • 响应式设计使网页适应不同屏幕。

  • AJAX 实现异步请求,提升用户体验。

  • 事件冒泡是事件传播机制,从内部元素向外部元素传播。

  • 回调函数是作为参数传递给其他函数的函数。

  • fetch API 是用于进行 HTTP 请求的现代接口。

  • CORS 是一种安全机制,允许跨域请求。

  • 虚拟 DOM 是 React 用于优化 DOM 更新的轻量表示。

  • Props 是 React 中用于在组件间传递数据的机制。

  • State 是 React 中用于存储组件可变数据的对象。

  • React Router 允许在 React 应用中进行组件间导航。

  • Hooks 是在函数组件中使用状态和其他 React 特性的函数。

  • Webpack 是 JavaScript 应用的模块打包工具。

  • Babel 是将现代 JavaScript 转换为兼容旧浏览器的工具。

  • SASS 是一种 CSS 预处理器,支持变量和嵌套。

  • 微服务架构将应用结构化为小型独立服务。

  • SSR 是在服务器端渲染应用以提高性能和 SEO。

  • CSR 是在客户端渲染应用,提供更交互的用户体验。

  • Redux Saga 处理 Redux 应用中的副作用。

  • Context API 允许在组件树中共享数据而无需逐层传递 props。

  • TypeScript 是 JavaScript 的超集,增加了静态类型。

  • PWA 提供类似原生应用的体验,包括离线支持。

  • GraphQL 是一种 API 查询语言,允许客户端精确请求数据。

  • Web 可访问性确保应用对残疾人士可用。

  • Service Worker 是在后台运行的脚本,支持缓存和推送通知。

延伸问答

什么是 CSS Grid?

CSS Grid 是一种便于网页元素定位的二维布局系统,允许创建行和列的布局。

DOMContentLoaded 事件是什么时候触发的?

DOMContentLoaded 事件在 HTML 文档加载完成并解析后触发,不等待样式表和图像加载完成。

z-index 属性的作用是什么?

z-index 属性控制元素的堆叠顺序,值越大,元素越靠前显示。

localStorage 在 JavaScript 中有什么用?

localStorage 允许在浏览器中持久存储数据,数据在浏览器关闭后仍然存在。

什么是响应式设计?

响应式设计是一种网页设计方法,使网页能够适应不同的屏幕尺寸和设备。

AJAX 是什么,它有什么好处?

AJAX 是一种技术,允许异步请求服务器而不重新加载页面,从而提升用户体验。

🏷️

标签

➡️

继续阅读