logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

从零到一搭建:vue3+vite7+antfu+stylelint+githooks,全流程配置,附带源码,集成css变量使用,下载即用

本文介绍了如何为Vue项目配置基础开发环境与代码规范检查工具。项目要求Node.js版本≥20,推荐使用pnpm作为包管理器。通过pnpm create vue初始化项目后,重点配置了ESLint(使用Antfu预设集成Prettier)和Stylelint两大代码检查工具:1)ESLint配置包括基础规则、TS/Vue支持、格式化工具及自定义规则覆盖;2)Stylelint配置采用标准预设并集成

文章图片
#vue.js#typescript#css +1
原生、vue、react的vite项目使用threejs的过程以及完整代码

一开始,打算用不同的项目加载threejs,后来选择了vite项目,从原生、vue、react三个项目创建,到适配语法检查、风格检查、以及代码提交。三个项目配置好后,分别实现了threejs的加载,

文章图片
#vue.js#react.js#前端 +3
Koa.js 完全指南:下一代 Node.js Web 框架

Koa.js 作为一个现代、轻量级的 Node.js Web 框架,通过其洋葱模型中间件机制和基于 async/await 的异步处理,为开发者提供了更加优雅和高效的开发体验。相比 Express,Koa 在错误处理、中间件控制和代码可读性方面都有显著提升。本文详细介绍了 Koa 的核心概念、中间件机制、路由处理、数据库集成、认证授权以及实际项目开发的全过程。掌握这些知识后,你将能够使用 Koa

文章图片
#前端#javascript#node.js
Vue3+Three.js:第01期 打造3D立方体

本文介绍了在Vue3项目中集成Three.js创建立方体的基本流程。首先简要介绍了Three.js的核心概念(场景、相机、渲染器等),然后详细说明了环境配置和项目设置步骤。通过分步代码演示了如何初始化场景、设置透视相机、创建立方体几何体并应用材质,最后整合为完整代码。文章特别强调了代码结构优化的重要性,建议将不同功能模块封装为独立函数,以提高代码可读性和可维护性。整个实现过程展示了Three.js

文章图片
#javascript#3d#开发语言
Vue3+Three.js:第03期 轨道控制器完全指南(OrbitControls与TrackballControls)

本文介绍了Three.js中的轨道控制器OrbitControls,详细说明了其基本功能、主要特点和适用场景。OrbitControls可实现3D场景的交互式观察,支持旋转、缩放、平移等操作,并具有阻尼效果和范围限制功能。文章还演示了具体实现过程,包括引入模块、初始化控制器、设置阻尼效果、自动旋转、平移和缩放控制等内容,并提供了控制范围设置的代码示例。通过OrbitControls可以轻松实现3D

文章图片
#javascript#开发语言
Vue3+Three.js:第05期 时间控制,requestAnimationFrame vs Clock

本文主要探讨了Three.js中与动画相关的时间概念及其应用。文章首先介绍了requestAnimationFrame传递给animate回调函数的时间参数,该参数表示动画开始后的时间差(毫秒),可用于计算帧间隔时间deltaTime,并演示了如何利用该时间差实现动画效果。接着分析了THREE.Clock类,通过其getDelta()和getElapsedTime()方法可便捷获取时间差和动画总时

文章图片
#vue.js#前端
Vue3+Three.js:第06期 实现立方体旋转动画

本文介绍了使用Three.js实现立方体动画的三种方式:通过累加角度、requestAnimationFrame时间参数和Clock类。重点演示了如何让立方体自动旋转以及相机绕y轴旋转的效果,并提供了完整的Vue项目代码示例。文章强调根据具体需求选择动画实现方式,为后续实现平移、缩放等效果提供了基础思路。

文章图片
#javascript#开发语言#ecmascript
NestJS 完全指南:构建企业级 Node.js 应用

NestJS是一个基于TypeScript的Node.js服务器端框架,采用模块化架构设计,结合了面向对象和函数式编程范式。它提供了开箱即用的企业级特性,如依赖注入、中间件、守卫等,适合构建大型可扩展应用。核心概念包括模块(组织代码结构)、控制器(处理HTTP请求)和服务(封装业务逻辑)。安装使用Nest CLI可快速搭建项目,其清晰的项目结构和类型安全特性提升了开发效率和代码可维护性。NestJ

文章图片
#node.js#学习
创建一个springboot项目,mybatis连接嵌入式数据库H2,实现增删改查功能

本文使用idea创建了一个springboot项目。数据库是嵌入式数据库h2,使用mybatis连接数据库。文中详细给出了安装依赖、配置文件、schema.sql,以及controller、service、mapper的所有示例代码。已亲测可以调试。之后将controller的请求类型改为与前端一致即可。

文章图片
#spring boot#mybatis#数据库
创建一个springboot项目,mybatis连接嵌入式数据库H2,实现增删改查功能

本文使用idea创建了一个springboot项目。数据库是嵌入式数据库h2,使用mybatis连接数据库。文中详细给出了安装依赖、配置文件、schema.sql,以及controller、service、mapper的所有示例代码。已亲测可以调试。之后将controller的请求类型改为与前端一致即可。

文章图片
#spring boot#mybatis#数据库
    共 16 条
  • 1
  • 2
  • 请选择