SF
兔子先森的博客
兔子先森的博客
注册登录
关注博客
注册登录
主页
关于
RSS
TailwindCSS自定义主题变量
兔子先森
兔子先森
2025年12月31日
阅读 3 分钟
334
具体的规则如下:--color-*: xxx; 表示定义的--color,*则是你的自定义名称,之后是变量具体值。比如:--color-my-color: cyan; 你定义了一个 my-color的变量,颜色为cyan,页面使用:
封面图
项目启动报错node:events:485 的解决方法以及报错问题排查思路
兔子先森
兔子先森
2025年12月18日
阅读 1 分钟
964
错误分析1、报错结果 {代码...} 路径中明确显示了 esbuild@0.11.3,这告诉我们系统试图访问的是这个特定版本。2、spawnargs 参数中的版本信息 {代码...} 参数中包含了 --service=0.11.3 ,这进一步证实了是在尝试调用 0.11.3 版本的服务。3、错误类型分析 {代码...} ENOENT (Error No Entry) 表示找不到指定的文件或路径...
Fetch+stream实现流式输出
兔子先森
兔子先森
2025年11月27日
阅读 4 分钟
1.2k
Fetch API 允许你跨网络获取资源,真正好的是,浏览器最近增加了将 fetch 响应作为可读流使用的能力。这是一个简单明了的fetch+stream输出的示例:
封面图
前端兼容阿拉伯页面布局RTL
兔子先森
兔子先森
2025年11月26日
阅读 3 分钟
1.2k
在做国际化项目中可能会碰到阿拉伯语,阿拉伯语的文字排列方式是从右向左的,所以我们要将整体的布局做调整。很多css样式都要调整,比如:margin-right、text-align、right、padding-right等带方向的,以及文字的默认排列方式。
封面图
取消uni-tooltip组件点击出现的蓝色阴影
兔子先森
兔子先森
2025年11月25日
阅读 1 分钟
1.1k
在网上各种查找都没找到答案,最后通过改源码解决在源码里找到最外层的class名,新增tap-highlight-color: transparent;即可
uniapp网络图片资源动态引入
兔子先森
兔子先森
2025年11月24日
阅读 2 分钟
772
用法首先去小程序后台添加网络图片资源的域名然后在项目的utils文件夹下新建resource.js,在里面写入网络图片资源路径,如下: {代码...} 页面使用: {代码...} 遇到的问题在static文件夹下创建resource.js,页面使用报错: {代码...} 报错信息: {代码...} 这是因为静态目录的限制,static目录通常只存放纯静态资源,不...
封面图
uniapp微信小程序文件下载-自定义文件名
兔子先森
兔子先森
2025年11月23日
阅读 2 分钟
958
在微信小程序端是无法直接下载文件的,对于docx、excel、pdf等文件都是通过临时缓存+打开的方式保存到本地默认下载 {代码...} 通过 url + 文件类型 即可实现文件打开和下在,这种方式下载的文件名是微信自动生成的一串字符。自定义文件名下载直接调用下面这个函数即可,传入url、文件类型、文件名称 {代码...} 调用 {代...
封面图
uniapp自定义uni-easyinput样式
兔子先森
兔子先森
2025年11月22日
阅读 2 分钟
784
官网示例: {代码...} 自定义颜色 {代码...} 通过primaryColor实现自定义边框、按钮icon色自定义边距、消除边框色、背景色uni-forms-item在uni-forms表单中有自带的margin-bottom,消除方式如下: {代码...} 清除边框色、背景色 {代码...} 这样,input就是一个透明的输入框,你可以在input外套一层view,自定义input的样...
uniapp自定义checkbox样式以及checkbox的使用
兔子先森
兔子先森
2025年11月21日
阅读 2 分钟
750
自定义样式默认的样式如下: {代码...} 加上这段样式代码即可 {代码...} checkbox-group的使用 {代码...} {代码...} 勾选未勾选参考文档:uniapp:checkbox-group
vue3一个简单好用的复制到剪贴板插件
兔子先森
兔子先森
2025年11月20日
阅读 1 分钟
543
npm: [链接]开始 {代码...} 在main.ts中引入 {代码...} 引入后就可以直接在页面中使用了 {代码...}
前端AI流式输出深度思考<think>标签分割
兔子先森
兔子先森
2025年11月20日
阅读 4 分钟
678
有些AI-Markdown组件是不支持自动识别<think></think>标签的深度思考的,所以我们需要手动分割<think>标签,用来区分深度思考和正文内容。我在这里封装了一个行数,可以在流式输出中调用,自动分割
企业微信关联微信小程序
兔子先森
兔子先森
2025年11月19日
阅读 1 分钟
646
入口:企业微信管理后台需要企业微信管理员账号登录1、进入企业微信管理后台,找到应用管理,创建应用2、选择已有的小程序创建3、此时会跳转到公众平台授权登录,需要小程序管理员扫码登录4、登录完成后会弹出一个界面,该界面就是关联的小程序界面,在该界面选择可见范围:部门/成员 之后点击创建即可5、创建之后就可以...
封面图
js精准的时间处理成范围时间
兔子先森
兔子先森
2025年11月18日
阅读 2 分钟
570
例如:3小时,处理为 2~3.5小时遇到范围时间(2~3.5小时)则不处理,仅处理精准时间并且可以多次处理,适用与流式对话以及普通文本处理 {代码...} {代码...}
uniapp微信小程序分包异步化,跨包组件引入
兔子先森
兔子先森
2025年11月17日
阅读 5 分钟
1.1k
微信小程序中,不同的分包对应不同的下载单元;因此,除了非独立分包可以依赖主包外,分包之间不能互相使用自定义组件或进行 require。「分包异步化」特性将允许通过一些配置和新的接口,使部分跨分包的内容可以等待下载后异步使用,从而一定程度上解决这个限制。
封面图
uniapp微信小程序登录以及获取手机号
兔子先森
兔子先森
2025年11月16日
阅读 3 分钟
2.1k
登录流程如下登录,wx.login拿到code,调用后端接口后端通过appId、appsecret、code获取session_key和openid后端自定义登录态,与openid、sessiong_key关联,返回自定义登录态给前端前端拿到登录态(token),后续拿token请求接口即可。登录的同时要加手机号验证,流程如下:前端点击一键登录按钮,按钮绑定open-type=&quo...
封面图
vue3使用mitt事件管理
兔子先森
兔子先森
2025年11月15日
阅读 3 分钟
688
定义事件类型映射的作用是用来做全局的事件映射和处理,如果你在页面中随意的派发和监听emit事件,会导致事件混乱,意图不明确,所以我们需要统一在某个位置集中管理事件,至少知道对应的事件的作用是什么。卸载监听事件的作用是用来卸载对某个事件的on监听,这是很关键的一步操作,如果不卸载的话可能会造成on事件的重...
封面图
uniapp微信小程序分包以及分包优化
兔子先森
兔子先森
2025年11月14日
阅读 4 分钟
1.2k
主包就是Tabbar页面,所有的Tabbar页面加起来的文件大小不能超过2M在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。你可以在这里查看当前项目的分包大小和依赖分析
封面图
uniapp获取微信小程序顶部NavBar的信息
兔子先森
兔子先森
2025年11月13日
阅读 2 分钟
655
我在这里封装了一个类,可以直接使用 {代码...} 页面使用 {代码...}
封面图
微信AI小程序认证基本流程:认证、完善类目、微信认证
兔子先森
兔子先森
2025年11月12日
阅读 2 分钟
978
认证类型认证层面的:1、申请小程序账号2、完善小程序基本信息名称简介头像介绍3、完善类目4、微信认证,认证需要公司主体信息、300块钱认证费可能你在开发中还无需微信认证这一步,但上架是需要的,到这里基本的认证就结束了,然后是开发层面的。开发层面的: 1、服务器域名配置,如果没有配置则体验版本接口无法调用,...
封面图
微信小程序用户隐私保护指引设置
兔子先森
兔子先森
2025年11月11日
阅读 6 分钟
1.3k
我们在小程序开发过程中或多或少会使用带用户隐私API,比如获取用户头像、昵称,用户手机号等等,这些API必须完善用户隐私指引才能正常调用,否者正式版本使用会报错或者无法过审。仅有在指引中声明所处理的用户信息,才可以调用平台提供的对应接口或组件。若未声明,对应接口或组件将直接禁用完善的入口如下:根据实际...
封面图
uniapp微信小程序pinia持久化缓存
兔子先森
兔子先森
2025年11月10日
阅读 2 分钟
754
HBuilder X自带pinia,无需我们手动安装。我们通过pinia-plugin-persistedstate插件来实现pinia的持久化缓存
vue3前端pdf直接预览
兔子先森
兔子先森
2025年11月09日
阅读 2 分钟
728
安装依赖 {代码...} 页面结构 {代码...} 使用 {代码...} 适用于弹窗直接预览PDF的场景,你可以在弹窗事件里替换url链接 {代码...} 参考资料:npm:[链接]github:[链接]
封面图
移动端emoji输入组件
兔子先森
兔子先森
2025年11月08日
阅读 9 分钟
668
前端emoji组件一般用在聊天输入界面,点击表情,整个输入框被弹起,显示emoji界面,点击其它位置,emoji界面自动关闭,这其中有一些注意点:1、点击emoji,emoji界面从底部弹起,输入框也要同步显示2、二次点击emoji图标,emoji界面关闭(你也可以切换键盘输入)3、点击输入框,键盘弹起,emoji界面关闭4、点击emoji界面的...
封面图
uniapp文件下载,支持docx、pdf等通用office格式
兔子先森
兔子先森
2025年11月07日
阅读 1 分钟
991
可以预览并下载如下格式:doc, xls, ppt, pdf, docx, xlsx, pptx其实过程很简单,可以实现预览和下载两个功能1、拿到一个可以下载的url连接2、uni.downloadFile获取文件的临时路径3、uni.openDocument打开文件,进入打开文件的界面后就可以另存为了
uniapp微信小程序图片上传-预览-删除
兔子先森
兔子先森
2025年11月06日
阅读 5 分钟
847
贴几个可在线访问的图片数据,图片数据最好包含id、url、loading、success的状态分别对应:id === keyurl === urlloading === 上传中success === 上传成功的状态 {代码...} 这里没有用任何ui库的上传组件,使用uniapp内置api实现1、uni.chooseMedia选取文件2、uni.uploadFile上传文件3、上传后添加imgList数据页面结构 {...
封面图
css滚动条不占位-鼠标移入显示,移出隐藏
兔子先森
兔子先森
2025年11月04日
阅读 3 分钟
842
如果我们想要实现鼠标移入滚动条显示,鼠标移出滚动条隐藏,如果单纯设置滚动条宽度为0,会发生容器宽度变化导致闪烁我们可以通过透明度隐藏滚动条,通过鼠标更换透明度的显示,如下做:
封面图
axios双Token无痛刷新,解决队列请求、历史请求问题
兔子先森
兔子先森
2025年11月03日
阅读 10 分钟
772
双token无痛刷新机制主要是由一个accessToken和一个refreshToken实现的,请求接口的时候使用accessToken,一旦accessToken过期,立刻用refreshToken请求刷新token接口,拿到accessToken、refreshToken存起来,然后使用accessToken请求接口。这其中有几个点需要注意:
封面图
vue3基于vant封装loading组件
兔子先森
兔子先森
2025年11月02日
阅读 4 分钟
667
长列表需要触底加载,触底显示loading,加载后loading小时若长列表为空,则显示空状态加载到底,没有更多分页,则显示"没有更多了"这里我基于vant封装了一个组件,可直接使用
vue3封装一个容器级的滚顶条触底加载函数
兔子先森
兔子先森
2025年11月01日
阅读 3 分钟
673
代码可直接复制使用,主要用于页面容器内的滚动触底加载主要参数:
●
くろまる
element 滚动容器dom
●
くろまる
loading 是否加载中
●
くろまる
hasMore 是否有更多,根据分页总数跟total判断
●
くろまる
pageInfo 分页参数信息{ pageNo: number, pageSize: number, total: number }
●
くろまる
loadMore 加载列表的函数,比如getList,该函数是一个async的Promise函数
●
くろまる
thr...
封面图
vue3封装一个页面级的滚动条触底加载函数
兔子先森
兔子先森
2025年10月31日
阅读 3 分钟
665
主要参数:
●
くろまる
loading 是否加载中
●
くろまる
hasMore 是否有更多,根据分页总数跟total判断
●
くろまる
pageInfo 分页参数信息{ pageNo: number, pageSize: number, total: number }
●
くろまる
loadMore 加载列表的函数,比如getList,该函数是一个async的Promise函数
●
くろまる
threshold 滚顶条距离底部多少px触发到底事件返回一个触底加载的钩子函数
封面图
1
(current)
2
3
4
5
...
More
下一页
1
(current)
下一页
AltStyle
によって変換されたページ
(->オリジナル)
/
アドレス:
モード:
デフォルト
音声ブラウザ
ルビ付き
配色反転
文字拡大
モバイル