空水涧

公司各业务线经常会制作一些活动页面用于活动的推广营销，拉新留存，这类页面布局类似，需求高频，开发任务重复且消耗各方的沟通时间和人力。为了解决这些痛点提高人效，需要为业务提供...

Webpack 5 的消息尽管已经出来了许久，但是正式版一直还未发布。Webpack 5 的 ChangeLog 中，除了常规的性能优化、编译提速之外，有一个比较让人期待的...

monorepo 是什么 monorepo 是把多个项目的所有代码放到一个 git 仓库中进行管理，多个项目中会有共享的代码则可以分包引用。整个项目就是有 root 管理的...

最近心血来潮打算用vue3+ts写一个背诗的h5（为满足自己的背诗习惯）。工欲善其事，必先利其器。先搭个架子啦！虽然是自己一个人写的项目，但是该有的开发规范也是要有的哦！在...

主要以Umi为基本生态圈，实现各种微前端父子交互和响应，探索更好的技术方案，规划一个内部前端的技术方案，目的是优化业务和更好的开发体验。...

本周精读的仓库是 immer。 Immer 是最近火起来的一个项目，由 Mobx 作者 Mweststrate 研发。 了解 mobx 的同学可能会发现，Immer 就是更...

前端工程化大家多多少少都接触过一些随便抓个小前端一问都知道：“前端工程化？大家都知道啊，大概就这样”为什么要工程化在我的理解有这几点：方便管理、专注开发、快速迭代等我们先说...

docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，方便运维管理。对开发者也更方便开发，测试与部署。 最重要的是， 当你面对一个陌生的项目，你可以照着 Doc...

默认情况下 MongoDB 是不开启用户认证的。如果我们添加用户，那么需要开启用户认证机制。通过修改 mongodb.conf 配置文件(/etc/mongodb.conf...

关于 Docker 的概念是确实不太好总结，下面我通过四点向你说明 Docker 到底是个什么东西。 Docker 是世界领先的软件容器平台。 Docker 使用 Goog...

点击“用户身份验证”，输入你购买云服务器时设置给该服务器设置的用户名和密码，然后点击“确定”或者“连接”都可以。注意，不是你的阿里云账号密码，是云服务器的用户名和密码 随后...

- 面试官和候选人的知识结构可能有差异 => 可能会错过优秀的人 - 遇到「面霸」，频繁面试刷题，但是实际能力一般 => 招到不合适的人 - 要在短短半个小时到一个小时内判...

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不...

如今，在我们繁忙的日程和紧迫的截止日期中，选择能够提高工作效率的工具至关重要。 在这里，我整理了一些我最喜欢的 NPM 包的列表。 我也将它们分类，因此信息更加结构化，更易...

背景 在做 Web 应用的时候，你或许遇到过这样的场景：为了实现一个使用率很低的功能，却引入了超大的第三方库，导致项目打包后的 JS bundle 体积急剧膨胀。 我们有一...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

Function.prototype.call，手写系列，万文面试系列，必会系列必包含的内容，足见其在前端的分量。 本文基于MDN 和 ECMA 标准，和大家一起从新认识c...

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 ...

根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss...