- 博客(31)
- 收藏
- 关注
RSS订阅原创 基于 Vue3 + TypeScript + Element Plus 实现 DeepSeek AI 对话界面（流式输出）
本文介绍了基于Vue3+TypeScript+Element Plus实现的DeepSeek AI对话界面开发过程。项目采用流式输出技术实现逐字显示效果，支持思考模式切换和多对话管理。技术栈包含Vue3、TypeScript、Element Plus等，核心功能包括：1）通过OpenAI SDK实现流式API调用；2）UI层实时更新消息内容；3）可切换的思考模式；4）完整的对话历史管理功能。项目结构清晰，实现了美观实用的AI对话界面，为后台管理系统提供了完善的AI交互体验。
2025-12-08 14:31:07
950
原创 从 0 实战：基于 Element Plus + dayjs + chinese-days 打造“法定节假日/调休/农历/节气/节日名”日历（含算法细节与完整代码片段）
本文介绍了基于Element Plus、dayjs和chinese-days封装业务日历组件的完整实现方案。该日历组件具备法定节假日、调休/班、农历、节气及常见节日显示功能，通过二次封装ElCalendar实现零侵入业务集成。关键特性包括：法定节假日优先显示（仅块首展示节名）、节气当天优先展示、农历日作为回落显示，并支持"休/调/班"三种状态的差异化样式（红/橙/蓝灰）。技术方案采用Vue3组合式API，通过chinese-days获取节假日数据，利用dayjs处理日期计算，并针对ElC
2025-12-02 12:24:27
776
原创 css预编译器实现星空背景图
本文介绍了使用CSS预处理器（Sass/Less）实现动态星空背景的方法。通过循环和随机函数生成星体元素，结合CSS动画创造层次感效果，代码量比纯CSS减少60%且更易维护。包含核心原理、Sass实现代码、HTML结构及浏览器兼容说明，适用于作品集、天文网站等多种场景，并提供了性能优化建议和扩展思路（如添加交互效果、结合WebGL等）。
2025-08-14 11:48:28
613
原创 关于数组去重的常用方法
利用Es6 Set// 方案1 利用Es6 Set 不兼容let arr = [1, 2, 1, 2, 3, 1, 2];var unique = function (arr) { return Array.from(new Set(arr))}console.log(unique(arr))双循环// 方案2 双循环 外层循环元素，内层循环时比较值。值相同时，则删去这个值。 ES5中最常用let arr = [1, 2, 1, 2, 3, 1, 2];var unique =
2022-03-01 23:13:09
242
原创 手动reduce
<script> var arr = [10, 20, 30, 40, 50, 160];//reduce 方法用法 +数组.reduce([callback],[initialValue])/*** * 数组的reduce方法:在数组的遍历过程中,可以累积上一次处理的结果,基于前次的结果继续处理, 不传[initialValue]) */var res = arr.reduce(function(result, item, index) { // [initialV
2020-12-04 18:18:27
136
原创 浏览器与报文的关系
请求报文分为请求行请求行包含请求方式和请求地址请求头请求头里包含浏览器的信息，接受的语言格式，其他一些浏览器的信息请求主题主体里是发送给服务器的内容响应报文分为状态行状态行包含请求是否成功，请求的状态 例如 200 400 304响应头包含了服务器的一些信息，服务器要告诉浏览器的一些信息响应主体主体包含了 正常用户看到的内容...
2020-05-30 21:32:46
309
原创 jq 自制弹窗 弹窗相对于屏幕永远居中
html部分 <!-- 点击关闭按钮触发显示 --> <div class="closehit-box"> <div style="position: relative;"> <div class="closehit-tit">提示</div> <div class="closehit-textpartbo
2020-05-11 16:34:33
475
1
原创 echarts折线图线条颜色和区域颜色设置
series: [ { name:'近七日收益', type:'line', areaStyle: { normal: { color: '#091e3b' //改变区域颜色 } }, itemStyle: { normal: { colo...
2020-05-07 10:34:36
1401
1
原创 关于layui 单选控制只选一个的解决方案
网页原文：<div class="layui-form-item layui-form-text"> <label class="layui-form-label" style="margin-right: 20px;">是否开启：</label> <div ...
2020-05-07 10:30:20
828
原创 微信小程序图片预览
1、单张预览<view class='top'> <image src="{{discount.imgPath}}" bindtap='imgYu'></image> </view>//图片点击事件 imgYu: function (event) { var that=this; var src = that....
2020-04-21 17:46:48
219
原创 微信小程序
微信小程序动态绑定样式class="singer_item {{ count === index ? ‘singer_chexk’:’’}}"是重点<scroll-view scroll-x="true"> <view class="singer_"> <view wx:for="{{singer}}" wx:key="{{id}}" wx:i...
2019-12-03 10:47:14
185
原创 微信小程序
##父组件使用可以直接传参或者使用数据绑定向子组件动态传递数据 newPower 随便的变量名 {{newMusic}} 小程序固定值的写法<new newPower="{{newMusic}}"></new>子组件的properties属性内定义’newPower’属性，给定type值，比如Component({ properties: { n...
2019-12-03 10:43:54
166
原创 微信小程序
微信小程序 一般组件的方法只能通过点击事件触发 如果想要它自己调取可以通过下面的方法ready(){//自带的方法 ready 返回一个结果 this.getbanner() }...
2019-12-03 10:39:34
351
原创 微信小程序
第一步：儿子定义绑定事件 重点是 bindtap=“check” <view class="singer_item {{ count === index ? 'singer_chexk':''}}" data-cat="{{item.id}}" bindtap="check" data-index="{{index}}">{{item.name}}</view> ...
2019-12-03 10:35:31
136
原创 字符串对象
#字符串对象总结创建对象var s = 'aada adds afsd fs f xx';//直接创建一个对象属性:length length; //得到字符串的长度 返回的是一个字符串 绿色的 length 是一个属性 console.log(s.length) //结果为 15方法charAt(索引位置) console.log(s.charAt(2));/...
2019-09-10 16:08:34
177
原创 对象总结
JS 对象总结对象:万物皆对象,对相应的属性和方法;属性是和对象有关的值,方法是对象所做的动作 可以看做是一个代码块 或者函数function例如:车它有属性和方法,属性是和车有关的值颜色丶品牌丶厂家丶生产日期丶新车 旧车丶方法是车所对应的动作,比如 倒车 刹车 前进 开门 关门等等如何获取一个对象:方法1:// var 一个新的对象 前面的obj 是一个变量 可以是任意值...
2019-09-10 01:11:20
147
原创 九九乘法表
制作一个九九乘法表下面是具体代码,非常简单! document.write('<table border="1" width="900">') ; //table行 列 for (var i = 1;i<=9;i++){ document.write('<tr>') ;//tr 9行 列 ...
2019-09-08 13:23:27
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人