争霸爱好者

前言 事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进...

最近在群里，有个小伙伴问了这么一道很有趣的问题： CSS 能否实现，容器再某个高度下是某种表现，一旦超出某个高度，则额外展示另外一些内容 为了简化实际效果，我们看这么一张示...

以下是布局： 首先，container是需要有高度的一个容器，具体怎么设置需要结合布局实际需求，大多数情况可以使用flex:1去设置。 同样的，给container设置di...

19年刚毕业的时候，我就接触过 TS，因为组里的项目用到了 TS，不学不行。但我其实只了解了 TS 一些很零碎的概念，因为日常工作是一个拧螺丝的过程，只需要把别人的代码复制...

浏览器架构 浏览器架构演进 单进程架构：所有模块运行在同一个进程里，包含网络、插件、JavaScript运行环境等 在早期的浏览器中，所有的功能都在一个进程中完成，包括用户...

记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged...

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦...

在网上看到了很多前后端协作规范的文章，比如约定code的含义，约定请求方法等等。其实这些内容都是比较基础和偏底层的，我们在公司开发需求时，一般都是在已有项目上进行开发，上面...

Remote Dev 结合 Setting Sync ，VSCode 已经成为个人最喜欢的应用程序，希望它也能成为你最喜欢的应用程序。...

假设 React 组件有这样一个状态： 我们这样修改了它的状态： 你觉得组件会重新渲染么？ 我们先在 class 组件里试一下： 渲染 state.a.b 的值，两秒以后修...

babel 和 eslint 都是我们项目中常用的工具，两者都是基于 AST 去扩展的，前者做代码的转换，后者做错误检查和修复。两者都能够做到分析和转换代码。所以两者有啥不...

useState更新问题、hooks中的useState怎么做到像setState的第二个参数（回调）取到更新后的值...

以一个项目中实际的例子，介绍如何使用React插槽和PureComponent优化你的React代码...

本文主要介绍了babel根据注释自动生成埋点方法的插件源码，已日常开发的埋点需求为导向，处理了埋点的常用场景。其他比较特殊的场景，也可以在此基础上进行拓展。...

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转...

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效...

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述...

今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和...

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpa...