自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS进阶01-异步编程、跨域、懒加载

本文详细阐述了js异步编程、跨域问题、懒加载的相关内容及案例

2024-12-03 17:15:05 842

原创 VUE3基础知识

本文深入浅出地解析了Vue 3的核心特性,包括其革新的组合式API、新增的内置组件、详尽的生命周期管理以及高效的状态管理机制。

2024-12-03 15:27:21 750

原创 ES6进阶知识二

本文详细阐述了Promise方法的应用实例、模板字符串的高级技巧、尾调用优化的原理、模块化进阶中的动态导入机制以及循环依赖的处理方法。

2024-11-14 15:41:57 1285

原创 【deepseek】部署deepseek

本文详细讲解了deepseek的本地部署过程

2025-02-08 10:31:34 270

原创 【react】react面试题

本文主要介绍了react的相关面试题的题目,需要答案的三连私信博主

2025-02-06 17:38:00 376

原创 【HTML期末大作业】——HTML+CSS+JavaScript 电商网站

html文件包括:index.html是首页,还有其他样式的首页和其他html二级页面css文件包括:css全部页面样式、插件样式、响应式布局样式、放大效果、动画效果等js文件包括:bootstrap、jq、js实现动态轮播特效, 表单提交, 点击事件等等。

2025-02-06 11:04:28 535

原创 【react】react+umi4

本文详细阐述了react+umi4 项目搭建

2025-02-06 09:27:01 572

原创 【TypeScript】TypeScript Array(数组)

本文详细介绍了TypeScript Array 数组 的相关内容

2025-02-06 09:04:19 877

原创 【TypeScript】TypeScript 运算符

本文概述了TypeScript中的多种运算符,包括算术、逻辑、关系、按位、赋值、三元/条件、字符串和类型运算符。算术运算符执行基本的数学运算,逻辑和关系运算符用于布尔判断,按位运算符处理二进制位操作,赋值运算符用于变量赋值,三元运算符提供条件表达式,字符串运算符通过加号连接字符串。类型运算符如typeof和instanceof用于类型检查和实例验证。短路逻辑运算符&&和||能避免不必要的计算,提高代码效率和安全性。文章通过示例展示了这些运算符的使用方法和场景。

2025-01-23 14:26:58 756

原创 【TypeScript】TypeScript 联合类型、接口、类

本文详细介绍了TypeScript联合类型和TypeScript类

2025-01-23 14:01:41 832

原创 【TypeScript】TypeScript Number、字符串

本文介绍了TypeScript中的Number对象和类的基本概念和使用建议。Number对象是原始数值的包装对象,提供了额外的属性和方法,但会带来性能开销和类型混淆,因此更推荐使用基本的number类型。TypeScript支持面向对象编程,类描述了对象的共同属性和方法,可以使用extends关键字实现类的继承,并通过super关键字调用父类的构造函数和方法。此外,TypeScript还支持静态成员、访问控制修饰符和instanceof运算符等特性。最后,文章提到类可以实现接口,使用implements关键

2025-01-23 13:41:18 936

原创 【TypeScript】命名空间、模块、声明文件

本文详细介绍了TypeScript命名空间、TypeScript模块、TypeScript声明文件的

2025-01-23 09:20:43 982

原创 【TypeScript】TypeScript对象、 泛型

本文详细描述了TypeScript 对象、TypeScript 泛型

2025-01-23 08:44:55 871

原创 【TypeScript】TypeScript Map 对象、元组

本文详细介绍了TypeScript Map 对象和TypeScript 元组

2025-01-22 17:36:17 1100

原创 【TypeScript】TypeScript 变量声明

本文详细介绍了TypeScript的变量声明

2025-01-22 11:23:50 691

原创 【TypeScript】TypeScript 基础类型

本文主要介绍了TypeScript 基础类型

2025-01-22 10:42:36 426

原创 【TypeScript】TypeScript 基本结构

本文详细介绍了TypeScript 的基本结构

2025-01-22 10:18:01 574

转载 【TypeScript】TypeScript 基础语法

本文主要介绍了TypeScript 基础语法

2025-01-22 10:02:11 436

原创 【TypeScript】TypeScript 特性

本文主要介绍了typescript的特性及增加的主要功能

2025-01-22 08:45:01 1143

原创 【three.js】纹理贴图

本文对纹理UV坐标、纹理映射、纹理阵列、纹理偏移、纹理旋转以及UV动画的详细说明及示例

2025-01-17 12:05:18 658

原创 【three.js】层级模型

本文内容涵盖了Three.js层级模型的主要方面,并提供了详细的例子以帮助理解。Three.js的层级模型是一个灵活而强大的系统,它允许我们创建和管理复杂的3D场景。通过合理利用Object3D、Group、Scene等类和它们的方法和属性,我们可以轻松地构建出具有层级结构的3D场景,并对场景中的对象进行各种操作和管理。

2025-01-17 09:38:16 801

原创 【three.js】常用辅助对象

在Three.js这一强大的3D图形库中,辅助对象(Helpers)扮演着至关重要的角色,它们为开发者提供了在3D场景中可视化和调试各种元素的能力。

2025-01-16 17:43:28 1266 1

原创 【three.js】三维模型

本文概述了常用的三维模型格式OBJ、STL、FBX、glTF及其在Three.js中的加载方式。每种格式各具特色,适用于不同应用。文章详细阐述了利用Three.js的OBJLoader、STLLoader、FBXLoader加载对应模型,并融入场景的方法。同时,纠正了加载glTF格式时应使用GLTFLoader而非FBXLoader的错误。此外,文章强调了错误处理与性能优化的必要性,推荐使用LoadingManager与相应加载器实现异步加载,并展示加载进度,以提升用户体验。

2025-01-09 17:22:27 955

原创 【three.js】相机Camera

本文涵盖了Three.js中相机的类型、属性、动画以及控件等多个方面,并且还包括了对于正交相机和透视相机的详细解释以及自适应渲染的处理方法。

2025-01-09 14:49:50 984

原创 【three.js】几何体Geometry

本文主详细讲解了three.js的几何体Geometry

2025-01-09 11:21:30 910

原创 最新前端面试题(附答案)

本文为前端面试宝典

2025-01-08 11:47:11 580

原创 ES6的高阶语法特性

标签模板函数不仅可以用于简单的字符串插值,还可以对插入的变量或表达式进行自定义处理。}, '');`);// 输出 "This is a [HELLO] world!在这个例子中,函数接收一个模板字符串和一个或多个值。它遍历模板字符串的静态文本部分和值,将每个值转换为大写,并在其前后添加方括号作为标记,然后将结果组合成一个完整的字符串。标签模板函数不仅可以用于简单的字符串插值,还可以实现更复杂的逻辑,如条件渲染、循环、国际化(i18n)等。}, '');

2025-01-08 11:25:23 1278

原创 HarmonyOS开发:传参方式

一、父子组件传参1、父传子(@Prop方式)父组件代码子组件代码2、父传子(@Link方式,实现双向绑定)父组件代码子组件代码父组件通过@Link方式将的值传递给子组件,并实现了双向绑定。当子组件中的按钮被点击时,value的值会增加,同时父组件中的也会同步更新。二、页面间的传参(使用router模板)1、页面A代码页面B代码页面A通过方法跳转到页面B,并在params参数中传递了dataToSend的值。页面B在生命周期方法中通过方法获取了这个值,并将其显示在页面上。

2025-01-07 17:36:02 881

原创 HarmonyOS开发:ArkTS初识

ArkTS语言简介ArkTS是鸿蒙生态的应用开发语言。基本语法风格与TypeScript(简称TS)相似,在TS的生态基础上进一步扩展,继承了TS的所有特性,是TS的超集。扩展能力基础语法:声明式语法,组件化机制,数据-UI自动关联状态管理:ArkTS提供了多维度的状态管理机制。比如数据传递可以在父子组件之间,爷孙组件之间,还可以应用全局范围传递或者跨设备传递。同时,数据的传递可以只单向传递和可变更的双向传递。渲染控制:条件渲染可根据应用的不同状态,渲染对应状态下的UI内容。

2025-01-07 17:11:52 1080

原创 【three.js】材质Material

本文详细介绍了three.js的材质

2025-01-03 15:08:07 838

原创 【react】Redux的设计思想与工作原理

Redux 的设计采用了 Facebook 提出的 Flux 数据处理理念在 Flux 中通过建立一个公共集中数据仓库 Store 进行管理,整体分成四个部分即: View (视图层)、Action (动作)、Dispatcher (派发器)、Store (数据层)

2025-01-02 15:37:22 995

原创 【three.js】光源和投影

本文概述了Three.js中的不同类型光源及其特点和应用。环境光均匀照亮整个场景,提供基本照明。点光源模拟灯泡等效果,可控制颜色、强度和照射距离。聚光灯产生阴影,用于模拟手电筒等光源,具有光锥角度和边缘模糊等属性。方向光模拟太阳光,光线平行且不衰减。半球光模拟天空和地面反射光,创建自然光照效果。平面光从矩形平面发射光线,模拟窗户或条状灯光,可能需优化性能。文章通过示例代码展示了如何创建和添加这些光源到Three.js场景中,以实现不同的光照效果。

2025-01-02 14:43:21 792

原创 【three.js】Shader着色器

本文介绍了RawShaderMaterial和ShaderMaterial两种着色器材质的区别与用法,并详细阐述了顶点着色器与片元着色器的工作原理。顶点着色器负责将3D顶点坐标转换为2D屏幕坐标,通过gl_Position变量实现;而片元着色器则为几何体的每个可见像素进行着色,通过gl_FragColor变量设置颜色。文章还讲解了属性(Attributes)、限定变量(Varyings)和统一变量(Uniforms)的概念及其在着色器中的应用,包括如何设置精度、传递数据以及优化性能等技巧。通过本文,读者可以

2025-01-02 11:04:01 1060

原创 【three.js】场景搭建

renderer 的 domElement 元素,表示渲染器中的画布,所有的渲染都是画在 domElement 上,所以这里的 appendChild 表示将这个 domElement 挂接在 body 下面,这样渲染的结果就能够在页面中显示了。每种光照都有不同的属性可以进行配置。近端渲染距离和远端距离:这两个是设置相机可以看到的场景内容的范围,只有离相机的距离大于near值,小于far值,且在相机的可视角度之内,才能被相机投影到。透视相机的效果是模拟人眼看到的效果,跟人眼看到的世界是一样的,近大远小。

2025-01-02 10:19:13 1730

原创 【three.js】搭建环境

three.js搭建环境过程

2025-01-02 09:21:32 1076

原创 【react】常见的性能优化 1

react常见的性能优化包括:1、使用 useMemo 缓存数据、使用 useCallback 缓存函数2、使用 React.memo 缓存组件3、使用组件懒加载4、合理的使用 Key5、在组件销毁的时候清除定时器/事件6、通过 Suspense 和 Lazy 拆分组件7、使用 Fragment 避免额外标记8、避免使用内联函数9、避免使用内联样式10、优化渲染条件11、避免重复渲染12、为组件创建错

2024-12-31 15:54:09 1216

原创 TypeScript基础概述

本文深入而详尽地介绍了TypeScript的基础知识体系,涵盖了丰富的数据类型、灵活的联合类型、结构化的接口定义以及对象处理等核心要素。

2024-12-02 15:34:27 1098

原创 VUE2基础知识

本文全面且深入地解析了Vue2框架中的核心要素,包括基础语法(指令与修饰符的巧妙运用)、组件化开发理念、Vue实例的详尽剖析、高效的事件处理机制、灵活的数据绑定技术、路由系统(涵盖路由钩子与动态路由的深入实践)、以及强大的状态管理工具Vuex,同时还对Vue实例的生命周期进行了细致的阐述。

2024-12-02 12:02:56 1394

原创 JS基础知识05-对象、Ajax、JSON

本文深入且全面地剖析了JavaScript的核心概念——对象(Object),并详细阐述了Ajax技术的运作原理,同时,对JSON这一数据交换格式也进行了详尽的介绍。

2024-11-30 10:42:22 1147

原创 JS基础知识04-DOM、BOM、事件、(字符串内置方法)

本文全面而深入地解析了DOM(文档对象模型)、BOM(浏览器对象模型)、JavaScript事件的核心概念,详尽介绍了它们的相关属性与实际应用,同时还深入探讨了字符串的各类内置方法。

2024-11-26 11:49:59 726

web期末大作业静态电商网站

html文件 index.html是首页,还有其他样式的首页和其他html二级页面 css文件 css全部页面样式、插件样式、响应式布局样式、放大效果、动画效果等 js文件 bootstrap、jq、js实现动态轮播特效, 表单提交, 点击事件等等。

2025-02-07

react前端面试题大全超详细答案

内容概要:本文深入探讨了React框架的关键技术和实践要点。主要内容包括React的特性介绍,涵盖虚拟DOM、组件化、声明式编程和单向数据流等核心特性。此外,文章详述了React组件的各类知识点,如JSX、refs、事件处理等,尤其注重讲解了React组件生命周期和渲染机制。性能优化策略也是重要的一部分,涵盖了组件优化、虚拟DOM与Diff算法优化等多个方面。文中还介绍了React Hook的作用和常用类型、React的路由机制,包括React-Router的实现与使用场景,以及全局状态管理工具Redux的概念及其在React应用中的作用。 适用人群:对React有一定了解但仍想深入了解其细节的中级前端开发者。 使用场景及目标:适合正在从事React项目开发或计划采用React进行Web开发的团队成员,帮助他们掌握React的最佳实践和技术细节,解决常见挑战并优化应用性能。 其他说明:文中提供了许多具体的例子来解释复杂概念,并提到了React最新版本的更新内容及相关工具库。

2025-02-07

Linux常用命令大全

linux常用命令大全

2024-11-13

网络:一、网络基础 二、路由协议 三、交换网络 四、信息安全技术

https://www.yuque.com/u34280469/ty7rmy/gcmm9ur0u4n2grcy?singleDoc# 《网络》此链接到语雀时限为半年 网络:一、网络基础。二、路由协议。三、交换网络。四、信息安全技术。

2024-06-11

vue相关知识点练习,共十三章

vue相关知识点练习,共十三章

2024-06-05

JavaScript各种小案例,还有jQuery相关案例

这是关于JavaScript的学习代码, 邮箱自动导航:实现一个自动导航至用户邮箱地址的功能,为用户提供便捷的联系方式。 自定义下拉列表框:通过JavaScript,创建自定义下拉列表框,增加用户体验和交互性。 改变文本框中内容:利用JavaScript动态改变文本框中的内容,实现实时更新或交互反馈。 动态显示列表框选择项的文本内容或其值:通过JavaScript监听列表框的选择事件,动态显示用户所选项的文本内容或相关值。:利用列表框切换网页:实现一个根据列表框选项动态切换网页的功能,增强网页的导航和交互性。 动态改变购买数量:使用JavaScript动态改变购买数量,为用户提供一个直观的购买数量调整界面。 应用HTML元素的样式属性设计横向下拉菜单:通过HTML元素的样式属性,结合JavaScript,设计出一个美观且功能强大的横向下拉菜单。 应用jQuery的show和hide等方法设计纵向导航菜单:利用jQuery的show和hide等动画效果,设计出一个用

2024-06-05

vue.js项目开发综合实践习题

Vue.js项目开发综合实践习题涵盖了Vue.js框架在项目开发中的多个方面,旨在帮助开发者深入理解Vue.js的特性和实践方法。以下是对Vue.js项目开发综合实践习题的简要介绍,分点表示和归纳相关信息: 一、Vue.js基本概念 Vue.js特性:轻量级、数据绑定、应用指令、插件化开发。 Vue.js安装:主要有三种方法,包括直接下载Vue.js、使用npm包管理器安装等。 MVVM模式:Vue.js基于MVVM(Model-View-ViewModel)模式,其中Model代表数据模型,View代表用户界面,ViewModel是连接Model和View的桥梁。 二、Vue.js核心特性 数据绑定:Vue.js通过双向数据绑定,实现视图与数据的自动同步。 组件化开发:Vue.js支持组件化开发,允许开发者将UI拆分为可重用的独立组件。 指令:Vue.js提供了一系列内置指令(如v-if、v-show、v-for等),用于在DOM元素上应用特殊的行为。 生命周期钩子:Vue.js组件具有生命周期钩子函数,允许开发者在组件的不同阶段执行特定的代码。

2024-06-04

vue项目开发综合实践笔记

关于Vue的笔记,主要涵盖以下几个方面: 技术栈:Vue.js为核心框架,搭配Vue Router进行页面导航,Vuex管理状态。 Vue.js:作为项目的核心框架,Vue.js负责页面的渲染与数据的绑定。通过其响应式系统,我能够轻松地实现数据的双向绑定,提高开发效率。 Vue Router:Vue Router是Vue.js官方的路由管理器。在项目中,我利用Vue Router实现了页面的跳转与导航,为用户提供了更加流畅的体验。 Vuex:对于跨组件的状态管理,我选择了Vuex。Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 组件化:通过组件化思想,将页面拆分为可复用的组件,提高可维护性。 数据驱动:利用Vue的响应式系统,实现数据的双向绑定,简化开发流程。 样式管理:使用CSS预处理器(如Sass)和UI框架(如Element UI),快速美化页面并提高复用性。 以上简要介绍了Vue的主要特点和开发实践中的关键方面。详细内容请看资源详解

2024-06-04

数据结构相关知识点的思维导图

数据结构,作为计算机科学领域的基石,是组织、存储和高效处理数据的艺术和科学。通过构建合适的数据结构,我们可以实现高效的算法,解决各种复杂的计算问题。而一个精美的思维导图,就像一幅智慧图谱,能够清晰地展现出数据结构的精髓和它们之间的关系。 在这个“数据结构的智慧图谱”中,我们可以从基础到高级,逐步探索各种数据结构的特点、应用场景以及它们之间的联系。从简单的线性结构(如数组、链表)到复杂的非线性结构(如树、图),再到高级的数据结构(如堆、栈、队列),每一个节点都代表着一种数据结构的智慧和奥秘。 通过这个思维导图,我们可以更加系统地学习数据结构,理解它们的设计原理和使用方法。同时,我们也可以更加清晰地看到数据结构之间的内在联系和转换关系,从而在实际应用中更加灵活地运用它们。

2024-06-03

vue基础知识及思维导图,安装脚手架详细过程

Vue基础知识与思维导图:探索Vue的精髓 Vue.js是一个构建用户界面的渐进式框架,对于前端初学者和开发者来说,掌握其基础知识是至关重要的。Vue的基础知识涵盖了模板语法、指令、组件、路由、状态管理等核心概念。而思维导图作为一种有效的学习和整理工具,可以帮助我们更清晰地理解Vue的架构和知识体系。 安装Vue CLI脚手架的详细过程 Vue CLI是一个基于Vue.js进行快速开发的完整系统。以下是安装Vue CLI脚手架的详细过程: 安装Node.js:首先,你需要在你的计算机上安装Node.js。Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许JavaScript在服务器端运行。 安装npm:npm(Node Package Manager)是Node.js的包管理工具,通常与Node.js一起安装。你可以通过命令行输入npm -v来检查npm是否已正确安装。 全局安装Vue CLI:打开命令行工具(如cmd、PowerShell、Terminal等)

2024-06-03

空空如也

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

TA关注的人

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