项目简介 基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next、scss 等最新语言特性。项目包含: 基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具:webpack、babel、node-sass单元测试 ...
分类:
其他好文 时间:
2020-03-27 12:41:45
阅读次数:
82
在单页应用的世界,随着项目的复杂化,webpack打包后的文件越来越大,进入页面时,加载内容过多导致加载时间变长,不利于用户体验。 那什么是懒加载? 懒加载也叫延迟加载,即需要的时候进行加载。 1) 先来看看平时路由是如何配置 import Vue from 'vue' import Router ...
分类:
其他好文 时间:
2020-03-21 23:32:51
阅读次数:
88
所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华,把AJAX的无刷新机制发挥到极致,因此能造就与桌面程序媲美的流畅用户体验。 为了解决单页应用规模增大时候的代码逻辑问题,出现了不少MV* ...
分类:
其他好文 时间:
2020-03-12 21:39:28
阅读次数:
54
(1)webpack作用 1、前端为什么需要webpack? 现在的前端网页功能丰富,特别是SPA(single page web application 单页应用)技术流行后,JavaScript的复杂度增加和需要一大堆依赖包,还需要解决SCSS,Less……新增样式的扩展写法的编译工作。所以现代 ...
分类:
Web程序 时间:
2020-03-02 18:54:54
阅读次数:
96
一.了不起的vue 1.官方介绍 Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提 ...
分类:
其他好文 时间:
2020-02-16 12:43:56
阅读次数:
73
应用为VUE单页应用,路由模式为history,web服务器为nginx,正常情况下如果直接通过url访问一个中间页(不是index.html)时,会看到nginx返回的404错误,这个问题目前我只能通过修改nginx站点配置文件来实现。 具体代码(只看红色加粗的部分就行): ...
分类:
Web程序 时间:
2020-01-22 12:48:51
阅读次数:
197
最近用vue+vue-router做了个单页应用的项目,页面大概有15个左右。积累了一些开发经验在此做一些记录.本文主要从可维护性方面来考虑SPA的开发实践 全站的颜色定义放在一个less或者scss的文件里,其他组件和页面import这个配置来引用颜色。 示例代码:define.scss $bgC ...
分类:
其他好文 时间:
2020-01-18 19:22:50
阅读次数:
92
vue-router是什么? 首先我们需要知道vue-router是什么,它是干什么的? 这里指的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。替换,vue-router就是WebApp的链接路径管理系统。 vue-router是Vue.js官方的路由插件,它和 ...
分类:
其他好文 时间:
2020-01-14 13:00:59
阅读次数:
1264
单页应用(SinglePage Application,SPA) 指只有一个主页面的应用,一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。 多页应用(MultiPage Application,MPA) ...
分类:
其他好文 时间:
2020-01-09 10:18:37
阅读次数:
69
简介 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 环境安装 ...
分类:
其他好文 时间:
2020-01-07 00:51:07
阅读次数:
83