妍崽崽@-优快云博客

原创 element实现动态筛选功能，点击手机号控制表头的手机号显示与不显示

前言：在iview中是可以实现这个功能的，点击某个参数，来控制某个表头的展示与隐藏，element官方是没有提供这样的功能的，这里来实现element的该功能iview实现效果：入口最终element实现效果：实现代码：<template> <div> <el-button @click="fileterList('sort')">编号</el-button> <el-button @cli...

2021-11-15 16:47:19 1383 2

原创 vue+highcharts实现3d环形图

前言： vue+highcharts实现3d饼图效果图：实现步骤：1、安装 highchartsnpm install highcharts --save2、js部分：import Highcharts from 'highcharts/highstock'data里面： options: { chart: { type: 'pie', options3d: ...

2021-11-02 11:59:55 4113 8

原创 echarts图引入的几大步骤，新手必看

echarts对于刚进入前端工作的同学来说还是一个新的技术，学好echarts也是必不可少的。接下来是引入eachats具体的几个步骤，希望对你们有帮助哟第一步，下载echarts （在npm里面下载）npm iecharts -s第二步是在 script 标签引入（不引入的话，报错是会报找不到eachars的）const echarts = require('echarts');第三步是在页面上写这一句话就行<div class="echarts" ref="...

2020-07-30 11:02:57 2966 28

原创第三章：LangChain.js & LangGraph

从手写 API 调用升级到工程化 AI 应用框架。LangChain.js 解决"怎么调用模型"，LangGraph 解决"怎么编排 AI 流程"。LangChain.js 解决前两个问题，LangGraph 解决后两个。

2026-06-30 16:08:27 271

原创第二章：提示词工程

摘要：与大模型高效交互的关键在于提示词工程。核心原则包括：1）角色设定（如"资深前端工程师"）引导专业回答；2）具体任务描述（明确优化点、格式等）避免模糊；3）Few-shot示例（2-5个输入输出样例）快速教会模型格式；4）思维链（分步骤思考）提升复杂问题准确率。结构化输出推荐使用withStructuredOutput（如LangChain.js）强制返回JSON，避免解析错误。实际开发中，通过参数化模板（如{{变量}}替换）实现提示词复用，分离逻辑与内容。常见误区包括否定指令无效

2026-06-30 11:36:05 343

原创第一章：大模型应用开发概述

摘要：大模型（LLM）是基于海量文本训练的神经网络，通过API接口实现文本输入与输出。开发者需关注Token（计费单位）、上下文窗口（对话历史限制）、温度参数（控制输出随机性）等核心概念，无需深入模型内部。调用方式包括原生Fetch或封装工具（如LangChain.js），支持流式输出（SSE）优化体验。成本估算需结合Token用量及模型定价（如DeepSeek性价比高）。技术选型推荐Node.js+LangChain.js+DeepSeek，注重HTTP交互、状态管理及成本控制。开发要点：设计提示词、处

2026-06-30 10:40:45 201 2

原创 vue2/vue3中使用的富文本编辑器vue-quill

整理下常用的富文本编辑器工具。

2024-11-14 16:33:44 5143 5

原创 js实现链接下载本地，图片点击非查看也是下载本地，文件流blob文件下载本地

js实现链接下载本地，图片点击非查看也是下载本地，文件流blob文件下载本地。

2024-07-18 11:22:58 1136

原创 js实现数组的下标为n的对象后面新增一条对象

js实现数组的下标为n的对象后面新增一条对象。

2024-07-18 11:04:14 642

原创 js获取当前浏览器地址，ip，端口号等等

js获取当前浏览器地址，ip，端口号等等。

2024-07-02 15:46:31 4636

原创企业微信内嵌H5项目接入聊天功能

这里的this.wxEnterpriseChat就是上面mixin.js封装的方法。2.获取wx签名(必须要)3.封装组件(两个)

2024-06-20 16:01:50 1543

原创解决企业微信内嵌H5页面导航栏返回上一级是空白页面问题

解决企业微信内嵌H5页面导航栏返回上一级是空白页面问题

2024-06-20 15:17:49 2108

原创 vue+showdown展示Markdown 文本

vue+showdown展示Markdown 文本，资料整理。

2024-06-14 17:03:33 693

原创 vue+intro.js实现引导功能

使用 intro.js这个插件，来实现一个引导性的效果，适用场景，比如：新手引导页，操作说明等等

2024-06-14 14:22:25 1043 2

原创 vue项目报错：internal/modules/cjs/loader.js:892 throw err；

vue项目中无法正常使用git，并报错情况。

2024-05-23 13:57:18 2164 1

原创 vue打包报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

vue项目，打包报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory。

2024-05-06 10:20:12 1800 3

原创开源的网易云音乐api

开源的网易云音乐api整理分享。

2024-04-01 15:40:27 9430 9

原创 echarts实现炫酷科技感的流光效果

echarts实现炫酷科技感的流光效果

2024-04-01 14:41:30 3164

原创下拉树级带搜索功能

下拉动态加载树级,并且支持搜索功能

2024-03-18 14:22:00 853 1

原创 vue实现浏览器不同分辨率下的不同样式，css的媒体查询与js判断当前浏览器宽度

实现实现浏览器不同分辨率下的不同样式的方法很多，这里整理两种，1个是css的媒体查询来实现，另一个是js判断当前浏览器的宽度，然后动态给他添加不同的class名，或者动态用style修改样式，添加不同class名的话展示能更灵活。

2023-12-11 11:06:35 1868

原创 vue+echarts实现桑吉图的效果

在我们项目使用图形的情况下，桑吉图算是冷门的图形了，但是它可以实现我们对多级数据之间数据流向更好的展示的需求，比如，我们实际数据流向中，具有1对多，多对多的情况下，如果用tree是不合适，用思维导图的话，只能实现线路的展示，达不到我们想对数据可视化的需要

2023-12-06 10:19:49 3118

原创 js/vue/tsx 中获取dom元素的方法集合

整理下常用的获取dom元素的方法。比如js、vue、vue3、tsx中的

2023-09-26 10:28:20 1031

原创 vant的NavBar导航栏可以自定义背景图片吗

属性的值为要设置的背景图片的url地址。注意，如果要使用本地图片，可以使用相对路径或者绝对路径。属性的值为要设置的背景图片的url地址。注意，如果要使用本地图片，可以使用相对路径或者绝对路径。2.vant的van-tabbar可以自定义背景图片吗?可以的，Vant的NavBar导航栏提供了一个。属性，可以设置自定义背景图片。

2023-08-31 10:53:45 1957

原创 draggable 排序@end=“dragEnd“

当使用draggable插件进行拖拽排序时，@end="dragEnd"可以用于更新数据。实现方式是在dragEnd方法中获取拖拽后的排序信息，然后更新数据源。在上面的例子中，我们在dragEnd方法中获取了拖拽后的数据排序，然后重新将数据赋值给items，实现了数据的更新。

2023-08-30 14:53:14 832

原创如何使用vue-smooth-dnd

这些方法将在Vue Smooth DnD拖动事件期间被调用，以响应不同的事件。Vue Smooth DnD是一个基于Vue的平滑易用的拖放库。除了上面的属性和事件之外，Vue Smooth DnD还提供了一些其他的属性和事件，可以在官方文档中查看。在这个例子中，我们使用了Vue Smooth DnD组件，并传入了一些属性和事件。: 容器的ID，可以用来在多个容器之间进行拖动。: 当元素被拖动到容器中时触发的事件。: 表示容器是否可以接收拖动的元素。: 当拖动开始时触发的事件。: 当拖动结束时触发的事件。

2023-08-28 18:05:25 997

空空如也

空空如也