个人项目学习使用，购买了一台阿里云服务器，并部署了几个小项目，数据库采用 MongoDB，为了避免服务器挂掉，数据丢失，因此对数据做一个定时备份。 导出数据虽然比较简单，但是为了避免出错，建议先在本地跑一下这个命令，然后在到服务器去运行。 每次进入服务器都需要执行导出命令，再打…

2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因此能兼容现…

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常，异常就是预料之外的事件，往往影响了程序的正确运行。例如下面几种场景： 这些情况都是极其影响用户体…

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

本文旨在帮助大家在闲暇时间掌握TS用法，故抽出时间，学习整理TypeScript教程，本文大部分内容来自阮一峰老师的网站，大家放心阅读。 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源…

则会返回template目录下的所有后缀为.ejs模块的引用，包含子目录。 以及一个匹配文件的正则表达式。 导出的方法有 3 个属性： resolve, keys, id。 resolve 是一个函数，它返回请求被解析后得到的模块 id。 keys 也是一个函数，它返回一个数组…

随着公司各端的业务进行，前端方面会沉淀出一些通用的解决方案和模板。此时，统一维护和管理就非常有必要了。allen-cli就是基于这样的场景而诞生的。 输入allen init命令选择一个脚手架模版进行下载，然后创建对应的app。 动态选择构建环境，适配移动端等不同情况。 1. …