JOUEN

最近前 leader 找到我，让我帮他面试一个前端开发的岗位（react技术栈，3年+），在整理面试题的时候，想到几年前跳槽的时候面阿里高德时被问到的一个 “刁钻” 面试题...

大家好，我是沐华。我发现很多5年以上前端，简历上写的基本都是熟练使用 Vue2、Vue3、React 并阅读源码对其实现原理有自己的理解，实际问起来却不免让人唏嘘...

又又又又 千算万算，没想到换cto是这么随意的事情，最近换了个中国人cto，刚来第三天就组织架构调整，把前端小组端了，没换之前感觉挺好的....就开发避坑公司名单加一吧——...

工作中接触到了移动端的开发，所以最近学习一下移动端相关内容。 移动端适配的目的 让拥有不同屏幕大小的终端设备拥有一致的 UI 界面，让拥有更大屏幕的终端展示更多的内容...

一、问题引出 在使用一些图片图标、样例图时，我们往往将其设计为一个具有一定宽高的背景盒子： 如果项目中存在大量的这种小图，就会引发一个问题： 大量的小图引起了大量的请求，不...

先说下我们希望达到的效果。 4、在sass中编写，按需合并。 一种是以webpack-spritesmith、postcss-sprites为代表的插件，webpack-s...

当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，我们将从速度和体积两方面来探讨构建优化的策略。...

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。...

1. 处理方式 2. 对比 3. 具体操作步骤...

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你...

使用 webpack 进行打包，每个资源都可以生成一个带 hash 的路径。浏览器可以利用该 hash 能够做到资源缓存，访问性能提升。 我们可以通过 output.fil...

useRef与createRef的区别 useRef与全局变量的区别 useRef与state的区别 useImperativeHandle与forwardRef配合使用...

React Profiler 的使用 前言 平时大家开发项目的时候，有时候会感觉项目卡顿，通常情况下可以即时做出整改，但也有时候不太容易找到引起卡顿的点，或者说不好发现潜在...

前言 埋点，可以理解为针对用户的特定行为，进行一个记录，处理和发送相关事件以及对应的数据的技术。这里，我们看如何在编译过程中，实现埋点点击自动上报。...

本篇文章详细介绍了 Vite 的使用，讲述了 Vite 的核心思想、对不同文件的支持以及Vite脚手架的使用，最后补充了ESBuild的原理。...

秋招已经来临了，笔者作为一名23届毕业的大三学生，在这周内已经面试完4-5家公司了。所以趁着周末，总结一下这周面试碰到值得记录的题目。作为分享，也作为自我的总结。...