程序员小寒

前言 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代码执行，并且返回最后一个表达式的值...

一、右键菜单是什么 所谓右键菜单，就是指我们在浏览器页面中，点击鼠标右键后弹出来的包含一系列功能键的组合框。 二、核心代码 核心就是监听 contextmenu 事件。 最...

今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello wor...

去年Vue3.0正式版本推出，受到很多人的追捧。vue3.0中也对dom-diff算法进行了优化，其中就用到了 「最长递增子序列」。 先简要介绍下基础背景。我们在vue开发...

最近开发中遇到一个需求，就是用户希望能通过直接点击按钮复制图片，然后就可以很方便的把图片发送到班群中，于是就有了复制图片的需求。 那么如何通过JavaScript来实现复制...