2025 年 12 月

TypeScript 中 extends 三种形态用法区别

extends 是 TypeScript 中最“精神分裂”的关键字。因为它在不同的场景下，含义截然不同。 你需要记住它的 三种形态： 继承 (Inheritance): "我是你的儿子"（扩充）。 泛型约束 (Constraint): "你必须满足这个标准"（限制）。 条件判断 (Condition
作者：Administrator

TypeScripy , Pick, Omit, Partial 如何使用

这也是 TypeScript 中最高频使用的“三剑客”。 它们的本质都是**“基于现有的类型，生成一个新的类型”**。这样你就不用把相似的类型定义写好几遍（DRY 原则）。 为了演示，我们先定义一个基础类型 User（用户）： TypeScript interface User { id: nu
作者：Administrator

type 和 interface 的区别

这是一个在 TypeScript 社区中争论已久的经典问题。 在 TypeScript 的早期版本中，它们的区别很大。但随着 TS 的更新（尤其是 TS 2.x 以后），它们的功能重合度已经高达 90%。 简单来说：interface 是“传统的面向对象接口”，侧重于描述对象的形状；type 是“类
作者：Administrator
分类： 面试题
标签： #面试题

Skyline vs. 传统 WebView (核心区别)

这是一个非常专业且切中痛点的问题。Skyline 是微信小程序团队为了解决“传统 WebView 渲染性能瓶颈”而推出的自研渲染引擎。 简单来说，原来的渲染层是**“魔改的浏览器（WebView）”，而 Skyline 是“类似 Flutter 的原生绘制引擎”**。 下面我为你深入拆解 Skyli
作者：Administrator

Rollup 是怎么实现 Tree-shaking 的

Rollup 实现 Tree-shaking 的核心在于它利用了 ES Modules (ESM) 的静态结构特性，通过静态分析 (Static Analysis) 来判断哪些代码被真正使用了。 简单来说，Rollup 不是“移除没用的代码”，而是**“只打包用到的代码”**（Whitelist 白
作者：Administrator

customRef 实现防抖函数

import { customRef } from 'vue' export function useDebouncedRef(value, delay = 200) { let timeout return customRef((track, trigger) => { retu
作者：Administrator
分类： 面试题
标签： #面试题

Vue 自定义指令实现组件级精准的权限控制 v-permission

<template> <div class="permission-page"> <!-- 同时需要权限和角色 --> <el-button v-permission="[['order:edit'], ['admin']]">管理员编辑</el-button> <!--
作者：Administrator

Vue2 双向绑定，极简版

// 观察者 class Watcher { constructor(obj, key, cb) { this.obj = obj; this.key = key; this.cb = cb; Dep.target = this;
作者：Administrator
标签： #面试题 ,  #分享 ,  #默认

从输入 URL 到页面呈现，整个过程发生的事件

第一阶段：网络通信 (Network Navigation) 在这个阶段，目标是把你的请求发给服务器，并拿到 HTML 文件。 1. URL 解析与缓存检查 输入解析：浏览器判断你输入的是一个合法的 URL 还是搜索关键字。如果是 URL，它会补全协议（如 https://）。
作者：Administrator
分类： 面试题

小程序生命周期详解

微信小程序的生命周期是开发中最核心的概念之一，它决定了你的代码在什么时候执行。 简单来说，微信小程序的生命周期分为三层：应用级别 (App)、页面级别 (Page) 和 组件级别 (Component)。 以下是详细的层级讲解与最佳实践： 1. 应用生命周期 (App Lifecycle) 这属于
作者：Administrator
分类： 默认分类
标签： #默认
共 49 篇文章
页