俊竣骏峻浚悛

最近组内在学习next.js,里面涉及到客户端渲染和服务端渲染中使用的不同的技术。我把学习过程中了解到的这些技术点逐个进行分析、比较和总结，咱不废话了，开始吧。 CSR（C...

最近在鱼皮的编程导航星球做嘉宾，需要输出一些内容。 而很多内容我之前写过，所以想复制过来。 这时候我就遇到了一个令人头疼的问题： 知识星球的编辑器也太难用了！ 比如我在掘金...

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使...

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决...

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 W...

在本地开发中，移动端调试是一个常见的场景。 whistle配置移动端代理的整体思路也比较直接，就是将需要调试的移动端设备和开发机连接至同一个网络，然后在移动端设备的网络设置...

因为工作的原因，我和一些国外的工程师们有些交流。他们对于国内环境不了解，有时候会问出一些有趣的问题，大概是这些问题的启发，让我反复在思考一些更为深入的问题。 今天聊三个事情...

在最初开开发package的时候，还属于一种刀耕火种的阶段。没有什么自动化的工具。发布package的时候，都是手动修改版本号。如果packages数量不多还可以接受。但是...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

前言 你是否遇到过这种场景，项目拉下来后执行yarn install安装依赖，yarn.lock 却提示有变更，我明明什么都没做呢，这是为啥？但是基于以往的经验（出过 ca...

我会按照以下几个方向对微前端进行知识梳理： 什么是微前端，微前端的方案有哪些，微前端方案的对比，微前端的适用场景，微前端的实现思路，微前端的底层源码分析，微前端技术的延伸-...

上一节我学习了webpack-dev-middleware，但是单独使用它并没有实现热更新，所以这节我要学习搭配使用webpack-hot-middleware，来实现热更...

HMR即Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行重新打包，并将改动的模块发送到浏览器端，浏览器用新的模块替换掉旧...

为什么选择微前端作为项目亮点 作为面试官，我经常听到很多候选人说在公司做的项目很简单，平常就是堆页面，写管理端，写H5,没有任何亮点，我以我一次面试候选人的经历分享给大家 ...

搭建webpack环境 创建一个项目 目录结构 webpack版本 这里说明一下，webpack4和webpack5的配置信息或者显示信息可能有点区别 编写配置文件 新建文...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...