DEV Community
·
初级前端概念
💡
原文约1500字/词，阅读约需6分钟。
📝
内容提要
DOM是表示HTML或XML文档结构的编程接口，允许访问和更新内容。CSS盒模型描述元素的矩形框。匿名函数是无名函数，常用于回调。localStorage用于持久存储用户数据。'DOMContentLoaded'事件在文档加载完成时触发。JavaScript中的'this'指当前上下文。事件冒泡是事件从内层向外层传播的机制。响应式设计使网页适应不同屏幕，Flexbox是CSS布局模型，Promises表示异步操作的结果。React中的'props'和'state'用于组件间的数据传递和状态管理。
🎯
关键要点
- DOM是表示HTML或XML文档结构的编程接口，允许访问和更新内容。
- CSS盒模型描述元素的矩形框，包括边距、边框、填充和内容。
- 匿名函数是没有名称的函数，常用于回调。
- localStorage用于在用户浏览器中持久存储数据。
- 'DOMContentLoaded'事件在文档加载完成时触发。
- JavaScript中的'this'指当前上下文，可能会根据函数调用方式而变化。
- 事件冒泡是事件从内层元素向外层元素传播的机制。
- 回调函数是作为参数传递给其他函数的函数，常用于异步操作。
- 响应式设计使网页适应不同屏幕和设备，通常使用CSS媒体查询实现。
- Flexbox是CSS布局模型，允许在容器中分配空间和对齐元素。
- Promises表示异步操作的结果，允许更易读的异步代码编写。
- Hoisting是JavaScript中的一个行为，变量和函数声明在执行上下文中被提升。
- 虚拟DOM是React中对真实DOM的轻量表示，用于优化DOM更新。
- 'props'是React中用于组件间数据传递的机制。
- 'state'是React中表示组件可变部分的对象，用于存储影响组件渲染的数据。
- React Router是用于在React应用中实现路由的库。
- Hooks是允许在函数组件中使用状态和其他React特性的函数。
- Webpack是JavaScript应用的模块打包工具，允许将多个文件打包成一个或多个优化的文件。
- Babel是一个转译器，允许将现代JavaScript代码转换为兼容旧浏览器的版本。
➡️
