- 博客(10)
- 收藏
- 关注
RSS订阅原创 微信小程序键盘弹起时,底部输入框抬起至键盘上方,顶部导航栏固定不动
在微信小程序中,常见的页面布局是顶部导航栏和底部输入框固定不动,中间内容部分自适应。但是当键盘弹起时整个页面被挤压,导致元素上移或被覆盖,业务希望在这种情况下,输入框能自动抬起至键盘上方,顶部导航栏保持固定,不被顶上去。2.在页面的onLoad生命周期中监听键盘事件,记录键盘弹起的高度,并将高度赋值给inputBoxBottom。
2025-03-19 17:37:25
214
原创 人工智能+GPT微信小程序聊天机器人(deepSeek)
在scroll-view标签监听滚动事件bindscroll,当scrollHeight - scrollTop - offsetHeight < 20时,说明滚动到屏幕底部,显示向上滚动按钮,并通过设置scrollTop=0实现置顶功能;当scrollTop < 5时,说明到顶部,显示向下滚动按钮,并通过设置scrollTop=999999(设置一个足够大的值，确保滚动到底部)实现置底功能;接口响应的数据是markdown格式,需要借助marked第三方包转化为wxml,然后通过rich-text渲染。
2025-03-07 12:09:01
697
原创 js如何将deepSeek生成的报告添加封面并下载成word
先将deepSeek生成的markdown格式的报告内容转换成html格式，通过模板字符串拼接成一个完整的html字符串content（包含html根元素，head头部，style样式，body主体），然后在字符串content 中通过标签和css样式生成封面，最后将字符串content 生成blob并标记为word格式，通过创建a标签并点击实现下载功能。Word 会根据文件内容（而非扩展名）自动判断格式，若检测到 HTML 结构，可能默认以网页视图渲染。3.在html文件中通过标签和css样式生成封面。
2025-02-26 15:29:57
688
原创 人工智能之web前端开发（deepSeek与文心一言结合版）
每请求一次创建一个新的AbortController()实例，因为AbortController实例的abort()方法被设计为只能调用一次来取消请求，一旦调用了abort()，与AbortController相关的AbortSigal的aborted属性就会被设置成true,表示请求已取消，当再次调用abort()不会有任何效果。当页面请求fetchEventSource已发出时，切换url到其他网站再切换回来到这个页面时，fetchEventSource会重复请求，导致这两次请求的内容重复。
2025-02-24 17:49:43
1141
1
原创 接入deepSeek后，前端如何给“深度思考“内容单独设置样式？
让后端在响应的数据流中加入标识，用来区分 “ 思考内容 ” 还是 “ 回答内容 ”，前端将“ 思考内容 ”截取出来，给 “ 思考内容 ” 加上html标签并添加行内样式生成字符串thinkingStr，然后将“ 回答内容 ”通过第三方库MarkdownIt将markdown转化为html字符串answerStr。最后将thinkingStr+answerStr=currentHTML拼接起来就生成完整且附带样式的html字符串，通过v-html将currentHTML渲染到页面即可。
2025-02-21 16:15:53
1133
1
原创 微信小程序--接入SSE在微信开发者工具中对话框正常展示，但在真机上无法展示
使用 wx.request({url“https://xx”,responseType: "arraybuffer",enableChunked: true}响应回来的数据格式是arraybuffer，需要使用TextDecoder将arraybuffer转化为string。然而，微信小程序的 JavaScript 运行环境并不完全等同于浏览器环境，因此某些浏览器中的全局对象（如 TextDecoder）在小程序中可能不可用。解决方案：不能直接TextDecoder 全局对象，而是使用。
2025-02-20 14:53:32
461
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人