qq_34425377的博客

原创 AI的概念中，skills和workflow的区别？

AI Skills（技能）指AI模型或智能体具备的独立、可复用的单项能力，是完成某一具体子任务的最小功能单元。这类能力通常经过训练或配置，无需依赖其他外部能力即可执行。示例：文本生成模型的“摘要生成”技能、“情感分析”技能；多模态模型的“图片描述”技能、“语音转文字”技能；智能体的“网页信息爬取”技能、“数据格式转换”技能。AI Workflow（工作流）指为了完成一个复杂的目标任务，将多个skills按照特定逻辑顺序、条件分支、循环规则串联起来的执行流程。

原创 pycharm vs vscode安装python的插件

原创 git常用命令

这些是最常用的Git命令，它们能满足日常开发中90%的版本控制需求。建议重点掌握前3类命令，它们是最基础也是使用最频繁的。

原创 raycast 在mac 12.x版本安装

肥仓方便快速搜索mac的文件、软件等内容的工具。

原创 小程序keyframes动画，var变量的方式看不到效果，但直接写颜色rgba可以

在小程序开发中使用CSS变量时，keyframes动画中通过var(--variable)方式定义的背景色可能无法生效，但直接使用rgba颜色值可以正常显示。示例代码展示了这点：在@keyframes规则中，注释掉的var(--high_light)无效，而使用rgba(0, 88, 255, 0.1)则能实现预期的闪烁效果。这可能是小程序对CSS变量支持的限制，建议在动画中直接使用具体颜色值而非变量。

原创 微信小程序，无法动态获取底部tabbar的高度

摘要：文章描述了在小程序自定义tabbar开发中遇到的高度获取问题。开发者尝试通过wx.createSelectorQuery()获取tabbar组件高度，但发现无法正确获取任何节点的高度信息，尽管代码不报错。

原创 微信小程序踩坑之边距距离

摘要 微信小程序开发中遇到的两个问题及解决方案： iPad菜单按钮尺寸异常：iPad横竖屏状态下menuButton的宽高间距获取不准确，建议通过调试或修改布局解决，但需注意相关事件可能不会触发更新。 安全距离问题：桌面端和iPad无底部安全距离，开发时需注意设计评审。提供了获取安全区域的方法，并解释了screenHeight（设备总高度）和windowHeight（可用区域高度）的区别，以及坐标系方向和兼容性处理建议。

原创 微信小程序踩坑之video组件黑屏闪现

针对微信小程序video组件的黑屏问题，总结以下解决方案：1)无controls时poster无效，需用图片组件兜底并提前加载；2)黑屏现象可通过ready周期预加载和设置兜底图缓解；3)视频黑边问题可通过object-fit属性(cover/fill)或动态计算宽高比处理，极端情况可用transform缩放结合overflow:hidden的hack方案；4)推荐完整实现方案：结合封面图、预加载和错误处理，使用video+image双组件，通过loadedmetadata事件控制显隐。环境适配skylin

原创 微信小程序将IntersectionObserver通过setData赋值会内存溢出

【代码】微信小程序将IntersectionObserver通过setData赋值会内存溢出。

原创 MR 处于 WIP 状态的WIP是什么

- **WIP（Work In Progress）** 字面意为“正在进行的工作”，用于标记MR处于未完成状态，开发者可能还在持续提交代码、修复问题或进行测试，暂时不希望被审核或合并。- **Draft（草稿）** 意为“草稿”，与WIP功能一致，同样用于标记MR尚未完成，处于待完善状态，明确传递“暂不适合合并”的信号。

原创 微信小程序开发-桌面端和移动端UI表现不一致问题记录

底部安全距离：桌面端及ipad是没有底部安全距离的，因此在做开发评审设计稿的时候要同步清楚。问题原因是搜索组件超宽，设置最大宽和超出宽度不滚动或将不合适的组件进行宽度重新编辑即可。微信小程序使用 webview 或是 skyline 引擎，可以在哪里设置的吗？且经过验证，真机预览可能会有样式更新不成功的情况，可以直接发到开发版验证。webview - 桌面端不行， skyline - 移动端。不知道是不是因为这个原因，或者是桌面端版本限制的问题。时，桌面端并不能很好的工作。，双端通用，避免兼容处理。

原创 计算缓存的大小的方式

【代码】计算缓存的大小的方式。

原创 vscode插件之markdown预览mermaid、markmap、markdown

推荐使用`Markdown Preview Mermaid Support`、`Markmap`、`Markdown Preview Enhanced`

原创 微信小程序踩坑之ios批量取出缓存属于默认冻结状态，单个不会

Object.isFrozen(newEntries) 冻结。

原创 UC浏览器PC版自2016年后未再更新不支持vue3

UC浏览器PC版自2016年后未再更新（最新版本停留在Chromium 50内核）。其内置内核版本较低（如Trident/Blink旧版），无法支持Vue 3等现代前端框架的语法特性（如ES6+、Proxy等）win uc浏览器，点击页面触发异常。

原创 微信小程序踩坑之- wx自定义工具

发生了页面跳转之后，页面又可以分享了，所以放在onShow调用，每次都禁用。

原创 前端捕获异常的全面场景及方法

/ 自定义指令异常处理示例try {// 使用try-catch包裹可能出错的指令逻辑el.focus()console.error('focus指令异常', err)})// 可以在这里添加错误恢复逻辑})

原创 vue/微信小程序/h5 实现react的boundary

和都是 React 的错误边界方法，用于处理子组件的错误。这两个方法共同作用，确保组件能够优雅地处理和恢复错误。触发时机: 当子组件抛出错误时，React 会首先调用这个静态方法。功能: 允许你更新状态以便在渲染错误界面之前准备新状态。返回值: 返回一个对象来更新组件状态，或者返回null。触发时机: 在之后调用，主要用于执行副作用，比如日志记录。功能: 可以处理错误信息，进行记录或其他操作。参数: 接收两个参数：错误信息和错误的组件栈。// 上报错误}, []);

原创 css-多条记录，自动换行与自动并行布局及gap兼容

实现这样的内容布局，当一段文案长度超过当前行的时候自动占据一行，其他相近的不超过一行自动放在一行间隔隔开。

原创 差分压缩算法（增量更新）

通过设计「差分压缩算法」，并在 QQ 音视频涂鸦互动场景中应用和优化，我们成功实现了涂鸦延迟控制在 80ms 以内，带宽节省 60% 的目标，并将该算法在 QQ 音视频团队进行了技术复用，为提升音视频互动体验和降低网络成本做出了贡献。

原创 前端框架对可选链操作符(?. )的支持对比与深度解析

React项目：推荐使用，提升开发效率Vue/小程序：可使用计算属性替代。

原创 微信小程序节点相关总结

根据事件类型不同，可获取的属性也有所差异。

原创 微信小程序同步数据的方式-整理记录

以下代码中，updateJoinType的触发依赖什么原理？是获取打开当前页面的事件通道（是微信小程序的 标准API（基础库 2.7.3+ 支持）），可以用于页面间通信。针对低版本基础库，提供降级方案（如使用全局事件总线或回调函数）。传递的数据需为可序列化对象（如不能传递函数、循环引用对象）。这是小程序的通用功能，允许不同页面之间传递数据和事件。微信小程序中数据传递是开发中的关键环节，涵盖。的触发依赖于小程序的事件机制，通过。在微信小程序中，你提供的代码涉及。发送事件，目标页面通过。

原创 音频转文字-在线工具包及使用记录

这个只支持wav格式，可能更快吧。

原创 美团社招一面

注意：记得定时器使用的坑，以及取消页面挂载的时候移除定时器。使用Vue3 / react 分别实现倒计时功能。设置3个按钮，开始 暂停 重置。10-0，到0时自动停止。

原创 [Coursera公开课] [面向非母语人士的商务英语] 基础 Business English关键点

说和写是两种不同的形式，写更复杂重复度更低，说更简单重复多高。需要关注如何对触发事件提取并信息、合适的途径/中间载体/模式、目的对象的范围和需求、反馈。讲话是有目的、受体的，明确你的目的、根据受体调整你的表述，是一个不断精进的过程。语气和风格很重要，能传递很多情绪，去决定这句话的正向负面态度。语言表达和非语言表达，协调一致避免误导，更好更快的表达信息。练习表达的方式：通过描述细节和事情来尽可能的多的传递信息；书面有很多体裁，不同的格式和规范，掌握规范进行它用。沟通是一个传递信息和接受信息的过程。

原创 加载异常时延缓请求策略：指数退避避免加剧后台崩溃

【代码】加载异常时延缓请求策略：指数退避避免加剧后台崩溃。

原创 盘点一些对真实的职场有益好的思维和行动习惯~

金字塔思维。

原创 频道web - 性能优化之往返缓存

往返缓存总的来说，它是浏览器内置的功能，帮助我们服务开发者处理快速的前后路由切换的对当前盛行的单页面SPA应用，虽然回退等操作原理不一样，但仍然有一定的作用，见bfcache 和单页应用BroadcastChannel-MDN传送门BroadcastChannel 是一个 JavaScript API，允许同一浏览器和域内的不同浏览上下文（标签、窗口、iframe）之间进行通信。借助它，您可以在这些不同实例之间简单高效地发送消息，从而克服 localStorage 的一些限制。

原创 前端判断设备环境的通用代码

【代码】前端判断设备环境的通用代码。

原创 集齐了图片管理的所有角度，代码提交后再也不会被催着优化了~

CDN带宽 = （图片类页面静态资源大小 + 非图片类页面静态资源大小 * 30%） * 每秒请求量 * 8 / 1024 / 1024，其中，乘以8是为了把Byte转为bit，1 Byte = 8 bit，我们资源大小的单位是KB、MB之类的Byte，带宽用的单位是Gbps、Mbps的bit，连续除以两个1024是为了把Kbps转为Gbps；将页面上的某些元素（如图片、视频等）延迟加载，等待用户滚动到相应的位置时再进行加载，避免了一开始就加载过多的内容造成的延迟。

原创 如何在vue中封装管理svg组件-让svg跟随主题色

【代码】如何在vue中封装管理svg组件-让svg跟随主题色。

原创 《带一本书去读研：研究生关键学术技能快速入门》 扎卡里·肖尔 读后总结

寻找问题五步法：1.询问专家。2.找来关于你的研究主题的两本最新著作。3.找来关于你的研究主题的十本次新著作。4.问问自己这些著作是否说得通。5.再次询问专家。

原创 hippy开发经验记录

开发说明：环境安装依赖前端页面本地调试调试常用命令：关于UI适配rem、vm/vh、calc单位一些常见功能css写法注意路由使用问题说明

原创 hippy 调试demo运行联调-mac环境准备篇

跑起examples目录下的demo文件，提前了解项目或直接在demo文件基础上接入适用对于终端编译环境不熟悉的人看，仅mac端

原创 h5兼容问题记录

需使用margin等处理。

原创 如何识别不同机型并对其进行兼容

user-agent

原创 关于unicode视觉、存储长度的事儿

字符串视觉长度字符串中unicode视觉长度字节长度

原创 cocos面试题（某大佬的问题列表回答）

cocos面试题相关文章记录：1、优化包体体积2、资源管理3、如何编写单例模式4、如何使用物理引擎?5、Label的原理与如何节约Drawcall6、背包系统可能会需要哪些优化7、材质, shader分别是什么8、固定宽度与固定高度的底层原理是什么？是如何做适配的?9、微信小游戏能否使用UDP10、如何设计自动化打包发布脚本?11、图集打包有什么意义，我们一般在项目里面怎么规划图集12、如何做游戏框架，能让多人很好的协作,代码好维护13、如何设计热更新系统, 如何设计大厅与子游戏

原创 2022-53~54周(12.19-12.31) 项目问题整理

2022-53-54周 项目问题整理新知识1、uuid问题1、git commit 提交内容时