程序员小寒

所谓首屏，就是用户看到当前页面的第一屏，首屏时间就是第一屏被完全加载出来的时间点。 比如一个电商网站，首屏就包括导航栏、搜索框、商品头图等内容。那么，如何采集用户的首屏时间...

在 JavaScript 中，如何判断一个值是否为数组是很常见的需求，一般有以下几种方法。 1、方式一：JSON.stringify 可以通过 JSON.stringify...

本文大纲 今天来看一道前端面试的代码输出题。 面试官提供了一段 Javascript 代码，要求给出这段代码运行后的输出结果。 先分析这道题前，先补充两个个前置知识点。 知...

1、常见性能指标 FP（First Paint - 首次绘制）：页面首次绘制的时间点，即第一个像素绘制到屏幕上的时间点。 FCP（First Contentful Pain...

前言 对于 Web 页面首屏优化，有时候明明感觉自己做了很多事情，比如精简了首屏内容，合并了请求资源，优化了项目打包配置，也对图片进行了压缩，但最后的首屏时间还是没有降低下...

VSCode几乎是前端开发人员的标配，其插件开发基于TypeScript与Node.js，通过扩展API增强编辑器功能。开发者可自定义命令、主题、语法支持等，快速构建个性化...

前言 snippets 意思是片段，在 vscode 中可以通过 Snippets：Configure Snippets 命令，可以定义全局级（global）、项目级（Pr...

前言 Vapor Mode 是 Vue 3.6 推出的一个新的高效渲染模式，它实现了无虚拟DOM并大幅度提升性能。 先了解下 Vue 各版本的渲染机制： Vue 1.0：直...

1、如何实现两栏布局？ 两栏布局指的是左边宽度固定，右边宽度自适应。 DOM 结构如下： 1.1 利用 flex 布局实现 实现思路：将父元素设为 flex 布局，左边元素...

1、实现垂直居中的方式有哪些？ line-height：文本可以使用 line-height 等于容器高度。 Flex 布局：（display: flex; align-i...

1、前言 当涉及到网站的性能优化时，CSS 的优化是一个非常重要的方面。如果你的 CSS 太复杂，那么你的网站可能会像一个慢吞吞的乌龟一样缓慢地加载和渲染，影响用户的留存、...

1、Vue Router 是什么？它解决了什么问题？ Vue-router 是 Vue.js 的官方路由，是 Vue.js 构建单页应用的路由解决方案。每一个页面对应一个路...

1、Vuex 是什么？什么情况下应该使用 Vuex？ Vuex 是专门为 Vue.js 应用提供状态管理模式的一个库，也是 Vue.js 官方推荐的状态管理方案，它将所有数...

1、说一下 Vue.js 的响应式原理 1.1 Vue2 响应式原理 核心原理就是通过 Object.defineProperty 对对象属性进行劫持，重新定义对象的 ge...

1、说说你对 Vue.js 的理解？ Vue.js 是一个用于创建用户界面的开源 JavaScript 框架，它的特点如下： 1.1 声明式框架 早在JQ的时代编写的代码都...

对于前端页面来讲，页面卡顿是一个常见的性能问题，这里主要从造成页面卡顿的原因、如何检测和排查页面卡顿、以及优化页面卡顿的最佳实践这三个方向进行分析。 一、造成页面卡顿的原因...

在前端面试中，首屏优化一直是常见的前端性能面试题。 我们可以先用 performance 相关API 来统计下页面的 DOM 加载时间。 旧版统计方法，使用 perform...

前言 每个CSS属性都有一个默认值，比如background-color的默认值是transparent，margin的默认值是auto，这些常见的属性我们都知道它们的默认...

1、什么是异步？ 异步可以理解为把一个任务分成了两段，先执行第一段，转而去执行其它任务，等准备完毕后，再回过头来执行第二段。 比如发一个 http 请求，第一段就是创建 X...

今天来聊一聊javascript如何动态执行js代码，我总结了以下四种方法。 第一种方式：eval eval函数会将传入的字符串作为js代码执行，并且返回最后一个表达式的值...