pose 迁移至 motionFramer Motion之前 React 项目引入的动画库为 POSE,现在该仓库已经废弃,所以需要迁移到 Framer Motion。这里主要介绍下 motio...

react

Bodymovin & LottieBodymovinBodymovin 是一款 Adobe AE 插件,可以将特效或者动画转成 html、json、svg 或者 canvas。下面是一...

HTML

动态加载字体现在是这么一个情况,后台有个富文本组件,可以配置很多字体,前台渲染的话要根据这些配置的字体动态去加载。如何用最优雅的方式去处理呢,这就是下面要讨论的,当然可能有更好地方式 🤔️@fo...

HTML

帝王篇 - 五代十国由于个人比较喜欢听百家讲坛,这个系列只是作为一个笔记,而之前只在本子上记录,也比较松散,看到隋朝时候才打算写入博客 😶,干脆就一起整理下吧 😀五代十国(907 - 979) ...

history

Webpack Bundle Analysis很多时候,为了减少压缩包的体积,加快网站的响应速度,我们必须要对这些压缩包进行分析,最大程度上去减少它的体积。现阶段有很多好用的工具,下面整理下: ...

HTML

帝王篇 - 唐由于个人比较喜欢听百家讲坛,这个系列只是作为一个笔记,而之前只在本子上记录,也比较松散,看到隋朝时候才打算写入博客 😶,干脆就一起整理下吧 😀唐(618 - 907) ...

history

Github ActionsCI / CD持续集成持续集成(Continuous Integration)强调开发人员提交了新代码之后,立刻进行构建、测试。根据测试结果,我们可以确定新代码和原有...

HTML

时区计算什么是时区理论时区 / 法定时区时区是地球上的区域使用同一个时间定义。以前,人们通过观察太阳的位置决定时间,这就使得不同经度的地方的时间有所不同。1863 年,首次使用时区的概念。时区通...

JS

浮点数处理问题描述在我们日常撸代码的时候,肯定多多少少碰到过以下浮点数计算的问题:0.1 + 0.1 // 0.2 ✅0.1 + 0.2 // 0.300000000000000040.3 - ...

JS

移动端跨平台方案核心理念我们经历了纯 web 开荒的年代,用户体验和兼容性让我们泪目;我们又经历了 hybrid 开发的年代,似乎慢慢看到了希望,鱼和熊掌不可得兼?可是大人,食大便了,现如今我们...

JS

Redux Toolkit什么是 RTK之前我们已经介绍过了 React-Redux 状态管理工具,对于一些大型项目,我们更容易去追踪数据的变化和进行管理,让我们维护起来更加方便,但是它仍然让人...

react

WebAssembly什么是 WebAssemblyTLDR - 参考 MDN,我们得知 WebAssembly 是一种新的编码方式,可以在现代浏览器中运行。它是一种低级的类汇编语言,具有紧凑的...

JS

Web Worker什么是 Web Worker我们都知道 JavaScript 是单线程的,也就是说代码同步执行时,后续代码必须等到前面代码执行完了才能执行。但是如果前面代码耗时较长怎么办,不...

HTML

JS 垃圾处理机制JS 垃圾回收垃圾回收(Garbage Collection) 是一种自动的内存管理机制。当一个电脑上的动态内存不再需要时,就应该予以释放,以让出内存,从而不会出现内存泄漏问题...

JS

科普 - 细菌与病毒记录科普知识笔记很大程度上是受李永乐老师影响,因为他的授课太有趣啦,这里只是整理一下,方便自己以后来温习下。这次新冠状病毒引发了众多的关注,刚好也梳理一下细菌和病毒的一些知识...

science