头秃工程师

前两天在浏览 苹果 16寸 营销页面 的时候，发现了几个比较有意思的交互，心里想着自己虽然是一个穷逼，但是知识是无界限的呀，于是便研究了一波。 一个是屏幕慢慢打开的效果，在屏幕打开的过程中，电脑图片 是在屏幕中固定不动的，直到打开完毕或者关闭完毕的时候再让 电脑图片 随着滚动条…

关于 Promise 原理解析的优秀文章，在掘金上已经有非常多了。但是笔者总是处在 看了就会，一写就废 的状态，这是笔者写这篇文章的目的，为了理一下 Promise 的编写思路，从零开始手写一波代码，同时也方便自己日后回顾。 Promise 是 JavaScript 异步编程的…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

最近工作中需要制作一个图片预览的插件，在参考了很多产品（掘金、知乎、简书、石墨等）的图片预览之后，最终还是觉得石墨的比较符合我们的产品需求。 本来以为能在社区中找到相关插件，但想法美好，现实却很骨感，于是便决定自己手撸一个，顺便也学习一下组件的开发流程。 项目最终的实现效果如下…

仅有 5 个 API，其用法我们会在之后详细介绍。 支持 HMR，支持模块的热更新。 支持 SSR (ServerSideRender)，支持服务器端渲染。 支持 Mobile/ReactNative，支持移动手机端的代码编写。 支持 TypeScript，支持 TypeScr…

同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互，这是一个用于隔离潜在恶意文件的关键安全机制。 协议、域名与端口。这三者任何一个不一样的话，就算是不同源，就会产生跨域的问题。 不是一个源的文档，就没有权限去操作另一个源的文档。 如果浏览器没有同源策略，那么一…

这一节我们先来讲一下，项目基本架构的搭建，我们使用 Webpack 来作为我们的项目构建工具，接下来我们就详细看一下项目的初始目录和详细的依赖安装。 安装相应的 webpack 的 plugins，下面的 plugins 的作用我就不细说了。 最后修改 package.json…

为了写作方便，antd 的 分页器我统一以 antd-pagination 代替，自己的分页器统一以 my-pagination 代替。 这里面的逻辑是实现这个分页器最最关键的地方，同时也是分页器的难点所在。 我们要计算出每一页的页码排布情况，什么时候该显示省略号，什么时候改成…

我们修改 package.json 中的 main 字段，它的作用是声明组件的入口文件。 开发者在 import我们的组件的时候会引入main 字段中 export 的内容。 在发布到 npm 之前，我们需要自己先测试一下组件的功能。 到这里我们组件内部测试算是通过了，接下去我…