日志记录

📄🦌🙌🐟🏖️

日志记录

Where there is a where there is a way

随机文章

按住 Shift 横向滚动

TypeScript入门

TypeScript 是微软开发的 JavaScript 超集，通过添加静态类型在编码阶段发现错误，提升开发效率和代码可维护性。相比 JS，它支持类型注解、类型推断、最新 ECMAScript 语法，并与主流框架完美配合。文章还介绍了安装方法及常用类型，包括原始类型、数组、联合类型、类型别名、函数与对象类型等，帮助开发者快速上手。

2026-08-28 Web前端 5

Administrator

Webpack

Webpack是静态模块打包工具，将所有资源视为模块，按依赖关系打包成浏览器可运行文件。它解决了多脚本加载慢、依赖顺序难控、预处理器支持不足等问题，并实现压缩、Tree Shaking、热更新。核心概念包括入口、输出、Loader、Plugin、Mode，Loader负责转换非JS资源，Plugin扩展功能，不同模式适配开发与生产。

2026-08-24 Web前端 3

Administrator

NPM

NPM是Node.js的包管理工具，由官网、命令行工具和package.json组成。package.json是项目说明书，需区分生产依赖（dependencies）和开发依赖（devDependencies）：运行时需要前者，开发阶段用后者。版本号采用语义化规则，常用^获取兼容更新。常用命令包括安装、卸载、更新依赖，scripts则集中管理开发、构建、测试等工程化命令。

2026-08-24 Web前端 1

Administrator

NodeJs入门

Node.js 是基于 V8 和 libuv 的 JavaScript 运行时，让 JS 可操作文件、网络等系统资源。前端工程化是用软件工程方法解决前端开发的规模与效率问题，核心包括模块化、编译转译、开发效率和质量保障，工具链如 Vite、ESLint、TypeScript 等皆由 Node.js 驱动。Node.js 是前端工程化的基础。

2026-08-24 Web前端 8

Administrator

Axios详解

Axios 是一个基于 Promise 的 HTTP 客户端，支持浏览器和 Node.js，提供 get、post、put、patch、delete 等请求方法及并发请求。文章介绍了其安装方式（npm、yarn、CDN）和引入方式，并详细说明了请求配置，包括 URL、参数、请求头、超时、取消、跨域凭证及上传下载进度等，帮助开发者高效处理 HTTP 通信。

2026-08-24 Web前端 3

Administrator

Fetch API 是浏览器原生基于 Promise 的网络请求接口，用于替代 XMLHttpRequest。它语法简洁，支持流式处理、请求取消（AbortController）等高级功能，但默认不带 Cookie、不处理 HTTP 错误且不支持进度监控。文章详解了 fetch 的 input/init 参数、Response 对象的属性和解析方法，并强调需手动检查 response.ok 来捕获 HTTP 错误。

2026-08-24 Web前端 1

Administrator

Ajax入门

AJAX是一种在不刷新网页的情况下与服务器交换数据并更新页面部分内容的技术，核心是异步通信。当前主流实现方式有三种：Fetch API是浏览器原生支持、基于Promise的现代首选；Axios功能强大，适用于复杂项目，具备拦截器、并发请求和取消请求等优势；XMLHttpRequest为最原始方式，仅需了解。JSON已取代XML成为主要数据格式。

2026-08-24 Web前端 15

Administrator

JS异步编程

本文介绍JS异步编程核心概念：同步会阻塞后续代码，异步通过回调等机制实现非阻塞执行，提升效率；回调函数是异步编程的基础，但多层级嵌套会形成“回调地狱”，导致代码可读性差、难以维护。

2026-08-21 Web前端 5

Administrator

JS进阶

本文介绍JavaScript进阶知识，核心涵盖作用域（局部、全局及作用域链）、垃圾回收机制、闭包和变量提升。文章强调let/const产生块作用域，var不产生；作用域链决定变量查找顺序；垃圾回收有引用计数和标记清除两种算法；闭包可实现数据私有，避免全局变量污染；变量提升仅存在于var声明。

2026-07-21 Web前端 33

Administrator

正则表达式

正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式，在JavaScript中作为对象使用，常用于文本的查找、替换和提取，如表单验证、敏感词过滤等。其语法分为两步：定义规则（`/表达式/`）和查找（`test()`判断是否匹配，`exec()`检索匹配结果）。元字符包括：边界符（`^`开头，`$`结尾）、量词（如`*`、`+`、`?`、`{n,m}`控制重复次数）、字符类（`[]`匹配集合，`[^]`取反）、预定义类（如`\d`数字，`\w`字母数字下划线，`\s`空格）。修饰符`i`忽略大小写，`g`全局匹配，常用`replace`方法进行替换。正则表达式极大提升了文本处理的灵活性和效率。

2026-06-09 Web前端 24

Administrator