马赛克

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加 Scott 微信 codingdreamer 进大会周边技术群，前端彩蛋免费福利专场，2021-2-6，线上直播。 当下及未来一段周期的你，如果不发生根本性改变，是一定进不去大厂的，甚至这辈子大厂都跟你无缘。 当下及未来一…

为了学习一下 React 实现 SSR 的整体过程，并了解过程中会遇到哪些坑，所以着手写了这篇文件，记录一下。 note：项目中依赖还是比较多的，感兴趣的小伙伴可以去我的 github 仓库查看具体代码。 首先我们用 Express 来搭建一个服务，后续用来渲染 React 组…

一个网站的的性能好坏，直接影响到了用户的留存率。其中首屏渲染尤为重要，优化的方法也很多，涉及到的面也特别广，冷不丁一问可能都想不出太多，所以是时候总结一下了。 首先，在浏览器中输入地址后，直到用户看见页面中的内容，我将这个过程分为了两大类：通信阶段和执行阶段。 这个阶段也比较好…

昨天面试被问到一个元素同时绑定 React 合成事件和 DOM 原生事件的问题。首先来说，我在项目中真的没遇到过这样的场景，我也没想到要用的那些场景中。 先来说说 React 合成事件是怎么回事。 React 的事件系统沿袭了事件委托的思想。在 React 中，除了少数特殊的不…

axios 的源码相对还是比较简单的，但是中间件的思想还是很巧妙的，读的过程中做了一些中文注释。 在使用 axios 时，都会使用 axios.create 方法去创建一个实例，那么就找到 create 方法，从他看起。首先找到入口文件 lib/axios.js。 入口文件导出…