开个坑，主要也是怕自己后面忘了 简单写写，有空了补上 __webpack_modules是一个数组，每个元素都是一个函数，函数接受三个参数：第一个参数module好像没用到，第二个是一个对象（会把本模块要导出的属性，赋值给这个对象），第三个是__webpack_require方法（用于引入其他的模块）。函数体里面就是原本这个模块的代码，然后会通过__webpack_require.d方法（类似ob

为什么需要动态加载上一篇讲我写webpack针对markdown的loader的时候，提到了希望能动态加载以优化性能。篇幅原因没有展开说，打算单独写一篇文章讲一下。 当我们访问网站的时候，浏览器会向服务器请求页面资源。首先请求的当然是html文件。html文件里会带很多script标签，浏览器解析到这些标签的话，就会去下载这些js资源。当然有些script标签带了async或者defer属性，不会

因为觉得hexo框架搭的博客功能一般，就有了想要自己写一个博客的想法。然后就想着如果把markdown文件也放到项目里的话，会比较方便，发现需要编写一个加载markdown的loader，于是就有了这篇博客，来记录一下踩过的坑和收获 loader的作用我们都知道，直接在代码里面通过require或者import去引入markdown文件是会报错的，因为webpack在打包的时候不知道如何去处理

开始前的碎碎念 最近加班真的很严重，组里同事们都已经苦不堪言。业务交付压力非常大，根本没时间去磨练本领，学习技术。真的很讨厌这种没有成长的日子，每天被业务需求赶着跑。每天下班之后，本来应该用于提升自我的时间也被压榨用来写业务代码。 希望组里能早日摆脱现状，不然就只能润了 很多人应该都听过http缓存，也是比较常问的面试题吧。还记得我当时什么也不会，刷面经的时候就看到什么http状态码里的304

遇到了invalid hook call报错上周，业务下游的同事反馈了一个生产问题，说我们传的值有问题，领导让我帮忙排查一下。我最近一直没做那个项目相关的需求，打开那个项目切到release分支，拉代码，npm i然后启动，结果就白屏了。。。 打开控制台，看到了invalid hook call的报错，发生在公共组提供的一个组件里面。这个报错其实还有点讲究，我们都知道react的hook因为实现方

令人困扰的问题是因为异步吗大家都知道，react的useState和useReducer，在set和dispatch之后，马上去获取值，是拿不到最新的值的。这个原因之一是useState和useReducer是异步更新的，也就是说我们刚调用完set和dispatch马上去取值，这种同步代码执行的时候，状态还没更新呢，所以拿不到。 同步如何那我们如果换成redux呢？redux不使用中间件扩展的话，

试着自己发布了一个npm包，记录一下自己踩的坑 package.json首先npm init，然后添加type:module字段，将其定义为一个es6模块。然后在files字段设置要发布上去的内容，比如dist文件夹。 接下来将开发用到的依赖添加到devDependencies里面去，比如react，和打包工具等等。这样当我们的包被引入时，就只会引进来我们的包，而不会把我们的依赖也一起安装下来。

本文将简要介绍几个概念，如SPA, CSR, SSR, 前端路由。适合小白，我将用浅显又生动的话语来介绍这些概念。 什么是SPASPA（single page application）单页应用，占了现如今web应用的绝大多数。其意思就如字面所言，但是或许小白们不能真正理解何为单页，且让我讲给你听。我们先说，CSR（客户端渲染）和SSR（服务端渲染）都是SPA，我们先讲CSR的情况 从一个很经典的问

最近几个月被业务需求搞的要死，已经到了周末两天都要去加班的地步了。也没机会像之前那样，晚上下班之后到家学习一两个小时了。最近被逼急了，想着这样加班岂不是永远没有学习的时间，没有学习怎么能提升自己，于是晚上决定十一点到家也要翻翻书，哪怕就十几分钟，也比啥也不干强。碰到什么零碎知识点就记下来，有空回顾回顾 浏览器解析拿到的html文档时，是按顺序解析html节点的。按顺序将html构建成dom，

因为css的知识比较琐碎，所以特地记录一下工作中踩过的坑 一个简单的答案和解决办法前两天在工作中踩了个坑，给一个子元素设置了100px的margin-top，然后父元素没有设置border-top和padding-top，原本期待的是父元素能够顶到最上面，然后子元素在父元素内部，和父元素的顶部保持一个100px的距离。但是结果是，子元素的顶和父元素的顶贴在了一起，然后父元素没有顶到最上面，反而