前端杂物筐
文章平均质量分 90
草半
这个作者很懒,什么都没留下…
展开
-
结合 JavaScript 规范来谈谈 Execution Contexts 与 Lexical Environments
本文结合 ES2019 的最新规范,深入介绍了 JavaScript 中的 Execution Contexts(执行上下文)以及 Lexical Environments(词法环境)的相关内容。原创 2020-01-08 22:23:12 · 737 阅读 · 2 评论 -
Three.js 浅尝:基础3D渲染(二)
从基础的 WebGL 渲染示例着手,简单介绍了 Three.js 如何执行渲染任务。本篇博客内容涵盖 Three.js 中与渲染相关的几个重要的类。原创 2019-11-18 22:02:53 · 854 阅读 · 1 评论 -
Three.js 浅尝:基础3D渲染(一)
本文从基础的 WebGL 渲染示例着手,简单介绍了 Three.js 如何执行渲染任务。原创 2019-11-18 22:02:04 · 1544 阅读 · 0 评论 -
从 Preact 源码一窥 React 原理(三):组件
本文分析了 Preact 中关于组件的实现,包括Component 类、组件的渲染以及相关的函数。此外,还对 Legacy Context API 以及 New Context API 的实现进行了分析介绍。原创 2019-04-25 17:31:21 · 364 阅读 · 0 评论 -
从 Preact 源码一窥 React 原理(一):JSX 渲染
本文介绍了 Preact 中如何处理 JSX 的渲染,主要分析了 JSX 在 Babel 中的转义,以及生成虚拟 DOM 节点 VNode 的过程。原创 2019-04-25 17:31:04 · 732 阅读 · 0 评论 -
从 Preact 源码一窥 React 原理(二):Diff 算法
本文介绍了 React 核心的 Diff 算法,并以 Preact 中的 Diff 算法实现作为示例,提供了相关函数的具体分析。原创 2019-04-25 17:31:14 · 715 阅读 · 0 评论 -
Immutable.js 原理与源码解析
Immutable.js 原理与源码解析前言参考资料本文主要对于 Immtable.js 的一些基本原理并以其中的 Map 数据结构为例,结合代码对具体的实现进行分析。实际上,各色博客、专栏中关于 Immutable.js 的各种相关资料已经介绍的相当详尽了,本文不过是拾人牙慧而已。前言“不可变(Immutable)数据”是什么?不可变数据是指一旦创建就不可再被修改的数据。看到这一定义,...原创 2019-04-15 16:37:58 · 2664 阅读 · 0 评论 -
Potree:大规模点云渲染
Potree:大规模点云渲染原创 2019-04-07 20:31:44 · 16018 阅读 · 13 评论 -
Redux 源码解析
Redux 源码解析闲谈ReduxRedux 源码结构工具函数CreateStore闲谈好些个日子没有写博客了,脑子里头想着有好些事情该干的该写的,但平日里就又陷入实验室与课程所带来无穷的琐事中了。偶尔偷得闲,还是写两篇罢,老是囤在笔记里头日晒不着的,眼瞅着就要发霉生虫了。ReduxRedux源码的设计简介明白,拢共加起来也不到千行,注释写的也清清楚楚,只要心里头对于Redux的设计理念有...原创 2018-11-02 21:02:19 · 2017 阅读 · 0 评论 -
PWA资料整理(三):Service Worker 消息推送
PWA资料整理(三):Service Worker 消息推送系列链接消息推送消息推送整体架构消息推送具体流程参考资料本篇是 PWA 资料整理的第三篇,主要介绍 Service Worker 所实现的消息推送相关内容。系列链接Manifest 添加到桌面Service Worker 离线缓存Service Worker 消息推送(本篇)消息推送说到消息推送就想到 HTTP2 pus...原创 2018-10-09 08:56:39 · 1417 阅读 · 0 评论 -
PWA资料整理(二):Service Worker 离线缓存
PWA资料整理(二):Service Worker 离线缓存本篇是 PWA 资料整理的第二篇,主要系列链接:Manifest 添加到桌面Service Worker 离线缓存(本篇)Service Worker 消息推送...原创 2018-10-09 08:56:26 · 1642 阅读 · 0 评论 -
PWA资料整理(一):Manifest 添加至桌面
PWA资料整理ManifestManifest 示例兼容性参考资料(没时间解释了,先学了再说)PWA 本身不是一套技术栈,而是一个理念,是使用一系列的技术,改进 Web 应用在安全、性能、体验等方面的表现,并渐进式的达到原生应用的表现能力。Google 官网针对于 PWA 给出的关键词是:Reliable - Load instantly and never show the down...原创 2018-10-09 08:56:01 · 1931 阅读 · 0 评论 -
记一个 bootstrap-slider 的小坑
最近在忙毕设的项目,做前端 Canvas 播放器的时候用到了 bootstrap-slider 。bootstrap-slider的确功能挺强大,但是碰到特定场景下仍然出现了问题:当 player 正在播放过程中时,拖动 slider 滑块或者点击位置跳转都操作失败,只有人品很好的少数情况下或者 player 暂停情况下能够正常改变进度。纠其症结,问题源于在 slider 操作的事件响应之后,...原创 2018-03-22 21:27:44 · 3155 阅读 · 0 评论 -
Underscore 源码学习笔记
Underscore 源码学习笔记看完了 zepto 的源码,但是却觉得看完之后没有什么收获,在看源码的过程中也有过一些思考与分析,但是由于没有养成记笔记的习惯,导致看完之后脑子里已经剩不下什么东西了。现在我也只能说自己看完过zepto源码,但是没能从中得到多少具体的提升,十分遗憾。 正巧最近又开始学习 underscore 的源码,趁着国庆节后有空闲的时间顺便把阅读笔记写下,能帮助自己记录原创 2017-10-08 09:53:51 · 343 阅读 · 0 评论