APICloud新建项目后,会生成以下目录结构 其中index.html是入口文件,而vue-cli打包生成的文件是在dist目录下 ├─dist│ └─static│ ├─css│ └─js │ └─index.html 把dist目录中的static文件夹和index.html复制到apiclo ...
本节课讲解 打包 单页应用 过程中的代码分割和代码懒加载。不同于多页面应用的提取公共代码,单页面的代码分割和懒加载不是通过 配置来实现的,而是通过 的写法和内置函数实现的。 目前 针对此项功能提供 2 种函数: 1. : 引入并且自动执行相关 js 代码 2. : 引入但需要手动执行相关 js 代码 ...
分类:
Web程序 时间:
2018-08-17 14:21:13
阅读次数:
179
一、vue.js是什么 Vue 是一套用于构建用户界面的渐进式框架。 Vue 被设计为可以自底向上逐层应用。 Vue 完全能够为复杂的单页应用提供驱动。 Vue 的核心库只关注视图层。 Vue的核心是采用简洁的模板语法来声明式地将数据渲染进 DOM 系统。 二、基本使用 每个 Vue 应用都是通过 ...
分类:
Web程序 时间:
2018-08-15 22:52:44
阅读次数:
205
vue路由对于单页应用很有用,但是小程序不支持,所以mpvue框架不支持。 ...
分类:
其他好文 时间:
2018-08-07 18:59:20
阅读次数:
132
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vu ...
分类:
移动开发 时间:
2018-08-06 11:06:56
阅读次数:
651
1.组件 组件就是可以扩展HTML元素,封装可重用的HTML代码,可以将组件看作自定义的HTML元素 组件的复用实例,全局注册(主体代码): 效果: 2.组件组织: 该图很好的表明了组件的组织关系对应图,或者说是层级关系 Vue.js通过组件,把一个单页应用中的各种模块拆分到一个一个单独的组件(co ...
分类:
其他好文 时间:
2018-07-25 20:14:15
阅读次数:
151
简介 Webpack是一个前端构建工具,本文将简要介绍它最常用的功能,并创建一个基于webpack的前端开发环境。 范例项目 包含两个页面,列表页list.html和详情页detail.html,仅作为Webpack打包的演示,不实际开发功能。范例项目是一个多页面应用,而非SPA(单页应用)。我们将 ...
分类:
Web程序 时间:
2018-07-25 01:08:40
阅读次数:
200
在单页应用中,懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载所用的时间,路由中懒加载机制是懒加载机制中的一种。 ...
分类:
其他好文 时间:
2018-07-24 11:13:52
阅读次数:
190
“懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用 ...
分类:
其他好文 时间:
2018-07-24 10:16:15
阅读次数:
189
一、vuex介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 即data中属性同时有一个或几个组件同时使用,就是data中共用的属性。相当于全局变量 适合开发大型单页应用 二、安装 三、 ...
分类:
其他好文 时间:
2018-07-20 18:59:18
阅读次数:
166