logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

UniApp 小程序wgt 云打包

本文介绍了AI电销助手App的开发打包流程,主要包括:1)环境准备(安装HBuilderX、注册开发者账号);2)项目配置(manifest.json文件详解,包含应用信息、权限、SDK、图标等设置);3)云打包步骤(选择平台、证书配置);4)打包完成后的安装与下载地址生成;5)平台兼容性说明(支持Android 5.0-14.0)。重点强调了版本号递增、证书配置、插件集成等关键配置项,以及打包后

文章图片
#uni-app#小程序
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战

本文分享了前端开发中实现实时搜索功能时遇到的性能问题及优化方案。作者最初采用直接过滤10,000条数据的方案导致输入卡顿,随后尝试防抖优化但体验不佳,最终通过React 18的useDeferredValue配合useMemo实现了流畅的交互效果。文章解析了React并发模式的调度原理,将更新任务分为高优先级(输入响应)和低优先级(列表渲染),并给出了使用建议:避免滥用,需配合虚拟列表处理超大数据

文章图片
#react.js#前端#前端框架
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主

摘要:React 的 useRef 不仅用于获取 DOM 元素,更是函数式组件中的"法外之地"。文章揭示其三大高级用法:1)通过保存最新值破解闭包陷阱;2)利用 usePrevious 记录上一次状态;3)控制 useEffect 初次渲染不执行。同时强调使用红线:不要在渲染期间直接操作 ref.current,而应在 useEffect 或事件处理中读写。useRef 是 R

文章图片
#react.js#javascript#前端 +3
别再给组件“打洞”了:这才是 React 组件复用的正确打开方式

本文揭示了React开发中常见的"Props Drilling"问题及其解决方案。作者指出,多数情况下使用Context或状态管理库并非必要,真正的问题在于组件设计不当。通过将组件视为"乐高积木"而非"俄罗斯套娃",可以利用React的组合特性(如children和Slot模式)实现更优雅的数据传递。文章提出了两种具体方案:使用child

文章图片
#react.js#前端#前端框架 +4
你的代码在裸奔?你以为写好代码就万事大吉了? React “防弹衣”的保姆级教程

你以为写好代码就万事大吉了吗?生产环境是残酷的,用户是不可预测的。 接口会挂,数据会空,JS 会报错。本文介绍了React应用中的防御性编程策略,旨在提升应用在生产环境中的稳定性。作者指出开发者常犯的错误是仅关注本地环境的完美运行,而忽视线上可能出现的网络延迟、接口异常等问题。文章提出三层防御措施:1)数据层面使用可选链和空值合并运算符处理可能的空值;2)通过Error Boundaries隔离组

文章图片
#react.js#前端#前端框架 +3
别再用 console.log 这种“原始人”的调试方式了:React DevTools 实战神技

React调试神技:5招告别console.log 实时改数据:在Components面板直接修改组件State/Props,即时生效 $r组件实例:Console输入$r获取当前选中组件的完整实例 高亮重渲染:开启"Highlight updates"可视化无效渲染问题 渲染溯源:Profiler的"Why did this render?"精准定位性能瓶

文章图片
#react.js#前端#前端框架 +3
别让你那 5MB 的 JS 文件把用户吓跑:React 代码分割(Code Splitting)实战指南

本文介绍了React项目中通过代码分割(Code Splitting)和懒加载(Lazy Loading)优化性能的方法。传统打包方式会将所有代码合并成一个文件,导致首屏加载缓慢。文章提出两种优化方案:1)路由级别的懒加载,使用React.lazy和Suspense按需加载页面;2)组件级别的懒加载,针对重型组件如图表库等按需加载。同时提醒避免过度分割,建议按路由、重型组件和交互后展示的组件进行合

文章图片
#javascript#react.js#前端 +4
告别“祖传”defineProperty!Vue 3 靠 Proxy 练就了什么“神功”?

Vue 2 的 Object.defineProperty 好比一个勤奋但有“先天缺陷”的“老兵、门卫”(需要知道所有属性),来引出Vue 3 的 Proxy 是如何完美逆袭的“新英雄”,详细对比 Vue 2 和 Vue 3 响应式系统的工作原理,重点讲解 Proxy 的优势。

文章图片
#vue.js#前端#javascript +4
别把 API 数据塞进 Context 里:React 状态管理的“分家”指南

本文探讨了React状态管理的核心问题——区分服务端状态(Server State)和客户端状态(Client State)。作者指出常见的误区是将API数据和UI状态混在一起管理,导致代码混乱。建议使用React Query管理服务端状态(处理缓存、更新等),而用Context仅管理纯UI状态(如主题切换)。通过这种职责分离,可大幅减少代码量、避免props drilling和过多useEffe

文章图片
#react.js#状态模式#前端 +4
Vue 3 的“降维打击”:Composition API 是如何让 Mixin 成为历史文物的?

文章摘要: Vue 3的Composition API相比Vue 2的Mixin在逻辑复用上有显著优势。Mixin存在三大问题:隐式依赖导致代码来源不明、命名冲突难以排查、复杂项目易陷入“Mixin地狱”。而Composition API通过函数式编程(如useMouse示例)实现逻辑复用,优势在于:1)来源透明,依赖关系清晰;2)支持解构重命名避免冲突;3)天然支持TypeScript。其本质是

文章图片
#vue.js#前端#javascript +4
    共 23 条
  • 1
  • 2
  • 3
  • 请选择