微前端概念的出现是前端发展的必然阶段，PC 互联网转向移动互联网时代时，PC 场景并未完全消失，反而衍生出了更多沉浸感更高、体验感更强的应用，与之对应的应该是出现新的架构模式来应对这些应用规模的增长。

最近发现公司一个项目的目录组织挺奇怪的，所有的子项目都放在了packages目录里，还有这种骚操作？特意查了下资料，发现是一种比较流行的monorepo项目管理模式。近几年比较火的React,Vue,Babel都是用的这种模式: 我们平常一般采用的都是multiple repo…

技术栈NestJS+MongoDB+TypeORM+apollo-GraphQL第一步，项目搭建安装@nest/cli脚手架用于生成项目；生成项目启动项目启动完成后默认地址为：http://local

[本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。] 1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作： 2. 临时增删元素 class 3. document.body.conte…

毫无疑问，DevTools是我们在开发和测试Web应用程序时最有用的工具之一。在Chrome 85中，DevTools增加了几项改进，比如。 在Console settings中，Group similar切换现在适用于重复的消息，控制台设置中的 "只选择上下文（Selecte…

前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…

只要在写前端代码就避免不了使用流行的 UI 组件库，例如 ElementUI 、 Ant Design 。但是我们只停留在使用层面上的话，未免显得肤浅。因此作者一直都想编写一个属于自己的 UI 组件库。 前端工程：组件库基础结构、打包组件库、发布组件库、发布组件库文档。 语言层…

目前团队内已经有较为成熟的 Vue 技术栈的 NutUI 组件库[1] 和 React 技术栈的 yep-react 组件库[2]。然而这些组件库大都从零开始搭建，包括 Webpack 的繁杂配置，Markdown 文件转 Vue 文件功能的开发，单元测试功能的开发、按需加载的…

webpack除了可以用来打包应用，也可以用来打包js库。 下面我们用一个例子，来演示一下如何用webpack来打包一个js库。 实现一个大整数加法库的打包。 支持AMD/Commonjs/ES6 Module模块引入。 1. 创建项目目录 2. 安装webpack &#x26…