Vite1还没用上，Vite2已经更新了，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长打算以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因…

正如你所看到的，这个有添加有删除功能，还需要长成这样。后端给的数据格式经过简化为: 后端怎么把数据传给我的，我就需要按这样的格式传给他，中间用户可能修改value值，然后需要把这些值进行校验，并且传给后端。这个后台是很古老的东西，具体是用jquery通过字符串拼接的方式，将数据…

1. 接口模块处理 这里封装的依据是后台传的JWT，已封装好的请跳过。 这里做的处理分别是会话已失效和登陆超时，具体的需要根据业务来作变更。 最后是导出基础请求类型封装。 其中给get请求加上时间戳参数，避免从缓存中拿数据。 除了基础请求类型，还有很多类似下载、上传这种，需要特…

在开始教程前，先看看我们通过本教程能学到什么。 调整 package.json 文件，以便确保我们安装包是私有的(private)，并且移除 main 入口。这可以防止意外发布你的代码。 同时加入script命令，让执行npx webpack 等同于执行npm run buil…

前端技术日新月异，随着 大前端 的趋势，想要成为一名合格的前端工程师，需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中，既要不断夯实前端基础，也要快速响应技术的更新迭代。闲话少说，这次给大家整理分享一些前端进阶的优质学习资源，希望对大家有所帮助！ 0. 年度报告 1. 基…

前端同构渲染的相关架构，给我最直观的感受，这是前端渲染最为复杂的一种方案，也是为了追求极致的用户体验不得不去做的一种尝试，虽然 Node.js 的引入赋能了传统前端领域、SEO 优化也不再是个问题，但很明显，这些只是副产品。 我们所知的传统型 SPA，单页面应用，贴近用户端越近…

之前有提过webpack根据不同的环境我们会加载不同的配置。我们只需要提取出三部分。 我们这里现在简单分层：正式项目最好创建一个config/webpack目录管理。 下面是源代码。 很明显上面watch模式效率不高而且很不方便, 编译完还需要刷新页面, webpack可以开启…

自动配置路由。 jscpd检查重复代码。 1. 实例 2. 安装流程 3. 支持导入markdown以及markdown样式自定义 由于vue-markdown-loader与vue-loader版本15有兼容性的问题，所以利用text-loader将Markdown文档导入并…

单选、多选的区分，以及对应处理。 1. 实例 2. 原理 下拉框：包含已选中的高亮项，禁用项，默认选择选项等，具备点击选中，再次点击取消的操作。 利用 tabIndex 属性使得最外层的 div 能够触发 blur 事件，如果失焦就收起下拉框。 组件实现数据双向绑定，当 v-m…