自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 资源 (1)
  • 收藏
  • 关注

原创 XXXForm组件

XXXInput,自己想要啥补充啥就行。

2024-08-08 16:35:09 397

原创 职责链让树状分支更严谨更易读更易维护

职责链没有顺序要求,但是我写法的原因,在处理上述问题时需要遵循硬顶的顺序。

2024-06-28 18:01:58 146

原创 构建一个检索增强生成(RAG)应用程序

我们将在网站上构建一个 QA 应用程序。我们将使用的具体网站是 Lilian Weng 的博客文章,该网站允许我们提出有关帖子内容的问题。

2024-06-24 09:26:55 838

原创 LangChain 和 dify 如何选择

LangChain 和 Dify 是开发 LLM(大型语言模型)下游应用的两个热门选择。

2024-06-24 09:26:03 540

原创 认识LangChain

LangChain 是一个用于开发由大型语言模型(LLM)支持的应用程序的框架。LangChain使得构建LLM应用更简单,大致三个阶段:开发阶段使用LangChain的开源构建块和组件构建您的应用程序。使用第三方集成和模板开始运行。生产化LangSmith 是一个用于构建生产级 LLM 应用程序的平台。它允许您密切监控和评估您的应用程序,以便您可以快速、自信地开发。部署LangServe 帮助开发人员将 LangChain 可运行对象和链部署为 REST API。

2024-06-24 09:25:21 440

原创 认识Retrieval Augmented Generation(RAG)

Retrieval-Augmented Generation (RAG) 是一种结合信息检索和生成式AI技术的框架。它通过从外部数据源检索信息,增强语言模型(如GPT-3)的生成能力,从而提供更加准确和相关的回答。RAG可以利用外部数据源生成精确的摘要,节省大量时间。例如,经理和高管可以快速获取重要信息,而无需通读冗长的报告。RAG 是利用大型语言模型并结合专门数据库的最佳技术之一。虽然存在输入数据质量依赖等限制,但通过谨慎的数据管理和专家知识的融合,可以确保系统的可靠性和有效性。

2024-06-24 09:24:08 1037

原创 Llama3 超级课堂 结业证书

证书

2024-05-16 13:28:03 280

原创 Llama 3 五一超级课堂 笔记 ==> 第六节、Llama 3 能力评测(OpenCompass 版)

Llama 3 能力评测(OpenCompass 版)

2024-05-09 16:40:11 336

原创 Llama 3 五一超级课堂 笔记 ==> 第五节、Llama 3 Agent 能力体验与微调

Llama 3 Agent 能力体验与微调

2024-05-09 16:39:31 354

原创 Llama 3 五一超级课堂 笔记 ==> 第四节、Llama 3 高效部署实践(LMDeploy 版)

Llama 3 高效部署实践(LMDeploy 版)

2024-05-09 16:37:45 598

原创 Llama 3 五一超级课堂 笔记 ==> 第三节、Llama 3 图片理解能力微调(XTuner+LLaVA 版)

Llama 3 图片理解能力微调(XTuner+LLaVA 版)

2024-05-09 16:36:56 573

原创 Llama 3 五一超级课堂 笔记 ==> 第二节、Llama 3 微调个人小助手认知(XTuner 版)

Llama 3 微调个人小助手认知(XTuner 版)

2024-05-09 16:35:37 606

原创 Llama 3 五一超级课堂 笔记 ==> 第一节、Llama 3 本地 Web Demo 部署

Llama 3 本地 Web Demo 部署

2024-05-09 16:34:42 146

原创 Llama 3 五一超级课堂 笔记 ==> 前置VSCode 远程连接 InternStudio 开发机

链接开发机

2024-05-09 16:32:29 343

原创 vue业务组件-优雅的弹窗组件

【代码】vue业务组件-优雅的弹窗组件。

2023-07-13 19:41:34 347

原创 vue3+element-plus 实现的tagSelect 组件

【代码】vue3+element-plus 实现的tagSelect 组件。

2023-07-13 18:10:48 377

原创 vue3 tooltip 指令

【代码】vue3 tooltip 指令。

2023-07-13 11:30:15 426

原创 react笔记

React组件的状态的地方是在state中,input表单元素也有自己的状态是在value中,React将state与表单元素的值(value)绑定到一起,由state的值来控制表单元素的值,从而保证单一数据源特性。非受控组件就是通过手动操作dom的方式获取文本框的值,文本框的状态不受react组件的state中的状态控制,直接通过原生dom获取输入框的值。直接修改,虽然有时会生效,但是许多情况会直接报错,而且严格的状态管理会避免很多莫名其妙的bug。JSX中的语法更加贴近JS语法,属性名采用驼峰命名法。

2022-11-17 16:55:26 202 1

原创 React使用children属性模仿vue中插槽

【代码】React使用children属性模仿vue中插槽。

2022-11-17 11:25:21 250 1

原创 pdf文件预览vue3

【代码】pdf文件预览vue3。

2022-11-11 17:11:39 837

原创 React合成事件原理简单实现

react合成事件事件流事件委托

2022-10-19 10:17:28 606

原创 JavaScript中的this

this 是在运行时进行绑定的,并不是在编写时绑定,它的上下文取决于函数调用时的各种条件。this 的绑定和函数声明的位置没有任何关系,只取决于函数的调用方式。this 既不指向函数自身也不指向函数的词法作用域,你也许被这样的解释误导过,但其实它们都是错误的。this 实际上是在函数被调用时发生的绑定,它指向什么完全取决于函数在哪里被调用。如果要判断一个运行中函数的 this 绑定,就需要找到这个函数的直接调用位置。找到之后就可以顺序应用下面这四条规则来判断 this 的绑定对象。this绑定规则,优先级

2022-10-17 13:08:20 281 1

原创 node代理解决跨域

node代理解决跨域,cors,express+ http-proxy-middleware实现

2022-07-28 10:43:02 2727 1

原创 vue-cli-service serve都干了啥(源码探究--@vue/cli 4.5.15)

为什么命令行输入 `vue-cli-service serve` 我们的vue项目就能通过http协议访问?带着这个问题,去看看源码,寻找答案vue-cli-service serve 从运行命令到本地访问流程图解vue-cli-service serve 除了启动一个本地服务器,还做了什么?模仿vue-cli-service serve ,使用node动手搭建一个很基础的静态资源服务器...

2022-06-23 14:19:30 8945

原创 node实现搭建静态资源服务器

common.cssmain.jsindex.html3.2、file协议预览效果脚本代码效果缺陷导致原因优化方案脚本代码效果

2022-06-16 17:33:06 1719

原创 vue3邮箱输入框组件

email-input

2022-06-09 16:58:55 1553

原创 工具收藏+资源(持续更新)

工具(持续更新)

2022-06-09 16:47:45 82

原创 env文件实现探索

1.0、使用官方介绍:https://cli.vuejs.org/zh/guide/mode-and-env.html1.1、文件命名格式.env # 所有环境可用.env.development # 开发环境可用.env.test # 测试环境可用.env.production # 生产环境可用.env.自定义 # 自定义环境使用.e

2022-03-25 17:33:17 831

原创 node中的环境变量

node中的环境变量1.0、访问环境变量(process.env)1.1、简介process.env 属性返回包含用户环境的对象。我们可以通过它访问环境变量包括系统和用户的环境变量1.2、我的理解process.env 是node进程内的一个全局可读写的对象。它拷贝了系统和用户的环境变量我们可以给修改这个对象(修改,添加,删除),达到我们具体业务的一些需求。对这个对象的修改不会影响到这个node进程之外。2.0、修改环境变量2.1、直接修改上面说到是一个可读写的变量,所以我们

2022-03-25 17:24:41 2434

原创 文件预览(word、excel、pdf、ppt、mp4、图片、文本)

内容摘自:一文彻底搞懂前端实现文件预览(word、excel、pdf、ppt、mp4、图片、文本)相关依赖库文档格式 老的开源组件 替代开源组件 word(docx) mammoth docx-preview(npm) powerpoint(pptx) pptxjs pptxjs改造开发 excel(xlsx) sheetjs、handsontable exceljs(npm)、handsontable(npm)(npm) pdf(

2022-03-24 10:43:08 1071

原创 node命令行开发

1.0 命令行运行流程1.1、运行流程图1.2、shell 解释器shell解释器,用户和操作系统内核之间的桥梁 shell介于操作系统内核与用户之间,负责接收用户输入的操作指令(命令),并运行和解释,将需要执行的操作传递给操作系统内核并执行 shell程序在系统中充当了一个”命令解释“的角色 2.0 运行脚本2.1、 node demo 脚本文件 name:demo.js console.log('hello world'); ...

2022-03-23 15:44:35 2213

原创 vue项目使用vue-i18n实现多语言功能并切换

1、安装vue-i18nnpm install vue-i18n或yarn add vue-i18n2、创建VueI18n实例import Vue from 'vue'import VueI18n from 'vue-i18n'// useVue.use(VueI18n)// 准备翻译的语言环境信息 (词条)const messages = { zh: { message: { lang: '你好' } }, kk: { mes..

2021-08-07 14:26:12 337

原创 vue自定义指令——实现input内容校验不通过边框变红

模板<input type="text" class="demo" v-check ref="cjy">JS // 组件内部指令 directives: { // 指令名称 check: { // 钩子。被绑定元素插入父节点时调用 inserted: (el) => { // 正则-验证数字 const r = /^[0-9]*$/ // input 添加失焦时间 e

2021-07-28 17:40:41 3432

原创 js逻辑与 && 和 逻辑或 || 运算符

描述

2021-07-28 10:41:05 67

原创 Vue项目中props传值、data数据初始化、watch(immediate: true)和常用钩子之间先后关系

代码:<script>export default { watch: { c: { handler () { console.log('cjy-----------------watch-' + this.b) console.log('cjy-----------------watch') }, immediate: true } }, props: { a: { typ

2021-05-22 12:56:14 901

原创 弹窗位置在视口中位置自适应

/** * 获取弹窗位置 (优先右下侧显示) * dialogW : 弹窗 宽 * dialogH :弹窗 高 * viewW : 视口 宽 (弹窗的父级) * viewH :视口 高 * itemX : 点击项相对视口的X坐标 * itemY :点击项相对视口的Y坐标 * itemW : 点击项的宽 * itemH : 点击项的高 * clearance : 间隙大小(默认为6) */const createDetailStyle = (dialogW, dialogH, ...

2021-05-22 11:37:13 377

原创 监听窗口的变化

window.onresize = ()=>{ console.log('cjy11111111111111111111111'); }

2021-05-20 14:44:09 89

转载 vue中的作用域插槽

vue中的作用域插槽摘要本文介绍了 Vue2.0中作用域插槽的格式,示例及工作原理。要阅读本文,你需要了解插槽,具名插槽,父子组件等相关概念。内容 作用 格式 示例 图示原理 理解 应用 小结 作用让插槽内容能够访问子组件中的数据。格式格式分成两块来介绍,一是定义子组件时的格式,二是在父组件中使用时的格式。定义子组件时,在slot上绑定propsVue.component('com1', { tem

2021-05-12 14:04:27 4635

原创 16进制颜色码转化rgba

function hexToRgb (hex, op) { var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) const obj = result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null.

2021-05-07 11:05:38 447

electron入门.pptx

electron入门.pptx

2022-02-17

空空如也

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

TA关注的人

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