分类前端八股一点通下的文章

Starlet 5月前前端八股一点通

Css相关

1. 介绍 flex，适用什么场景，三个核心属性是什么Flex 是 CSS 的一种布局方式，全称为 Flexible Box Layout，即弹性盒布局。它提供了一种更加灵活和高效的方式来布局网页元素。适用场景：自适应布局：可以轻松实现不同屏幕尺寸下的自适应布局，适用于响应式设计。对齐和分布：方便地实现元素的水平和垂直对齐，以及均匀分布。复杂布局：对于复杂的布局需求，如导航栏、表单、卡片布局等，Flex 可以提供简洁的解决方案。三个核心属性：flex-direction：决定主轴的方向，即项目在弹性容器中的排列方向。可以是row（水平从左到右）、row-reverse（水平从右到左）、c...

28 0 0

Electron

Starlet 5月前前端八股一点通

Electron

1.Electron 底层原理Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。它的底层原理主要包括以下几个方面：基于 Chromium 和 Node.js：Electron 结合了 Chromium 浏览器引擎和 Node.js 运行时环境。Chromium 提供了强大的网页渲染能力，而 Node.js 允许在应用程序中使用 JavaScript 进行服务器端编程和访问操作系统的底层功能。主进程和渲染进程：Electron 应用程序分为主进程和渲染进程。主进程负责管理应用程序的生命周期、窗口管理、与操作系统的交互等。渲染进程则负责渲...

33 0 0

Javascript相关

Starlet 5月前前端八股一点通

Javascript相关

1.async 和 defer，使用 async 要注意什么吗async和defer都是用于在 HTML 中加载外部脚本的属性。async属性的作用是让脚本异步加载，不阻塞页面的渲染。当脚本加载完成后，会立即执行。使用async的注意事项有：脚本的执行顺序不确定：由于脚本是异步加载的，所以它们的执行顺序可能与在 HTML 中出现的顺序不同。如果多个脚本之间存在依赖关系，需要特别注意执行顺序的问题。可能会在页面尚未完全加载时执行：如果脚本的执行依赖于页面的某些元素或状态，可能会出现问题。因为脚本可能在页面尚未完全加载时就执行了。defer属性的作用是让脚本延迟加载，在页面完全加载后再执行。...

34 0 0

Webpack

Starlet 5月前前端八股一点通

Webpack

1.Webpack 的 loader 和 pluginLoader：作用：Loader 用于将不同类型的文件转换为 Webpack 能够处理的模块。例如，将 CSS 文件转换为 JavaScript 模块，将图片文件转换为数据 URL 等。工作原理：当 Webpack 遇到需要处理的文件时，会根据文件的类型和配置的 Loader 规则，依次调用相应的 Loader 进行处理。Loader 可以对文件进行转换、压缩、优化等操作，并将处理后的结果返回给 Webpack。Plugin：作用：Plugin 用于扩展 Webpack 的功能。可以在 Webpack 的不同阶段执行自定义的任务，如打...

28 0 0

前端架构

Starlet 5月前前端八股一点通

前端架构

1.MVVMMVVM（Model-View-ViewModel）是一种前端开发架构模式。它将应用程序分为三个主要部分：模型（Model）：负责存储和管理应用程序的数据。可以是数据库、服务器端 API 或本地存储中的数据。视图（View）：负责展示用户界面。通常是 HTML、CSS 和 JavaScript 代码组成的页面。视图模型（ViewModel）：连接模型和视图的中间层。它将模型中的数据转换为视图可以显示的格式，并处理用户与视图的交互。MVVM 的主要优点有：分离关注点：将数据和界面逻辑分离，使得代码更易于维护和测试。双向数据绑定：实现了视图和模型之间的自动同步，减少了手动更新数据...

28 0 0

分类：前端八股一点通

Css相关

Electron

Javascript相关

Webpack

前端架构

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

分类：前端八股一点通

Css相关

Electron

Javascript相关

Webpack

前端架构

最近评论

博客文章RSS订阅

博客评论RSS订阅