把之前的项目改成了纯前端单页应用，彻底抛弃了iframe，附源码下载

本文主要是介绍把之前的项目改成了纯前端单页应用，彻底抛弃了iframe，附源码下载，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

还是Vue + Element UI, 只不过改成了纯前端的项目(以前是在浏览器环境下开发，全部是JS文件，没有打包，没有组件包的管理，每个页面都是iframe，真的非常的不舒服)，抛弃MVC视图引擎，打包调试全是npm命令，界面如下，左边是一个树导航，右边是一个路由页面

里面也用到了 vue-resize-directive html元素尺寸改变触发组件，moment 时间格式处理组件，loadash常用函数库(防抖处理，数组操作之类)等等解决一些琐碎的问题，具体看源码好了，在此不细表了

值得注意的是，里面虽然调用了后端接口，但是数据确是用mock.js 模拟出来的，所以整个项目是可以用vs code，HBuilderX 等前端开发工具运行起来的

链接在此

这篇关于把之前的项目改成了纯前端单页应用，彻底抛弃了iframe，附源码下载的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

HTML5教程