javaScript
文章平均质量分 63
校园苦行生
这个作者很懒,什么都没留下…
展开
-
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 评论 -
koa 源码分析
文章目录koa 源码分析简介概览使用例子动手实现一个精简的 koa骨架第一步,接收一个中间功能第二步,实现 context 代理第三部,接收多个同步中间件第三部,异步洋葱圈模型完koa 源码分析原文链接简介koa 是由 Express 原班人马打造的,相比 Express 的大而全,koa 致力于成为一个更小、更富有表现力、更健壮的 Web 框架,适合作为 web 服务框架的基石。koa...原创 2020-03-29 10:41:33 · 302 阅读 · 0 评论 -
防抖与节流:实践与勘误
文章目录防抖与节流:实践与勘误前言防抖使用场景案例节流使用场景勘误案例总结参考防抖与节流:实践与勘误原文链接前言一般对于监听某些密集型键盘、鼠标、手势事件需要和后端请求交互、修改 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 评论 -
错误监控原理解析
文章目录错误监控前言常见错误语法错误同步错误异步错误window.onerror 注意事项网络错误`window.onerror` 与 `window.addEventListener`Promise 错误上报方式Script errorJavaScript 错误剖析推荐做法SourceMap参考网站错误监控原文地址前言作为一个前端,在开发过程即便十分小心,自测充分,在不同用户复杂的操作下...原创 2019-12-28 16:28:33 · 634 阅读 · 0 评论 -
rollup 打包实践
原文链接简介rollup 是一款像 webpack 一样的JS代码打包工具。它特别适合类库的维护,有了它你可以把单个复杂庞大的类库拆分成多个文件模块编写,最终打包成符合UMD、AMD、ESM等格式的单个或多个文件。它可以利用最新的ES6+ modules 规范,Tree-Shaking 不需要的代码,这样你就可以放心的引入你喜欢类库中的某个方法,而不必担心引入整个类库。Vue 官方使用...原创 2019-10-29 16:43:55 · 1963 阅读 · 0 评论 -
HTTP 缓存机制详解
HTTP CacheHTTP Cache什么是 HTTP Cache关键字简单流程图代码准备不设置禁止缓存缓存过期策略1、三种方式设置服务器告知浏览器缓存过期时间2、两种方式校验资源过期Markdown及扩展表格定义列表代码块脚注目录数学公式UML 图:离线写博客浏览器兼容什么是 HTTP Cache我们知道通过网...原创 2018-08-19 13:08:16 · 13693 阅读 · 2 评论 -
js数组去重
1、遍历 + Array.prototype.indexOf 去重:var arr = [1, '1', 1, 'str', NaN, NaN, null, null, undefined, undefined];function deleteDuplicate(a) { if( Object.prototype.toString.call( a ) !== '[object Arr...原创 2018-05-26 02:32:38 · 2774 阅读 · 0 评论 -
一些有趣的js正则表达式
金钱数字格式化 ( 99999999 => 99,999,999 ) '99999999'.replace(/\d{1,3}(?=(\d{3})+$)/g, '$&,');删除重复相邻字符( ‘aaabbbcdfgghhjjkkk’ -> ‘abcdfghjk’) 'aaabbbcdfgghhjjkkk'.replace(/([A-Za-z]{1})(\1)+原创 2017-02-16 16:25:07 · 490 阅读 · 0 评论 -
javaScript生成二维码
javaScript生成二维码改造jqueryqrcodejs使之支持中文能带logo资料搜索支持中文支持自定义logo快捷键Markdown及扩展表格定义列表代码块离线写博客浏览器兼容javaScript生成二维码(改造jquery.qrcode.js,使之支持中文,能带logo)最近公司要求使用javaScript生成二维码,在网上搜了很多相关的原创 2017-02-16 11:19:22 · 437 阅读 · 0 评论 -
js 简单快排实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div style="width: 940px; margin: auto;"> <h4 id="original"></h4> <ol id="result"></ol>原创 2017-02-17 13:47:07 · 674 阅读 · 0 评论