自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 store方法运用错误---导入方法

这两种暴露方式有什么区别,为什么用上面那个会标红这两种暴露方式的核心区别在于的不同,而标红问题通常与TypeScript类型推断或模块导出规范有关。

2025-08-01 17:10:06 348

原创 VS Code中配置代码片段(Code Snippets)

数字决定了光标跳转的顺序,1→2→3…,这样不用手动移动光标,就能快速填完片段里的关键信息。简单说,占位符就是代码片段生成后,光标会依次停留的位置,方便你快速填写内容。也可以点击左上角文件,鼠标悬停到首选项,点击配置代码片段。,即可快速生成函数模板。

2025-07-28 21:09:35 879

原创 Vue2下

后端路由:负责“服务器如何响应请求”,用函数处理路径并返回数据/页面。前端路由:负责“浏览器如何切换内容”,用组件匹配路径并局部更新页面。前端路由是 SPA 应用的基础,让页面跳转像“切换组件”一样丝滑~在},routes})在上述代码中,定义了一个父路由'/parent',其对应的组件是。在children数组中,又定义了两个子路由'child1'和'child2',分别对应和。

2025-07-25 21:38:17 829

原创 Vue2上

Vue官网展示:在Vue中,一切都从创建Vue实例开始。通过来初始化一个Vue实例,并传入一个选项对象,该对象包含了实例的配置信息。注意事项:1.2 数据绑定1.2.1 文本插值:使用双大括号将数据显示在页面上。也可以在双大括号中使用JavaScript表达式,如。1.2.3. 双向数据绑定:使用指令实现表单元素和数据之间的双向绑定,常用于、、等元素。等价于:以下是一个完整的 HTML 页面示例,结合 Vue.js 实现 单向数据绑定(v-bind) 和 双向数据绑定(v-mode

2025-07-25 21:03:34 910

原创 Vue3初识

修改名字

2025-07-15 20:58:45 328

原创 打包工具:webpack + vite

模块化处理:解决浏览器不支持原生模块的问题资源优化:压缩代码、处理依赖关系、分割文件兼容性转换:编译TypeScript、SCSS等非原生格式开发体验增强:提供热更新、代码分割等功能Vite 打包流程简洁高效,核心步骤1.初始化项目:使用 npm init vite 创建项目;2.配置:通过 vite.config.js 定制开发和构建选项;3.开发:使用启动开发服务器;4.打包:执行 npm run build 生成生产文件;5.部署:将 dist 目录部署到静态服务器。

2025-07-09 16:16:15 618

原创 CommonJS模块化规范和包管理工具npm

模块化是一种将程序分割为独立功能部分的设计理念。每个模块完成特定功能,并通过明确的接口与外部交互。:模块真正的导出接口,可赋值为任意类型exports:初始指向的引用,适合渐进式添加导出成员优先使用:特别是导出单个类、函数或对象时避免混用赋值方式:保持代码一致性,防止导出失效安装第三方库(包)管理项目依赖共享和分发代码版本控制和依赖冲突解决。

2025-07-09 11:05:35 564

原创 Node2

6.14.1 总结Express是一个轻量级且功能强大的 Node.js 框架。路由和中间件是 Express 的核心概念。模板引擎和会话管理使得 Express 更适合构建复杂的 Web 应用。错误处理和日志记录是生产环境中的重要组成部分。部署和测试是确保应用稳定性和质量的关键步骤。6.14.2 延伸建议学习更多中间件:如multer用于文件上传,用于压缩响应。探索其他模板引擎:如Pug或Handlebars。了解更高级的身份验证方法:如 JWT(JSON Web Tokens)。

2025-07-07 21:12:49 777

原创 Node1

Node.is 是一个开源的,跨平台的 JavaScript 运行环境.: Node.js 就是一款,是一款,它可以运行 JavaScript。

2025-05-17 17:17:01 665 2

原创 XML介绍

XML(eXtensible Markup Language)即可扩展标记语言,是一种用于存储和传输数据的标记语言。特点可扩展性:XML 没有预定义的标签集,用户可以根据自己的需求定义标签。例如,在描述书籍信息时,可以定义<book><title><author>等标签。自描述性:文档本身包含数据及其结构信息,便于人和机器理解。平台无关性:XML 文档可以在不同的操作系统和硬件平台上解析和处理。结构化数据表示:XML 文档具有清晰的层次结构,通过元素和属性来组织数据。

2025-04-12 19:29:02 295

原创 HTTP与express 介绍与基本使用

介绍:Express 是一个基于 Node.js 平台的极简、灵活的 Web 应用开发框架。它本质是 npm 上的第三方包,作用类似于 Node.js 内置的 http 模块,专门用于创建 Web 服务器。借助 Express ,开发者能够方便、快速地创建 Web 网站服务器或 API 接口服务器。其官方网址为 https://www.expressjs.com.cn/。官方网址基本使用步骤安装 express:前提是已经安装了 Node.js。为应用创建一个目录并进入,作为当前工作目录。执行。

2025-04-12 15:55:19 646

原创 AJAX2

是一个基于Node.js的工具,用于在文件发生变化时自动重启Node.js应用程序,方便开发调试。4.假设我们有一个简单的用户列表页面,用户可以通过输入框搜索用户,并在不刷新页面的情况下显示结果。3.案例:一个简单的 AJAX GET 请求,用于从服务器获取数据并在前端显示。在IE浏览器中,AJAX请求可能会遇到缓存问题,导致获取到的是旧数据。:IE 浏览器对 GET 请求强制缓存,导致重复请求不更新数据。// 服务器地址,例如:'/api/data'2.目标:输入关键词时,动态显示搜索结果。

2025-04-12 15:25:23 979

原创 Axios2

AJAX 请求工具:jQuery、Axios、Fetch API 各有优劣,Axios 功能最全面。跨域解决方案:JSONP:仅支持 GET,依赖回调函数。CORS:需服务端配合设置响应头,支持所有 HTTP 方法。关键头信息:Access-Control-Allow-Origin 是 CORS 的核心。

2025-04-12 15:21:59 1027

原创 axios1

axios 介绍Axios 是一个基于 Promise 的 HTTP 库,它可以在浏览器和 Node.js 中使用。支持多种请求方式(GET、POST、PUT、DELETE 等)。易于使用的 API,支持拦截请求和响应。自动转换请求和响应数据,例如将 JSON 数据进行解析。支持浏览器端和 Node.js 端的请求。页面配置通过 CDN 引入在 HTML 文件中添加以下脚本标签:</之后就可以在页面的 JavaScript 代码中使用axios全局变量。

2025-04-05 16:16:04 587

原创 AJAX1

AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript和XML) ,是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,与服务器交换数据并更新部分内容。传统的网页若需更新内容,必须重载整个页面。AJAX基于现有的Internet标准联合使用,这些标准包括:AJAX应用程序与浏览器和平台无关,有很多使用AJAX的应用程序案例,如新浪微博、Google地图、开心网等。

2025-04-05 15:40:43 553

原创 Promise

以下是关于 Promise 状态改变的详细解析,包括状态变化的规则、触发条件和关键特性:每个 Promise 对象必然处于以下三种状态之一:状态只能从 变为 或 ,且不可逆。(2) 变为 通过调用 :或在 或 回调中抛出错误:3. 状态改变的特性(1) 不可逆性一旦状态变为 或 ,后续的 或 调用无效:(2) 同步或异步触发同步触发:在 中同步调用 /:异步触发:通常结合异步操作(如 )改变状态:4. 链式调用中的状态传递每次调用 或

2025-03-29 15:42:58 1054 1

原创 ES6~ES13下篇

#ES7新增属性1.求幂运算符(**):这是一个新的二元运算符,用于执行指数运算。语法:base ** exponent2.数组的 Array.prototype.includes() 方法:此方法用来判断一个数组是否包含某个指定的值,并返回一个布尔值。语法:arr.includes(searchElement[, fromIndex])

2025-03-22 18:24:47 860

原创 ES6~ES13上篇

在ES6模块中导入CommonJS模块:可以直接使用import导入CommonJS模块,Node.js会自动处理。在CommonJS模块中导入ES6模块:需要使用import()动态导入ES6模块,它返回一个Promise。CommonJS模块是动态加载,require函数可以在代码的任何位置调用,根据运行时的条件决定导入哪个模块。ES6模块是静态加载,在编译阶段就确定模块的依赖关系,不能在运行时动态导入。在实际项目中,可能会遇到需要同时使用ES6模块和CommonJS模块的情况。

2025-03-22 10:58:30 972

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除