说到微前端之前先提一下微服务。微服务是为了解决庞大的后端服务带来的变更与拓展方面的限制，而将一个大型的服务应用分割成若干个颗粒度较小的可独立开发、测试及部署的单个子应用。而越来越复杂的前端项目也面临同样的问题。于是有了微前端的诞生。

前言现在前端越来越流行模块化开发，安装使用 node 和 npm 可以方便下载管理各个依赖模块。而描述模块信息的文件就是 package.json ，那么package-lock.json 又是什么，跟 package.json 有什么关系？本文将对该问题进行探索。一、package.json{"name": "webpack-test","version": "1....

随着前端由多页面到单页面，由零散的文件到模块化开发，在一个完整的项目中，package.json 文件无处不在。首先，在项目根目录会有，其次在 node_modules 中也频现。那么这个文件到底是干嘛的，又有什么作用，今天给大家揭晓。

随着前端业务越来越复杂，为了更好地维护和拓展系统，我们需要将视图、逻辑和数据分层管理。像经典的 MVC 模型、MVP 模型及 MVVP 模型就是一种系统分层管理理念。而像前端常用框架 React 和 Vue 就是 MVVP 模型的最佳实践。

很多 App 应用中会有添加和删除常用的应用功能，今天就用 Vue 来实现这个功能。

在移动应用中，大部分应用都是底部会有几个 tab 切换页。只是在底部切换到相应的页面，并且 tab 样式状态改变很容易实现，但是如果是其他页面跳转到 tab 页，tab 样式改变要如何实现昵？如下图，假设点击提交之后要调转到首页，并且修改首页 tab 样式为激活状态。

Vue 生命周期钩子函数执行顺序

今天给大家分享一下使用 Vue 拖曳排序功能

实现无缝轮播。

提交或者操作完成之后，进入一个成功或者失败的结果页。