u012764358的博客

原创 Gitlab和Sourcetree结合使用实现代码管理

Gitlab和Sourcetree结合使用实现代码管理这是本人第一次发表博客，如有不足或者缺陷，请批评指正，希望能够更好的学习。最近刚来到一家老外的公司，他们使用的代码管理工具是gitlab，由于之前没使用过gitlab，所以，安装这个软件也费了老大的劲。现在把整个过程分享给大家，希望能给更多的人带来方便。准备工作安装git安装sourcetree注册gitlab账号...

原创 八周带你手搓AI应用-第二周-让AI更像人-第1天-流式输出改造

《AI流式输出技术解析与实践》摘要： 本文介绍了大语言模型中的流式输出技术，通过对比传统"整段输出"模式，阐释了流式传输在响应速度、内存优化和交互体验上的三大优势。文章提供了Python代码示例，演示如何通过设置stream=True参数实现"打字机"式输出效果，关键点包括使用异步迭代器处理数据块、实时刷新缓冲区等技巧。这种技术显著提升了长文本生成的用户体验，使AI回复过程更接近人类对话节奏。文中还预留了关于对话历史记录的思考题，为后续学习Function Calli

原创 八周带你手搓AI应用-Day6-第一周收尾-工程化整合+资产上云

这篇文章介绍了如何工程化整合AI代码并安全上传至GitHub。主要内容包括： 代码优化：建议使用模块化和可配置性设计，通过.env文件存储敏感信息（如API Key），避免硬编码风险。 具体实现： 创建.env配置文件存储关键参数 使用python-dotenv读取配置 示例代码展示了整合异步逻辑和记忆功能的类结构 Git版本控制： 初始化本地仓库并设置.gitignore忽略敏感文件 基本Git命令使用说明 推送代码到GitHub的完整流程 文章强调工程化的重要性，既保护敏感信息，又能将代码作为作品集展示

原创 八周带你手搓AI应用-Day5-工程性能的分水岭：从“线性思维”转向“并发思维”

asyncio。

原创 八周带你手搓AI应用-Day4-赋予你的AI“记忆力”

本文介绍了如何为大模型（LLM）实现状态管理，赋予AI"记忆力"。大模型本质是无状态的数学函数，每次请求都是独立的。解决方案是通过维护一个包含历史对话的messages列表，在每次请求时将所有对话记录发送给模型。文章提供了Python代码示例，展示了如何实现带记忆功能的聊天机器人，包括系统角色设定、用户输入处理和AI回复存储。验证方法演示了记忆功能的有效性，并提示注意对话长度限制问题。最终目标是让AI能够保持上下文连贯性，实现连续对话能力。

原创 八周带你手搓AI应用-Day3-从“一次性脚本”变成一个真正的“聊天机器人”

本文介绍了如何将API请求脚本升级为持续交互的聊天机器人。主要内容包括：1）解析多层嵌套的JSON响应数据，通过字典和列表索引精准提取AI回复内容；2）使用while True循环构建持续对话机制，实现用户输入处理和退出功能；3）提供完整代码示例，展示如何集成API请求、输入处理和响应解析。文章还提示了当前方案的局限性（缺乏对话记忆），为后续实现上下文记忆功能埋下伏笔。通过这个练习，读者可以掌握基础聊天机器人的开发流程。

原创 八周带你手搓AI应用-Day2-跑通第一个API（2小时）

本文介绍了两种大模型服务平台阿里云百炼和硅基流动的对比与使用方法。阿里云百炼提供稳定企业级服务，硅基流动则对个人开发者更友好，提供永久免费模型。文章详细指导了如何注册硅基流动获取API Key，并通过Python代码演示了如何用requests.post方法调用大模型API。核心内容包括：API请求头设置、请求体构造、以及响应结果处理，帮助读者快速实现与大模型的交互。这段代码可复用，只需替换API Key即可调用不同平台的大模型服务。

原创 八周带你手搓AI应用-Day1-环境基建：配置 Python3.10+、VSCode/Cursor、虚拟环境

本文介绍了Python编程环境的搭建和基础网络请求操作。首先推荐安装Cursor编辑器（基于VS Code内核，集成AI辅助功能），并创建Python虚拟环境以隔离项目依赖。重点讲解了requests库的使用方法，包括发送GET请求和处理JSON响应。最后通过一个实战示例演示如何从开放API获取模拟数据，验证环境配置的正确性。文中提供了详细的操作步骤、快捷键技巧和常见问题解决方法，为后续AI开发和大模型应用奠定基础。

原创 CSS选择器-一文搞懂CSS选择器

ID选择器属于精确制导，给页面中的一个标签，定一个唯一的标识符，和类的区别是，类可以标识很多标签，但是 ID 选择器只标识唯一的，这就是精确制导，目标很明确。作用：使用 CSS 创建新的元素（标签），不真实存在于 html 结构树中，达到简化HTML 结构的目的。只选择按照流的顺序，即文档中元素的书写书序往下找到和自己相临的第一个同级元素。主要是针对于选中元素中的子元素来进行设置布局结构响应的样式。由写法 3 可以延伸出 属性值以某个字符串片段开始的写法。父元素中的某类选择器选中的。下面以 a 标签举例。

原创 CSS 知识树

原创 修改npm镜像源

最近运行 安装包依赖的时候，发现网络请求异常，和安装失败。查看npm 镜像源命令为。

原创 HTML5新特性

HTML5我们简称H5，HTML 和 H5的关系，从字面上应该能看出，H5就像我们说的移动 3G ，4G，5G，6G （第X 代移动通信）一样，简单理解把 H5 理解为第5代 HTML 技术就行了。H5由 W3C 于2014年10月完成标准制定的，它是对HTML 标准的第五次修订，是迄今为止最先进的 HTML 标准版本。这里的H5是技术标准 和 H5岗位不是一个东西，H5 岗位是前端岗位（融合了 HTML5、CSS、JS）下面我们一起看一下，比较明显和常用的一些H5的新特性。

原创 HTML 知识树

HTML 知识树 脑图

原创 JavaScript 删除数组元素的方法

本文介绍JavaScript 删除数组中的元素的六大方法，分为如下两大类。

原创 JavaScript的运行机制

进程属于操作系统中的概念，比如windows 系统大家都用过‘任务管理器’，mac 系统都用过“活动监视器”。打开这些工具你会发现电脑中运行了哪些应用程序，我们可以粗浅的理解这些程序就是一个‘进程’（因为一个应用程序可能不仅是一个进程，比如我们打开了chrome 浏览器，打开多个 tab 标签，你会发现这些标签页也对应到了任务管理器中的某一条）。

原创 JavaScript 的发展史

ECMAScript 属于 JavaScript 体系中的一部分 - 语言基础语法结构，可以理解为 ECMAScript 约定了 JavaScript 的语法标准；但是 JavaScript 中还有 跟其部署环境相关的标准，如 W3C 制定的 DOM 标准，各个浏览器支持的 BOM （各自为营，没有标准）；跟老婆和老婆饼的关系一样，除了名字长的像以外，语言风格相去甚远，仅仅是最初的命名是想借 Java 的名声进行宣传。

原创 前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。

原创 Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法

/ useStore 可以是 useUser、useCart 之类的任何东西// 第一个参数是应用程序中 store 的唯一 id})上面的 ‘test1’ ，这个 name，也称为 id，是必要的，Pinia 使用它来将 store 连接到 devtools。将返回的函数命名为 use… 是跨可组合项的约定，以使其符合你的使用习惯。名称优点缺点适用（推荐）场景Vuex1. 更加成熟；2. 也是因为第一点，所以它也更加稳定；

原创 Vue3 中使用 Vuex 和 Pinia 对比之 Vuex的用法

Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法。

原创 前端常用的设计模式

设计模式：是一种抽象的编程思想，并不局限于某一特定的编程语言，而是在许多语言之间是相通的；它是软件设计中常见的问题的通用、可反复使用、多少人知晓的一种解决方案或者模板。一般对与从事过面向对象编程的人来说会更熟悉一些。设计模式的意义：指导我们如何写出可维护、可复用、可扩展及灵活的代码。接下来我们来简单了解一下前端开发过程中的一些常用的设计模式。

原创 浅谈前端工程化

前端工程化是指将系统化的、规范的、可度量的方法应用于前端的开发、运营维护过程中去。它的意义：帮助前端工程进行技术选型、统一规范管理、测试、构建和部署等。

原创 Vant4 van-search 苹果手机搜索框获取焦点后页面被放大问题

Vant4 van-search 苹果手机搜索框获取焦点后页面被放大问题。

原创 浏览器的工作原理 - 从输入URL 按下回车到页面展示过程发生了什么？

本文带大家一起了解一下从我们输入一个网址链接开始到页面展示在我们面前，整个浏览器发生了什么？或者说浏览器做了哪些事，咱们以大家常用的baidu.com为例，从输入到 baidu.com 页面出现的整个流程。

原创 Web标准（网页标准）

Web 英文意为 网络，Web 标准，即网络标准，是一个非常大而泛的概念，牵扯到软件和硬件（计算机网络、操作系统、硬件驱动和通信协议等等，这个题目本身就太大了）。下文所讲的 Web 标准就是指前端网页页面的标准。

原创 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL `vitest run --coverage` Exit status 1 ELIFECYCLE Command failed

基于 Monorepo 构建的测试工作空间，vitest 的覆盖率运行报错，报错原因解决步骤。

原创 mac 修改 hosts 文件

command + shift + G 快捷键 输入：“/private/etc/hosts” 后回车如下所示进入 hosts 文件所在位置，找到 hosts 文件，双击打开。

原创 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL vitest Exit status 1 ELIFECYCLE Command failed with exit code 1.

此时需要去配置本地 hosts 文件，添加如下配置即可。如何更新 mac 的 hosts 文件见。

原创 前端状态管理：Vuex、Flux、Redux、MobX概念篇

Vuex Flux Redux MobX 的对比

原创 CentOS 下搭建svn服务器

CentOS 下搭建svn服务器安装SVNyum 安装创建 svn 目录svn 的目录结构conf 中的设置[重点]设置 authz设置 passwd设置 svnserve.conf开启svn开启svn 服务如何重启svn服务安装SVNyum 安装# yum install subversion创建 svn 目录#cd ~ 回到根路径# mkdir svn 创建 svn 文件夹# cd svn

原创 Vue的生命周期详解

文章目录储备知识什么是钩子函数？生命周期钩子函数概念Vue生命周期钩子函数作用Vue生命周期流程图Vue 生命周期钩子函数解析1. beforeCreate2. created3. beforeMount4. mounted5. beforeUpdate6. beforeDestroy7. destroyed储备知识什么是钩子函数？钩子函数就是个函数，它的函数名称是确定的，它是在系统消息触发是被系统调用，不是用户自己触发的，也就是说它是系统消息触发自动会被调用。生命周期钩子函数概念生命周期钩子函

原创 Kotlin 学习笔记 第 5 篇 函数和 Lambda 表达式

文章目录背景1. 函数1.1 定义和调用函数单表达式函数1.2 函数的形参1.2.1 命名参数1.2.2 形参默认值1.2.3 个数可变的形参1.3 函数重载1.4 局部函数1.5 高阶函数1.5.1 函数类型1.5.2 函数类型作为形参类型背景函数其实可以理解成就是 Java 中所说的方法。函数是执行特定任务的一段代码，这段代码可以在需要的时候多次调用。因此，函数时代码复用的重要手段。 Kotlin 对 Java 的纯粹面向对象进行了补充，增加了函数式变成的支持，提高了变成的灵活性。Kotlin 融

原创 Kotlin 学习笔记 第 4 篇 数组和集合

文章目录背景1. 数组1.1 创建数组1.2 数组的使用1.2.1 数组的遍历for 循环for-in 循环1.2.2 数组的索引1.2.3 数组的常用方法2. Kotlin 的集合2.1 概述2.2 Set 集合2.2.1 声明和创建 Set 集合2.2.2 Set 集合元素的操作2.3 List 集合2.3.1 声明和创建 List 集合2.3.2 List 集合的方法2.3.3 可变 List2.4 Map 集合2.4.1 声明和创建 Map 集合背景Kotlin 对数组增加了一个 Array

原创 Vue 学习笔记 5 -webpack

文章目录1.背景1.1 node.js 和 npm1.2 nrm1.3 网页中常见的静态资源2.webpack2.1 webpack的安装2.1.1 全局方式安装2.1.2 单个项目安装2.2 webpack.config.js2.3 package.json2.4 webpack命令3.webpack-dev-server自动打包工具package.json 中的命令4.html-webpack-plugin 插件 在内存中生成HTML页面5.页面中的 css样式表5.1 使用加载器来打包处理css文件5

原创 Vue 学习笔记第2篇

文章目录1.列表的增删例子2.过滤器-列表例子完善2.1过滤器定义2.2实现时间格式化：2.3自定义局部过滤器2.4字符串填充 ES63.按键码 按键修饰符4.自定义指令4.1钩子函数：4.1.1指定定义函数提供了几个钩子函数（可选）：4.1.2钩子函数的参数4.2 私有的自定义指令4.3 函数简写5.Vue实例的生命周期5.1 创建期间的生命周期函数：5.1.1 beforeCreate()5.1.2 created()5.1.3 beforeMount()5.1.4 mounted()5.2 运行期间的

原创 Vue学习笔记1-初识

背景介绍Vue.js是目前最火的一个前端框架React是目前最流行的一个前端框架，除了可以开发网站，还可以用来开发APPVue.js介绍Vue.js是一套构建用户界面的框架，只关注视图层特点：易上手便于与第三方库或既有项目整合（Vue有配套的第三方库，可以整合起来做大型项目的开发）为什么要学习流行框架企业：使用这些框架，对于企业来说可以提高开发效率，提升开发效率的发展历程： 原生的JavaScript由于兼容性问题比较麻烦于是就产生了一些库 - > jQuery 之类的类库

原创 如何在Ubuntu20下安装Android studio

安装jdk安装jdk安装Android studio 的前提是要先配置好 jdk 环境，我这里下载的是 ‘jdk-8u251-linux-x64.tar.gz’解压到指定文件夹下tar -zxvf jdk-8u251-linux-x64.tar.gz将解压后的jdk文件夹移动到opt文件夹下：sudo mv jdk1.8.0_251 /opt/这时候会在 opt 文件夹下看到有了 jdk1.8.0_251然后配置环境变量：sudo gedit ~/.bashrc在末尾追加如下信息：

原创 跟着艾文一起学前端-第23篇 - Vue -动画、组件、路由

文章目录1.vue动画1.1 transition1.2 动画钩子函数-实现半场动画（入场动画）1.3 列表动画2.Vue 创建组件的方式2.1 Vue.extend2.2 Vue.component2.3 使用template标签的id2.4 使用vue实例的components创建私有组件3.组件中的data和methods4.组件之间的切换方式4.1 v-if 和 v-else 实现两个组件之间的切换4.2 component 标签5.组件切换动画背景介绍1.父子组件之间传值1.1父组件向子组件传值

原创 跟着艾文一起学前端-第22篇 - Vue -介绍

背景介绍Vue.js是目前最火的一个前端框架React是目前最流行的一个前端框架，除了可以开发网站，还可以用来开发APPVue.js介绍Vue.js是一套构建用户界面的框架，只关注视图层特点：易上手便于与第三方库或既有项目整合（Vue有配套的第三方库，可以整合起来做大型项目的开发）为什么要学习流行框架企业：使用这些框架，对于企业来说可以提高开发效率，提升开发效率的发展历程： 原生的JavaScript由于兼容性问题比较麻烦于是就产生了一些库 - > jQuery 之类的类库

原创 Android中的网络基础知识

文章目录一、网络基础知识1、网络结构分层1.1、IP(Internet Protocol)协议1.2、TCP（Transmission Control Protocol）协议1.3、分层结构对应的协议1.应用层 - （HTTP、FTP、DNS、SMTP等协议）2.传输层 - （TCP、UDP协议）3.网络层 -（IP协议）4. 数据链路层 （ARP协议）5.物理层2、IP地址和端口号2.1、IP地址2.2、端口号3、HTTP3.1 请求报文与响应报文3.2 GET和POST请求3.3 HTTP的缓存机制1

原创 Android布局之约束布局-ConstraintLayout

文章目录androidx库和support库为什么要使用ConstraintLayout？约束布局的约束类型1. Relative positioning - - 相对定位2. Margins - 外边距3. Centering positioning and bias 居中定位和偏移居中定位：居中偏移 bias4. Circular positioning 圆形定位androidx库和support库android 系统版本自从2008年10月第一部Android 手机发布，到现在已过去了近12个年