2024 年 4月随笔档案 - 萬事順意

TS — 类型推论和兼容性

摘要：一、类型推论的原理 1.基于初始化值： TypeScript编译器会根据变量的初始化值推断其类型： let x = 10; // 推断 x 的类型为 number let y = 'hello'; // 推断 y 的类型为 string 2.基于上下文：如果无法根据初始化值推断类型，编译器会根据变阅读全文

posted @ 2024-04-22 09:30 萬事順意阅读(103) 评论(0) 推荐(0)

TS — 接口

摘要：TS接口通常指的是TypeScript接口，它是TypeScript中用来描述对象的形状的一种方式。接口可以定义对象的结构，包括属性、方法和方法的参数类型以及返回值类型。 1.定义接口： interface Person { name: string; age: number; greet(): v 阅读全文

posted @ 2024-04-18 19:31 萬事順意阅读(526) 评论(0) 推荐(0)

ES6中数组的高级用法

摘要：1. 箭头函数和数组方法的结合：使用箭头函数结合数组方法可以简化代码： const numbers = [1, 2, 3, 4, 5]; // 使用箭头函数的 map 方法 const doubled = numbers.map((num) => num * 2); console.log(dou 阅读全文

posted @ 2024-04-17 16:17 萬事順意阅读(92) 评论(0) 推荐(0)

TS — 枚举（详解）

摘要：在 TypeScript 中，枚举（Enum）是一种数据类型，用于定义一组命名的常量值。枚举可以帮助开发者更清晰地表达意图，提高代码的可读性和可维护性。 1. 枚举的基本语法： enum Direction { Up, Down, Left, Right, } //Direction 枚举定义了四个阅读全文

posted @ 2024-04-17 11:08 萬事順意阅读(4666) 评论(0) 推荐(0)

前端面试题 — Node.js（持续更新）

摘要：1.什么是Node？ Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，用于构建快速、可扩展的网络应用程序。它允许开发者使用JavaScript编写服务器端代码，实现了JavaScript的全栈化，使得前端和后端开发可以使用同一种语言。事件驱动：Node.js采用事件阅读全文

posted @ 2024-04-16 16:04 萬事順意阅读(1507) 评论(0) 推荐(0)

TS — 泛型

摘要：泛型（Generics）是 TypeScript 中的一个重要特性，它允许在定义函数、类或接口时使用参数类型的占位符，从而增加代码的灵活性和复用性。 1. 泛型函数泛型函数允许在函数定义时使用类型参数，这些类型参数可以在函数体内使用，从而使函数可以处理多种类型的数据： function ident 阅读全文

posted @ 2024-04-16 14:29 萬事順意阅读(2717) 评论(0) 推荐(0)

TS — 类（详解）

摘要：在 TypeScript 中，类是面向对象编程的基本概念之一，它允许你使用面向对象的方式组织和管理代码。 1. 类的基本定义在 TypeScript 中，类通过 class 关键字来定义。 class Person { name: string; age: number; constructor( 阅读全文

posted @ 2024-04-15 16:17 萬事順意阅读(747) 评论(0) 推荐(0)

前端面试题 — webpack

摘要：1.webpack的安装和使用方式安装 Node.js 和 npm 首先，确保你的计算机上安装了 Node.js 和 npm（Node 包管理器），因为 Webpack 是通过 npm 进行安装和管理的。创建项目目录并初始化 npm npm init -y 安装 Webpack npm inst 阅读全文

posted @ 2024-04-15 15:45 萬事順意阅读(2451) 评论(0) 推荐(0)

TS — 函数的一些常见用法和特性

摘要：1.函数声明： TypeScript 中的函数可以通过函数声明或函数表达式进行定义： function add(x: number, y: number): number { return x + y; } 2.函数表达式：函数表达式允许你将函数赋值给变量，或将其作为参数传递给其他函数： cons 阅读全文

posted @ 2024-04-12 14:52 萬事順意阅读(260) 评论(0) 推荐(0)

Vue — Vue面试题：Vue3.0 特性

摘要：Composition API（组合式API）： Composition API允许开发者将逻辑按照功能或者相关性进行组织，而不是按照选项的不同部分（如data、methods、computed等）来分散代码。这种方式更灵活、更易于复用和维护，特别适用于编写大型复杂的组件。基于Proxy的响应式系阅读全文

posted @ 2024-04-10 15:27 萬事順意阅读(161) 评论(0) 推荐(0)

前端面试题 — 前端页面性能优化

摘要：1.减少HTTP请求：合并和压缩CSS、JavaScript和图片等静态资源。使用雪碧图来减少图片请求次数。使用字体图标代替图片图标，以减少HTTP请求。使用CSS Sprites技术将多个小图标合并成一张大图来减少HTTP请求。 2.优化资源加载：将JavaScript放在页面底部，以确阅读全文

posted @ 2024-04-10 15:14 萬事順意阅读(225) 评论(0) 推荐(0)

前端面试题 — 浏览器安全问题

摘要：1.什么是XSS攻击？如何防范XSS攻击？ XSS攻击是一种跨站脚本攻击，攻击者通过在网页中注入恶意脚本来获取用户信息或控制页面。防范XSS攻击的方法包括对用户输入进行过滤和转义、使用HTTP头部中的Content Security Policy（CSP）等。 2.什么是CSRF攻击？如何防范CSR 阅读全文

posted @ 2024-04-09 17:23 萬事順意阅读(209) 评论(0) 推荐(0)

TS — Symbol详解

摘要：symbol 是 TypeScript 中的基本数据类型之一，用于表示唯一的标识符。每个通过 Symbol() 构造函数创建的 symbol 值都是独一无二的，并且不可变。 1.创建 symbol：可以使用 Symbol() 构造函数来创建一个新的 symbol 值： let sym1 = Sym 阅读全文

posted @ 2024-04-07 17:19 萬事順意阅读(706) 评论(0) 推荐(0)

TS（TypeScript）— 数据类型

摘要：1.基本数据类型： number: 表示数值类型，包括整数和浮点数。 //数值类型 let num : number = 123 num= 0B1111011 //二进制 num= 0XA //十六进制 num= 0o173 //八进制 num= 123.456 num= Infinity num= 阅读全文

posted @ 2024-04-07 17:14 萬事順意阅读(1980) 评论(0) 推荐(0)

TS（TypeScript）— 搭建开发环境

摘要：1.创建pakeage.json npm init //自选参数npm init -y //默认参数 2.构造目录安装ts开发依赖 npm install typescript tslint -g 创建功能文件夹初始化ts（安装typescript就可以使用tsc命令）生成tsconfig.js 阅读全文

posted @ 2024-04-03 09:24 萬事順意阅读(575) 评论(0) 推荐(0)

小程序 — 手写签字版封装

摘要：<view class="electronicSignature">  <view class="handCanvas" > <canvas class="writingwrapper" disable-scrol 阅读全文

posted @ 2024-04-02 10:13 萬事順意阅读(66) 评论(0) 推荐(0)

Vue — Vue3.0状态管理工具Pinia

摘要：一、什么是Pinia? Pinia 是一个专门为 Vue 3 设计的状态管理库。它的目标是提供一种简单、直观的方法来管理 Vue 应用的状态，同时充分利用 Vue 3 的响应式系统和组合式 API。 Pinia 主要特点包括：基于 Vue 3：Pinia 是专门为 Vue 3 设计的状态管理库，充阅读全文

posted @ 2024-04-01 16:37 萬事順意阅读(4226) 评论(0) 推荐(0)