**前端面试题 - JS进阶**### 一、闭包和作用域1.什么是闭包? function outer() { let x =10; return function inner() { console.log(x); } } const f = outer(); f(); // 输出:10 **答案:**闭包是指一个函数可以访问其外部作用域中的变量。2.什么是作用域? let x =10; function outer() { let y =20; function inner() { con
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**Next.js 中组件事件绑定的实现**在 Next.js 中，我们可以使用 React 来构建组件。组件之间的通信是非常重要的一环。在这个文档中，我们将讨论如何在 Next.js 中实现父组件点击执行子组件函数，子组件点击执行父组件函数。###1. 使用回调函数最简单的方法就是使用回调函数。我们可以在父组件中定义一个函数，然后传递这个函数给子组件。子组件可以通过调用这个函数来通知父组件。**父组件**jsximport React, { useState } from 'react'; import ChildComponent from './ChildComponent'; function ParentComponent() { co
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**JavaScript 中的 bind(), apply() 和 call() 方法**在 JavaScript 中，bind(), apply() 和 call() 是三个非常重要的方法，它们可以帮助我们改变函数的上下文环境，从而实现一些复杂的功能。虽然这三个方法看起来很相似，但它们实际上是有区别的。**1. bind() 方法**bind() 方法用于创建一个新的函数，其this指向指定的值，而不执行该函数。它返回一个新函数，新函数的this指向传入bind()方法的第一个参数。javascriptfunction sayHello(name) { console.log(`Hello, ${name}!`); } cons
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**Vue3 Axios 数据请求封装**在 Vue3 中，Axios 是一个非常流行的 HTTP 请求库。然而，直接使用 Axios 的话，我们需要每次都手动创建一个实例，并且需要传递配置参数，这样会导致代码冗余和难以维护。因此，在本文中，我们将学习如何封装 Axios，实现更高效、易于维护的数据请求功能。### **1. 创建 axios 实例**首先，我们需要创建一个 Axios 的实例。我们可以在 `main.js` 文件中创建一个全局的 Axios 实例。javascriptimport axios from 'axios'; const instance = axios.create({ // 基础 URL
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**UniApp兼容微信小程序和支付宝小程序遇到的坑**作为一个跨平台的框架，UniApp能够让开发者轻松地在微信小程序、支付宝小程序等多个平台上部署应用。但是，在实际的开发过程中，我们也会遇到一些坑。下面我们将分享一些常见的坑和解决方案。###1. 组件兼容性虽然UniApp提供了大量的组件，但是并不是所有的组件都兼容微信小程序和支付宝小程序。在开发过程中，我们需要注意以下几点：* **wx:api** 和 **alipay:api** 的区别：有些API在微信小程序和支付宝小程序上有所不同。例如，`wx.getSystemInfoSync()` 在微信小程序上返回 `system` 对象，而在支付宝小程序上返回 `info` 对象。* **组件的属性**:有些组件的属性在微信小程序和支付宝小程序上有所不
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**函数类型的约束定义**在 TypeScript 中，函数类型是指描述函数行为的一组规则。这些规则可以用来约束函数的参数、返回值以及其他方面。在本文中，我们将详细介绍如何定义函数类型的约束。###1. 函数签名函数签名是描述函数行为的基本信息，包括函数名称、参数列表和返回值类型。我们可以使用 `function` 关键字来定义一个函数签名：typescriptfunction add(a: number, b: number): number { return a + b; } 在这个例子中，我们定义了一个名为 `add` 的函数，它接受两个 `number` 类型的参数，并返回一个 `number` 类型的值。###2
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**JavaScript7 种继承方式——寄生式继承分析**在 JavaScript 中，继承是实现面向对象编程的一个关键概念。然而，JavaScript 的原型链机制使得继承变得复杂起来。在本文中，我们将探讨 JavaScript 中的7 种继承方式，并对寄生式继承进行深入分析。###1. 原型链继承原型链继承是最基本也是最常见的继承方式。它通过设置一个新对象的原型为另一个对象来实现继承。javascriptfunction Parent() { this.name = 'Parent'; } function Child() {} Child.prototype = new Parent(); var child = new Child(
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**Vue3 自定义指令**在 Vue 中，自定义指令是非常有用的工具，可以让我们扩展框架的功能并且使我们的应用更加灵活。自定义指令可以用来实现各种复杂的逻辑，如数据绑定、事件处理等。**什么是自定义指令？**自定义指令是一种特殊的 Vue 组件，它们可以被用来扩展框架的功能并且使我们的应用更加灵活。自定义指令可以用来实现各种复杂的逻辑，如数据绑定、事件处理等。**如何创建一个自定义指令？**要创建一个自定义指令，我们需要在 Vue 的选项中添加一个 `directives` 属性，并且为每个自定义指令指定一个名称和一个函数。这个函数将会被用来实现自定义指令的逻辑。javascript// ma
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**Linux内核头文件**Linux内核头文件（Linux kernel header files）是Linux内核编程的基础。它们提供了一个接口，让开发者能够访问内核功能，实现自定义模块和驱动程序。在本文中，我们将讨论Linux内核头文件的基本概念、使用方法以及一些常见的头文件。**什么是Linux内核头文件**Linux内核头文件是一组C语言头文件，它们包含了Linux内核编程所需的函数声明、数据结构定义和宏定义。这些头文件提供了一个接口，让开发者能够访问内核功能，实现自定义模块和驱动程序。**常见的Linux内核头文件**以下是几个常见的Linux内核头文件：* **linux/kernel.h**: 这个头文件包含了Linux内核编程所需
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
**Vue 全局字体不生效的问题**在 Vue 应用中，设置全局字体是很常见的需求。然而，有些开发者可能会遇到这样的问题：即使已经正确地设置了全局字体，也无法在应用中看到效果。这篇文章将尝试解释这个问题的原因，并提供一些解决方案。**问题描述**当我们在 Vue 应用中使用 `@font-face` 或其他方式设置全局字体时，可能会遇到以下问题：* 在浏览器中无法正确显示字体。* 字体没有被应用到整个应用中。* 只有部分组件或元素能够正确显示字体。**原因分析**1. **CSS优先级**:当我们设置全局字体时，可能会因为 CSS优先级的问题而导致字体不生效。例如，如果我们在 `index.html` 中设置了一个全局样式，
shili8 | 开发语言：HTML/CSS | 发布时间：2025-03-08 |
粤公网安备 44011102002787号
