DEV Community
·
前端概念 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 是一种技术，允许异步请求服务器而不重新加载页面，从而提升用户体验。
➡️
