从2017年pnpm的诞生，到现在各公司都在去npm、yarn化，pnpm正在陆续接管各大前端项目的依赖包安装。原因在于她使用软链接和硬链接的方式不仅提高了安装速度还节约了磁盘空间，同时避免了依赖分身和幽灵依赖等问题。 这篇文章先对比一下npm、yarn、pnpm的区别，再了解一下硬链接和软链接的应用。开始吧。 npm 老牌包管理工具npm的成功主要原因是Node的横行，引入了package.json文件，将所有的依赖都添加到了package.json中，比如运行 npm install --save lodash…
docker在前端的使用 - 命令篇 本地镜像管理 docker images : 列出本地镜像。 ➜ ~ docker images REPOSITORY TAG IMAGE ID CREATED SIZE demo/nginx v1 7ae06402eb54 About an hour ago 142MB docker rmi : 删除本地一个或多个镜像。 docker rmi -f demo/nginx:v1 docker tag : 标记本地镜像，将其归入某一仓库。 docker build 命令用于使用 …
这是docker在前端的使用实践篇，本文从一个小Demo入手，来学习一下基本的使用姿势。 拿一个场景来说，如果我们想要搭建一个网站，那我们常规操作需要这几部： 买一个云服务器，或者自己搞一个树莓派。 给服务器上装一个系统，无论是CentOS还是Ubuntu。 然后装nginx，如果需要数据库，那可能装一个套装。 前端在本地开发好项目，然后build出产物。 将产物同步到服务器上，然后配置一下nginx.conf，指定一个端口，配置上域名。 那就可以正常访问了。常规操作没有什么问题。 那我们现在用Docker来构建一…
入门篇 docker在前端的使用 - 入门篇 在招聘后端同学的JD中，docker是一个比较重要的考察点，但是这些年前端的发展使得前端coder也需要懂一些docker的基本使用，这样在部署的时候才不至于过渡依赖运维同学。 因为这是针对前端coder的一篇入门级的docker介绍，所以我们就用理论+实践的方法来了解一下。 虚拟化 首先先了解一下什么是虚拟化，简单来说，虚拟化是一些程序创建虚拟化的过程，虽然说虚拟化可以应用到计算机、操作系统、网络、存储设备等，但是服务器才是虚拟化应用的最主要的地方。 虚拟化使用软件来…
一个人做到只剩了回忆的时候，生涯大概总要算是无聊了吧，但有时竟会连回忆也没有。 ——鲁迅 《朝花夕拾》 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 我们常见的 meta标签中的 viewport 是 HTML5 针对移动端新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现，提供响应式解决方案。 一、引言 在PC时代，我们用 css 设置 1px 边框，显示器会用1个物理像素进行渲染。而进入移动应用时代后，我们原来设置1px边框…
对于一个从小不喜欢语文、不喜欢阅读、作文很少及格的理科生来说，做梦也没想到，有一天我会写一篇文章教人如何写文章 :) 一、为什么要写文章 懂了，不一定能说出来，说得出来，不一定能写出来。这就是写文章最大的好处，官方术语叫“费曼教学法”。写文章是一个逼迫自己深入理解问题、把问题想清楚，整理好思路，并能清晰表达出来的过程。其本质是一种自我学习、自我提升、构建知识体系的最佳方法。 除此之外，写文章还有一个副产品——帮助我们扩大影响力。就拿我来说，我大概是在4年前，开始有规划地搭建自己的知识体系，包括阅读、记笔记、写文章、…
起因 源于一次面试：我让面试者展开讲了一下她的项目经历（一个内部使用的组件库）。多个包的维护方式让她在开发过程中浪费了大量的时间。虽然是用的Multirepo的组织方式，但是她并知道Multirepo的管理理念，且更不懂Monorepo。这我岂能容忍，必须解释一番。 Monorepo 和 Multirepo 是两种不同的源码管理理念。 Monorepo 是把所有的相关项目都放在一个仓库中（例如：React, Angular, Babel, Jest, Umijs, ...） Multirepo 则是按模块把子项目拆…
金三银四已过半，各大公司抢人大战已进入白热化。能否进入一个自己心仪的公司，拿到自己满意的薪资。面试中的能力展现很重要，但是能不能进入面试环节更重要。 「无刷题，不面试」应该是当下初中级开发工程师的常态。 「BB is nothing，show me the code」应该是当下好多公司面试的常态。 目前在前端领域，人才供给呈现出一个底面特别宽的金字塔形状。 开发同学特别多，但是好多公司还是会出现用人荒、招人荒。不得已在当下时段好多公司会选择适当的降低面试标准。 这也让好多开发者有了相对简单的进入大厂的机会。 拿到一…