Hello World

Starlet 3月前默认分类

华宇科技前端开发工程师一面

一、你目前在长春吗？预计多久可以实习？我目前在长春，预计拿到offer后可以开始实习。二、描述一下你的项目，你最得意的页面三、八股问答（一）前端路由导航激活（切换按钮的激活状态 css）在实现前端路由导航激活时，通过监听路由的变化，利用 Vue Router 提供的导航守卫或者在组件内使用 watch 监听 $route 对象的变化。当路由发生改变时，根据当前路由路径与导航菜单的对应关系，动态地为相应的菜单项添加或移除激活状态的 CSS 类名。（二）vue 中 histroy 为什么变化后会显示元素在 Vue 中使用 vue-router 的 history 模式时，当 URL 的 hi...

38 0 0

页面基础（含DOM）

Starlet 5月前默认分类

页面基础（含DOM）

1、浏览器渲染过程HTML 解析：浏览器首先解析 HTML 文档，构建 DOM 树。在解析过程中，如果遇到外部资源（如 CSS 文件、JavaScript 文件、图片等），会发起相应的请求去获取这些资源。CSS 解析：同时，浏览器会解析 CSS 文件，构建 CSSOM（CSS Object Model）树。CSSOM 描述了文档的样式信息，包括每个元素的样式规则。构建渲染树：结合 DOM 树和 CSSOM 树，浏览器构建渲染树。渲染树只包含需要显示的节点和这些节点的样式信息。布局（Layout）：确定每个节点在屏幕上的位置和大小。布局过程会考虑元素的盒模型、定位方式、尺寸等因素。绘制（P...

36 0 0

Css相关

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

Hello World

华宇科技前端开发工程师一面

页面基础（含DOM）

Css相关

Electron

Javascript相关

最近评论

博客文章RSS订阅

博客评论RSS订阅

Hello World

登录

华宇科技 前端开发工程师 一面

页面基础（含DOM）

Css相关

Electron

Javascript相关

最近评论

博客文章RSS订阅

博客评论RSS订阅

华宇科技前端开发工程师一面