background picture of the home page

❤️ Welcom To My Blog Have A Nice day ~

Hi, I'm Sticker Wu👋 A </> Developer & # Gamer

最近有点废物~呢 , 是不是怠惰了呢 🛫 赶紧学起来不然就老咯~~

社会心理学-读书笔记

过好这一生需要克服焦点效应和透明度错觉,避免习得性无助,增强对生命的掌控力。通过了解行为和改变态度的方法,如关注登门槛效应,以细小的行为改变带来积极的生活变化。平衡生活、工作与娱乐,增强自信,通过锻炼与人交流排除负面情绪。每个人都有一个与众相同和不同的自我,比重各异。

thumbnail of the cover of the post

前端必会算法-线性数据结构

本文从前端开发的角度探讨了数据结构与算法的关系,重点介绍了线性数据结构中的数组和链表。数组在物理空间上连续存储,查询性能好但长度固定,难以添加和删除元素;链表则通过节点连接,空间不连续,添加和删除容易但查询速度较慢。文章还提供了JavaScript中的数组和链表示例,帮助理解其实现和应用。

thumbnail of the cover of the post

前端实现音频播放器

文章介绍了如何在前端实现一个音频播放器组件,支持播放Opus格式的录音文件,并展示音频波形图。通过使用Wavesurfer.js库,组件实现了波形展示、进度条、时间刻度、点击波形定位播放等功能,并支持根据角色区分波形颜色。此外,组件还提供了播放、暂停、终止、调整播放速度等控制功能,并允许用户通过鼠标滚动调整画布缩放和横向滚动调整时间轴。最终效果通过Vue3和Vite实现,展示了完整的音频播放器功能。

thumbnail of the cover of the post

Langchain.js的介绍、安装和快速入门

文章介绍了如何在Deno环境中配置和使用LangChain.js,包括在deno.json中添加LangChain相关依赖,并锁定版本以确保学习教程的顺利进行。文章详细解释了LCEL(LangChain Expression Language)的优势,如自动并行处理、重试和回退机制、中间结果访问等,并展示了如何使用LCEL进行基础调用、批量处理、流式处理和回退机制。此外,文章还提供了代码示例,帮助读者理解如何在实际项目中应用这些功能。

thumbnail of the cover of the post

one-api 搭建(deepseek api)与使用langchain

本文介绍了在洛杉矶云服务器上搭建 one-api 的过程,并提供了解决大陆服务器拉取镜像失败的方法,如挂代理或使用非大陆服务器。详细步骤包括安装 Docker、配置 one-api 并通过浏览器访问。文章还介绍了如何配置 deepseek 渠道获取 API 密钥,并在 langchain.js 中使用 deno 或 nodejs 进行配置,展示了如何通过 one-api 调用 AI 服务。

thumbnail of the cover of the post

Deno 和 Jupyter Notebook的安装与使用

文章介绍了如何在Jupyter Notebook中安装和使用Deno。首先,创建一个虚拟环境并安装Jupyter Notebook,然后通过命令行安装Deno。接着,配置Deno作为Jupyter Notebook的kernel,并验证配置是否成功。在VS Code中安装Jupyter插件后,启动notebook并创建测试文件。Deno直接从远程拉取依赖,无需本地安装,可以通过deno.json文件设置依赖别名,简化引入过程。更新deno.json后需重启notebook内核以应用更改。

thumbnail of the cover of the post

JS注入修改Halo网页logo跳转

在Halo网站部署过程中,由于使用Docker-compose配置且未绑定域名,导致点击左上角logo时跳转至`http://127.0.0.1:8090`,与预期不符。通过注入JavaScript代码,动态修改所有指向该地址的链接为根路径`/`,确保点击logo时跳转至正确页面。此方法适用于个人用户调整Halo网页的默认跳转行为。

thumbnail of the cover of the post

概念理解-Redux vs MVC

MVC是一种架构模式,通过将软件系统分为模型(Model)、视图(View)和控制器(Controller)三个部分,实现职责分离。然而,MVC存在数据双向绑定的问题,可能导致数据流动失控。现代前端框架如React、Vue和Angular已逐渐抛弃MVC架构。Redux作为一种状态管理工具,强调函数式编程和数据的可控性,通过action和reducer管理数据流。虽然Redux与MVC在设计思路上完全不同,但可以通过类比帮助理解两者的关系。在实际项目中,选择架构模式应根据业务需求和开发流程进行权衡。

thumbnail of the cover of the post

Windows下打开Docker-Desktop遇到一直启动失败的问题

在Windows上安装Docker Desktop时,遇到启动卡在“Starting Engine”的问题。尝试重新安装Docker无效后,怀疑WSL2的Ubuntu有问题,遂重新安装WSL。安装过程中出现“WslRegisterDistribution failed with error: 0x8000000d”错误,尝试启用相关Windows功能仍未解决。最终通过注销当前Ubuntu版本并重新安装,问题依然存在,需进一步排查。

thumbnail of the cover of the post

Ubuntu使用certbot配置nginx服务器的ssl证书

在Ubuntu系统上,首先安装Certbot客户端以获取SSL证书,随后通过Certbot自动配置Nginx的SSL证书。Certbot会自动更新Nginx配置文件,并设置自动续订任务,确保SSL证书不会过期。配置完成后,Nginx将支持HTTPS访问,且无需手动修改配置文件。Certbot还会验证域名所有权,确保配置的域名指向正确。

thumbnail of the cover of the post