- 博客(45)
- 收藏
- 关注
RSS订阅原创 claude code 获取额度
这篇文章介绍了如何免费获取CC（Creative Commons）资源，推荐通过指定链接https://privnode.com/ref/1H7M注册获取CCKey。文中提到该平台支持多种模型，并附有详细使用教程，鼓励读者尝试使用。
2025-09-22 14:46:38
1641
1
原创 threejs入门学习日记
Three.js是一个简化WebGL开发的JavaScript 3D库，主要包含场景、相机、渲染器三大核心组件。场景作为3D对象容器，相机决定观察视角（分透视和正交两种），渲染器负责画面输出。创建3D对象需要几何体定义形状、材质定义外观，组合成网格后添加到场景。光照系统（环境光/点光源等）和控制器（OrbitControls）可实现真实渲染和交互效果。通过动画循环函数和辅助工具（坐标轴/网格）可完成动态3D场景开发。这些组件协同工作，让开发者能高效创建网页端3D应用。
2025-09-05 15:31:55
660
原创 最新面试题总结
2、之前的项目用vue2写的，很多变量，方法都是公用的，所以将这些放到了mixin里。现在把它升级到 Vue 3 ，要求不使用 mixin，还要把这个相关 mixin 的设计要保留下来，你会怎么去修改呢？上，然后我们开发过程中，在本地运行，然后浏览器的访问地址一般是 localhost，对吧？18、用 Plugin 完成 Loader 的功能，可以吗？10、对于首屏加载速度慢，是如何进行优化的？5、TS中普通枚举和常量枚举的区别？12、说说你对options的理解？11、get和post的区别？
2025-07-28 16:46:53
246
原创 Vue 3 新特性全面指南
Vue3核心特性与演进摘要 Vue3作为渐进式JavaScript框架，自2020年发布以来带来多项创新：1）Composition API优化逻辑复用与TS支持；2）响应式系统升级为Proxy实现；3）新增Teleport、Suspense等组件能力；4）v3.3引入defineModel简化双向绑定；5）v3.5强化SSR与自定义元素支持。后续版本持续优化性能，v3.6将引入无虚拟DOM的Vapor模式。配套工具链包括Vite、Pinia等，使Vue3成为开发现代Web应用的优选方案，平衡了开发体验与运
2025-07-13 14:36:04
1031
原创 深入解析Vue 3聊天系统的技术实现
本文详细介绍了一个基于Vue3的大模型聊天系统的技术实现方案。该系统采用monorepo架构，集成SSE流式响应、WebSocket语音识别、Markdown渲染等多项前沿技术。核心内容包括：1)采用pnpm+Turborepo管理多包项目，实现PC端和H5端代码共享；2)通过SSE技术实现流式响应，配合自定义TransformStream处理数据流；3)集成WebSocket语音识别功能，支持实时语音转文字；4)采用markdown-it和Shiki实现高性能Markdown渲染与代码高亮；5)通过Pin
2025-07-12 13:55:27
910
原创 React native 原生环境搭建（最新版本RN环境搭建，不是expo）
通过这几天的面试，发现好多公司都是使用rn的，现在大多网上都是expo框架，大家都找不到原生的rn环境配置过程，我这边配置好了，如果你那里有问题的话，请下面评论你的问题，我会尽自己最大努力帮你解决！！！
2025-01-03 21:41:33
2919
7
原创 从0到1搭建webpack
好，上一篇文章我们说了一下在react中怎么弄这个webpack，那么现在在说一下不用react我们又该怎么配置，这些呢也都是我自己通弄过看视频自己总结的，拿来给大家分享一下。
2024-11-30 14:36:53
1182
原创 webpack（react）基本构建
Webpack 是一个强大且灵活的工具，可以帮助开发者构建现代化的 JavaScript 应用程序。通过模块化、加载器、插件和优化等特性，Webpack 有效地管理和打包应用程序的资源，提升开发效率和应用性能。虽然学习曲线可能较陡峭，但掌握 Webpack 后，开发者能够更好地管理复杂的前端项目。
2024-11-30 12:05:20
1561
原创 基于vite创建的react18项目的单元测试
最近一个小伙伴进了字节外包，第一个活就是让他写一个单元测试。嗯，说实话，在今天之前我只知道一些理论，但是并没有实操过，于是我就试验了一下。通过查询资料，大拿们基本都说基于vite的项目，用vitest进行测试比较方便一写。闲话不多说，步入正题。
2024-11-26 19:28:10
2067
原创 NUXT3学习日记五（composables、$fetch和useAsyncData、useFetch，lazy，refresh）
我们可以在composables文件夹中创建一个js文件，在js文件中定义我们需要的逻辑，可以在任意vue文件中进行代码的复用：怎么使用呢？您请看以下代码截图：看图可知 通过文件名使用我们上面定义的函数。
2024-11-25 18:33:29
1771
原创 NUXT3学习日记四（路由中间件、导航守卫）
在中，（Middleware）是用于在页面渲染之前或导航发生之前执行的函数。它们允许你在路由切换时执行逻辑，像是身份验证、重定向、权限控制、数据预加载等任务。中间件可以被全局使用，也可以只在特定页面或布局中使用。
2024-11-22 21:42:59
2578
原创 NUXT3学习日记三（路由部分：无需创建路由也可实现路由导航）
)我们在about.vue文件中，通过重新定义path，这样的话我们在去输入这个url地址去跳页面就会找不到之前的about路由了。以上就是我在看了大佬视频做出的一些笔记，总之nuxt3中的路由他是自己封装好了，我们不用去进行复杂配置了，直接使用即可。后续我会继续分享之后的一些基础知识点。
2024-11-20 15:07:51
1714
原创 mock.js：定义、应用场景、安装、配置、使用
注意！！！URL 路径: 确保定义的 URL 路径与前端请求的路径一致。请求方法: 指定请求方法（如'get''post''put''delete'），确保与前端请求匹配。响应格式: 定义返回的数据格式，通常包括状态码、消息和数据。// 定义 Mock 数据code: 200, // 响应状态码message: 'success', // 响应消息data: {// 定义一个包含 5 个用户的数组'id|+1': 1, // id 从 1 开始自增。
2024-11-19 10:06:52
1277
原创 NUXT3学习日记二（样式配置、引入组件库、区分在服务端还是在客户端渲染）
上一章已经给大家分享官网下载的nuxt3了，下面正式进入我所要说的内容吧。
2024-11-13 21:02:28
1160
原创 NUXT3学习日记一（在我git中拉取代码、文件讲解）
Nuxt 3 是一个功能强大且灵活的框架，适合构建各种类型的现代 Web 应用。其基于 Vue 3 的架构、自动路由生成、模块化设计和优化性能等优点，使得开发者能够快速构建高效、可维护的应用。最后再次提醒，可以直接去git仓库扒代码，简单容易。
2024-11-13 19:18:40
1238
1
原创 AES对称加密基础理解极其简单实用
AES（，高级加密标准）是一种对称加密算法，用于加密和解密数据。对称加密意味着加密和解密操作使用相同的密钥。AES 被广泛应用于现代信息安全领域，尤其是在加密通信、文件保护和数据传输中。
2024-11-09 09:09:10
1885
原创 Redis安装配置及基本使用（保姆级安装教程非常耐用）
Redis（Remote Dictionary Server）是一个开源的高性能键值存储数据库，广泛用于缓存和数据存储。它支持多种数据结构，包括字符串、哈希、列表、集合、有序集合、位图、超日志、地理空间索引等。Redis 的数据存储在内存中，使其具有极快的读写速度，并且可以将数据持久化到磁盘。redis-cli并回车})console.log('Redis已成功连接')}).catch(err => { console.log('Redis连接失败:', err) })下面看一下简单的接口。
2024-11-07 15:34:28
3463
原创 双token无感刷新nodejs+vue3（保姆级教程）
双 Token 无感刷新机制使用两个不同的 token 来管理用户的身份验证和会话。：用于访问受保护的资源，通常具有较短的有效期（如 15 分钟到 1 小时）。当用户进行 API 请求时，附带此 token 以证明其身份。：用于获取新的访问 token，通常具有较长的有效期（如几天到几个月）。刷新 token 不会频繁发送到服务器，而是在访问 token 过期后用于请求新的访问 token。
2024-11-06 11:52:47
1558
原创 vue3实现权限管理（附gitee仓库代码，拉取即可）
RBAC 是一种强大且灵活的权限管理方法，适用于各种规模的组织。通过将权限与角色关联，RBAC 可以简化权限管理，提高安全性，并帮助组织遵循合规要求。
2024-10-30 22:12:17
1176
3
原创 公司面试题总结（八）
onUpdated 更新之后调用，可以进行一些操作，比如获取更新后的 DOM 状态、执行一些更新后的逻辑等。局限于浏览器的 DOM，可以是安卓和 IOS 的原生组件，可以是近期很火热的小程序，也可以是各种 GUI。Vue3 引入了新的 API，如 reactive 和 ref，使得对响应式对象和基本类型值的创建。Vue3 通过改进的依赖追踪系统（使用 track 和 trigger），提高了响应式的性能。Vue3 中引入了 Composition API，这是一种新的组织和复用代码的方式，鼓励使用。
2024-06-28 17:31:31
730
原创 公司面试题总结（七）
async 函数是 ECMAScript 2017（ES8）引入的一种特殊函数，用于简化异步操作的编写，使。的 return 语句返回一个直接值，那么这个值会被封装进一个 resolved 的 Promise 中。在 async 函数内部，可以使用 await 关键字来“等待”Promise 的结果。都有自己的构建工具：Vue 的 vue-cli、React 的 Create React App。都有支持 native 的方案：Vue 的 weex、React 的 React native。
2024-06-20 19:16:09
753
原创 公司面试题总结（六）
Promise.race()方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。Promise.reject(reason)方法也会返回一个新的 Promise 实例，该实例的状态为。Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。参数是一个thenable对象，promise.resolve会将这个对象转为 Promise对象，then 方法返回的是一个新的 Promise 实例，也就是 promise 能链式书写的原因。
2024-06-14 10:34:29
2314
原创 公司面试题总结（五）
箭头函数最显著的优势在于它消除了 this 的不确定性，使得在回调函数、事件处理器等场景下，this 能保持预期的行为，避免了手动绑定 this 的繁琐。它的简洁语法减少了代码量，提高了代码的可读性和维护性，特别是在使用高阶函数和函数式编程风格时更为明显。for...of、forEach()等现代遍历方法更易于阅读和理解，特别是对于不熟悉传统循环的新手。例如，在 Node.js 的 Express。这些都是由前端来控制的，后端需要做的仅仅是在用户登录成功后，将 Session ID。
2024-06-13 16:03:46
1286
原创 公司面试题总结（四）
this 是 JavaScript 中的一个特殊对象，它在函数执行时确定，并指向一个特定的对象。箭头函数不绑定自己的 this，它们会捕获其所在上下文的 this 值作为自己的 this。在全局上下文中（不在任何函数内），this 指向全局对象，在浏览器中是 window，在非严格模式下，普通函数调用时，this 默认指向全局对象（但在严格模式下，this。undefined: 表示变量已被声明，但尚未被赋予任何值。null: 是一个表示“空值”的对象，它是一个特意指定的值，用来表示变量或对象的值。
2024-06-11 11:36:43
1227
原创 Element ui 快速入门（基础知识点）
高效开发：提供一系列现成的、高质量的Vue组件，加速Web应用程序的开发过程。设计一致性：确保应用程序界面元素间的一致性与美观性，提升用户体验。易用性：组件简单易用，文档齐全，降低了学习成本，便于开发者快速上手。响应式布局：支持响应式设计，适应不同设备和屏幕尺寸，实现多平台兼容。节省维护成本：通过统一的组件和样式，简化后期的维护和迭代工作。团队协作优化：标准化的组件库促进团队成员之间的高效协作和代码复用。高度可定制：支持主题定制和插件扩展，满足项目的个性化需求。体积优化考量。
2024-05-30 20:12:00
2664
3
原创 后台接口搭建步骤Django框架(pycharm社区版一样适用)
定义class类，每个类就是一个接口，有get（查询）、post（添加）、put（修改）、delete（删除）使用Navicat创建数据库（此处不做强行要求，能实现创建数据库即可）在与项目同名的文件夹下，找到并打开settings.py文件。在与项目同名的文件夹下，找到并打开urls.py文件。在应用文件夹下，找到并打开models.py。在应用文件夹下，找到并打开views.py。定义class类，每个类对应一张数据库表。运行（数据迁移，创建表）进入项目根目录，确保与。注释掉csrf中间件。
2024-05-28 12:01:42
1065
原创 node安装及其运行所需要的包(实战开发)
将node项目变成一个包 npm init 要求 包 名称必须是全网唯一 自动创建一个package.json文件 npm init -y 快速创建。下载线上的node包 npm install 包名称 npm i axios。更新开发环境依赖包 npm update 包名称 --save-dev(-D)更新生产环境依赖包 npm update 包名称 --save (-S)全局安装npm命令和局部安装的npm命令有哪些区别？更新全局包 npm update 包名称 -g。
2024-05-28 11:48:44
695
原创 Django框架前后端通信打通实战(PyCharm高级版)
(2)点击完上图的新建项目之后,来到下面的页面. 然后点击左上角的Django,然后设置文件的位置,之后将模版文件夹的。如果你在vscode中配置前后端连接,如下图,在 vue.config.js中如下配置:切记前后端口号要保持一致。(7).在app应用下找到models.py文件,写数据库所需字段,注意继承 Model:代码如下。而后点击创建,django项目就创建完成了,剩下的就是在创建完成之后的一些配置了.(如果你是社区版,你还需要另外写一行代码'app'),将50行。
2024-05-26 20:00:06
2018
6
原创 Axios的使用简单说明
axios可以发送ajax请求，不同的方法可以发送不同的请求:axios.get：发送get请求axios.post：发送post请求axios.put：发送put请求：发送delete请求无论哪种方法，第一个参数为请求的后端接口因为post和put请求方式，参数会放到请求体中，而get和delete请求方式，参数会放在url中所以1.post 和put请求时，第二个参数是一个对象，存储要发送给后端的数据2.get 和put。
2024-05-24 20:12:46
685
2
原创 解构赋值:
对象根据键寻找值，所以对象解构赋值时，变量名称必须与想要解构的属性名称一致。当对象中的属性的值是一个变量，而且属性名称与变量名称同名的时候，可以简写。下方报错，证明赋值符号前面就是在声明变量，而程序中不能存在重复的变量。对象解构赋值与字符串和数组的解构赋值不一样。将对象、数组、字符串解构分解后赋值给变量。也可以使用嵌套的解构赋值简化代码。字符串和数组是根据索引匹配元素。补充：被解构的变量无法使用，比如。如上面代码可以简写为。
2024-05-24 20:02:19
530
1
原创 AJAX基础知识
技术网页应用能够快速地将数据更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作.针对同一个资源（比如博客）的增删改查，请求的接口一般是一样的，服务端会通过获取请求方。对象：这是一个浏览器内置对象，可以向指定的地址发送请求。前后端分离项目开发中，不同的目的要使用不同的请求方式.式，然后将不同的请求转发给不同的代码来处理。属性的值，可以知道请求当前正处于哪个阶段。：向服务端提交数据，用于新增。：向服务端提交数据，用于修改。：请求已完成，且响应已完成。：用于无刷新的更新页面。
2024-05-23 11:32:22
878
原创 Django配置
在配置文件中配置模版文件的路径'DIRS':[os.path.join(BASE_DIR,'templates')],在项目根目录下创建templates 文件夹。路由：将用户的访问分发到不同的视图函数处理。视图函数：处理用户请求，返回响应。页面，编写要在浏览器中展示的内容。根据模型类生成数据表。中核心概念有这么几个。
2024-05-23 10:59:11
588
原创 修改密码验证规则(element ui)
首先用户账号密码已经存在了数据库中,并且已经运用了本地缓存将账号密码存在了本地缓存,所以在验证原始密码的时候,直接在本地缓存中取出密码并且和用户输入的原始密码进行验证,当密码一致的时候,让他通过,进而执行下一步的新设密码.同理,再次输入密码和新设的密码验证也是如此。validator是一个自定义验证器,validator函数里面包含三个参数('rule','value','callback')
2024-05-17 21:42:11
883
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人