前端
文章平均质量分 92
校园苦行生
这个作者很懒,什么都没留下…
展开
-
录音、上传、播放音频微信小程序实践
最近上线了一款智能外呼机器人产品,需要开发一款录音、上传、播放音频功能的微信小程序给录音师配置外呼话术真人录音。代码已开源,数据均已本地化处理。适合新手参考学习的完整原生微信小程序小项目。.........原创 2022-07-10 11:24:49 · 4205 阅读 · 6 评论 -
前端性能优化原理篇——Page Lifecycle
前端性能优化原理篇——Page Lifecycle文章目录前端性能优化原理篇——Page Lifecycle导读生命周期概述好奇解决的问题生命周期状态与事件状态事件跨浏览器兼容建议与实践对每个状态下的建议避免使用老旧的生命周期API数据采集上报启发与实践FAQs参考导读原文链接性能,一直都是前端孜孜不倦探讨的话题。说到生命周期想必大家都不陌生,这都是 React 、Vue 等框架设计的核心理念,它大致都提供了数据初始化、DOM 加载、资源释放等时机钩子供大家合理使用,例如 React shouldC原创 2021-04-23 15:07:27 · 1001 阅读 · 0 评论 -
redux 源码分析
文章目录redux 源码分析简介三大原则对比 mobx概览使用深入 reduxcreateStorebindActionCreatorscombineReducerscomposeapplyMiddlewarethunk 中间件总结redux 源码分析原文链接简介Redux 是 JavaScript 状态容器,提供可预测化的状态管理。三大原则单一数据源,创建一个 Redux st...原创 2020-04-06 22:39:02 · 287 阅读 · 0 评论 -
前端监控性能指标
文章目录前端监控性能指标性能指标阶段性指标关键性能指标小程序W3C Level 1兼容性常规用法注意事项1、计算HTML文档请求使用 Nav Timing2、计算静态资源使用 getEntriesByType('resource') 代替 getEntries()3、secureConnectionStart 问题4、跨域资源设置响应头 Timing-Allow-Origin5、注意属性值为 0 ...原创 2020-04-02 10:06:55 · 1108 阅读 · 1 评论 -
防抖与节流:实践与勘误
文章目录防抖与节流:实践与勘误前言防抖使用场景案例节流使用场景勘误案例总结参考防抖与节流:实践与勘误原文链接前言一般对于监听某些密集型键盘、鼠标、手势事件需要和后端请求交互、修改 dom 的,防抖、节流就很有必要了。防抖使用场景关键字远程搜索下拉框resize对于这类操作,一般希望拿到用户最终输入的关键字、确定的拖拽大小,然后与服务器交互。而中间态的值,并不关心,为了减轻服...原创 2020-03-09 15:22:39 · 252 阅读 · 0 评论 -
源码分析:react hook 最佳实践
文章目录源码分析:react hook 最佳实践(上篇)前言2条规则为什么?源码分析useState使用方式为什么?源码分析useEffect使用方式为什么?源码分析useMemo使用方式为什么?源码分析useCallback使用方式为什么?源码分析下篇介绍源码分析:react hook 最佳实践(上篇)原文链接前言本文从 mini React —— Preact 源码的角度,分析 Rea...原创 2020-02-29 17:54:11 · 376 阅读 · 0 评论 -
你真的懂JS事件循环吗
文章目录任务队列 Tasks QueuerequestAnimationFrame微任务 Microtasksnodeweb worker参考原文链接对于浏览器而言,有多个线程协同合作,如下图。具体细节可以参考一帧剖析。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7kz0BmRm-1581224067343)(https://raw.githubuserco...原创 2020-02-09 12:56:26 · 496 阅读 · 0 评论 -
前端极致性能优化手册大全
文章目录前端极致性能优化手册大全webpack代码分块分析插件 webpack-bundle-analyzerglob 和 purgecss-webpack-plugin 去除无用CSS图片webp雪碧图iconfontbase64缓存DNS缓存http 缓存CDN(Content Delivery Network) 内容分发网络本地缓存 localStorage、sessionStorage、c...原创 2020-01-18 14:58:52 · 833 阅读 · 0 评论