[置顶] 2022年前端面试题整理

摘要: 1. 浏览器的缓存机制 2.实现一个简单的 路由跳转 router class Router(){ todo } router.register('/user/id') router.match('/user/123') router.push({path: '/user/:id', name:'x 阅读全文

posted @ 2022-01-28 11:39 bala001 阅读(91) 评论(0) 推荐(0)

2025年3月31日

Object.create

摘要: 原文地址:《理解 Object.create 并正确使用 Object.create》 阅读全文

posted @ 2025-03-31 17:46 bala001 阅读(6) 评论(0) 推荐(0)

2025年3月18日

前端开发设计模式:工厂模式(Factory Pattern)【下】

摘要: 承接上文:《前端开发设计模式:工厂模式(Factory Pattern)【上 】》 三、常用场景 简单工厂模式 场景特点:适用于创建对象逻辑简单,且产品类型相对较且需求相对稳定,不经常添加新的产品类型的场景。 具体应用: 例1:创建不同类型的 表单/按钮 组件,组件类型固定且后续不太可能有大量新类型 阅读全文

posted @ 2025-03-18 13:53 bala001 阅读(6) 评论(0) 推荐(0)

前端开发设计模式:工厂模式(Factory Pattern)【上】

摘要: 一、工厂模式是什么? 工厂模式是前端开发中一种常见的创建型设计模式。 核心思想:将对象的创建和使用分离,通过统一接口控制不同对象的生成。 好处:将对象的创建逻辑封装起来,当对象的创建过程发生变化时,只需修改工厂部分的代码,而不会影响到使用这些对象的代码。 关键角色: 工厂接口:定义创建对象的方法 具 阅读全文

posted @ 2025-03-18 09:15 bala001 阅读(39) 评论(0) 推荐(0)

2025年3月14日

前端开发设计模式:单例模式之场景应用&实现

摘要: 单例模式是一种创建型设计模式,它确保一个类只有一个实例,并提供一个全局访问点来获取这个实例。 常见场景 1、全局状态管理 在前端应用中,常需要管理全局状态,像用户登录信息,主体设置等。借助单例模式,能保证全局状态的唯一性和一致性。 例:在vue.js 项目中,使用单例模式创建一个全局状态管理对象 / 阅读全文

posted @ 2025-03-14 17:27 bala001 阅读(10) 评论(0) 推荐(0)

前端开发设计模式:架构

摘要: 一、设计模式是什么 设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。是指导思想和方法论,而不是现成的代码。 设计模式是通过概念总结出来的模板,每一个模式对应在某种场合下对某个问题的一种解决方案。 设计模式是一套被广泛应用的思想,能帮忙开发者解决常见的问题并提供可重用的解决方案。 二、 阅读全文

posted @ 2025-03-14 16:35 bala001 阅读(12) 评论(0) 推荐(0)

2024年10月30日

前端开发设计模式: 单例模式(Singleton Pattern)

摘要: 什么是单例模式?(Singleton Pattern) 单例模式,也叫单体模式,是一种创建型设计模式,是全局(或某一作用域范围)唯一实例,大家共享、复用一个实例对象。—— 最基础、最常见的设计模式 1、保证对象实例只创建一次,后续的引用都是同一个实例对象2、保证一个类只有一个实例,并提供一个访问它的 阅读全文

posted @ 2024-10-30 18:48 bala001 阅读(90) 评论(2) 推荐(0)

2024年10月29日

JS篇之JS类型

摘要: 我们先来看下面的几个问题: 为什么有的编程规范要求用 void 0 代替 undefined? 字符串有最大长度吗? 0.1 + 0.2 不是等于 0.3 么?为什么 JS 里不是这样的? ES6 新加入的 Symbol 是个什么东西? 为什么给对象添加的方法能用在基本类型上? 如果你答起来有些犹豫 阅读全文

posted @ 2024-10-29 17:15 bala001 阅读(18) 评论(0) 推荐(0)

2024年10月20日

2024/10/20: TypeScript 学习笔记三:TypeScript 类型系统

摘要: 一、TypeScript 提供的对应类型: boolean string number bigint undefined null symbol 二、object 类型仅能够赋值给以下三种类型: 顶端类型 any 和 unknown Object 类型 空对象类型字面量“{}” 注:所有类型都是顶端 阅读全文

posted @ 2024-10-20 22:34 bala001 阅读(60) 评论(0) 推荐(0)

2024年10月8日

axios 使用记录

该文被密码保护。 阅读全文

posted @ 2024-10-08 18:18 bala001 阅读(0) 评论(0) 推荐(0)

2024年9月22日

2024/09/22:TypeScript 学习笔记二

摘要: 1、类型注解 在 TypeScript 中,可以使用类型注解来明确标识类型。如: const greeting: string = 'hello world' 2、类型检查 静态类型检查:在程序编译时进行 —— (两种静态类型检查模式:非严格类型检查【默认方式】;严格类型检查) 动态类型检查:在程序 阅读全文

posted @ 2024-09-22 22:55 bala001 阅读(29) 评论(0) 推荐(0)

导航

点击右上角即可分享
微信分享提示