一般情况下,我们用webpack的时候。大多是用在单页应用上。 单是,某些情况下,我们用来做多页面的时候,有的时候,会需要在html内嵌 <script>,比如说,这个页面是服务端渲染的,我需要服务端带出一个变量。 比如说,在laravel的blade 模板引擎里。我们会这么写。 这样的话,这是一个 ...
分类:
Web程序 时间:
2017-01-08 03:45:57
阅读次数:
257
前言 由于 Angular 是单页应用,会在一开始,就把大部分的资源加载到浏览器中,所以就更需要注意验证的时机,并保证只有通过了验证的用户才能看到对应的界面。 本篇文章中的身份验证,指的是如何确定用户是否已经登陆,并确保在每次与服务器的通信中,都能够满足服务器的验证需求。注意,并不包括对具体是否具有 ...
分类:
其他好文 时间:
2016-12-21 09:38:54
阅读次数:
699
Vuex2.0+Vue2.0构建备忘录应用实践 一、介绍Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,适合于构建中大型单页应用。 1、什么是状态管理模式? 看个简单的例子: <!D ...
分类:
其他好文 时间:
2016-12-02 02:48:24
阅读次数:
281
angularjs是谷歌公司的一个项目,弥补了hml在构建方面的不足,通过指令(directive)来扩展html标签,可以使开发者使用html来声明动态内容。 angularjs主要用来开发单页应用(SPA)为主的项目。 angularjs四个主要特点:1.mvc模式 2.双向数据绑定 3.模块化 ...
分类:
Web程序 时间:
2016-11-30 13:44:17
阅读次数:
186
欢迎关注本人的微信公众号“前端小填填”,专注前端技术的基础和项目开发的学习。 上一节简单介绍了什么是MEAN全栈项目,这一节将简要介绍三个内容:(1)一个通用的MEAN项目的技术架构,(2)为什么我们要打造单页应用,(3)本系列项目的技术架构和开发计划。希望通过这三个问题,我们能够对本项目产生一个全 ...
分类:
其他好文 时间:
2016-11-28 00:20:05
阅读次数:
204
vue.js 是一个客户端js库,可以用来开发单页应用。为了一个项目的选型,我前前后后的看了angular、react、vuejs ,对前两者是佩服,对后者是爱。因为它简洁干净利索,并且还有高大上的web components实现。即使文档不多,我也愿意选择它。接下来,我们首先建立一个开始的项目,并... ...
分类:
Web程序 时间:
2016-11-27 07:18:52
阅读次数:
193
vue-router2.0官方文档地址:http://router.vuejs.org/zh-cn/index.html 单页应用? 单页应用程序(SPA,single page web application)。 SPA其实就是整个网站只有一个页面,只改变页面的显示内容,不需要改变整个网页。 vu ...
分类:
Web程序 时间:
2016-11-18 12:11:30
阅读次数:
402
此前,我使用了react-router库来完成单页应用的路由,从而实现组件之间的切换能力。然而,默认页面的切换是非常生硬的,为了让页面切换更加缓和与舒适,通常的方案就是过渡动画。 这里我调研了2种实现方案,它们都能够为react-router实现路由切换时的过渡效果,第1种是react官方自带的Re ...
分类:
Web程序 时间:
2016-11-15 20:22:50
阅读次数:
696
这几天在学习vueJS,学了半个月,觉得是不是该写点什么呢?于是 、脑子一抽,仿了一个酷狗的webapp。 项目截图: 由于是单页应用,切换路由时音乐不会停止,算是一个小亮点吧。 技术栈: vuejs2.0 vue-router vuex vue-router mint-ui 演示地址和项目地址 g ...
分类:
移动开发 时间:
2016-11-11 23:23:04
阅读次数:
244
所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华,把AJAX的无刷新机制发挥到极致,因此能造就与桌面程序媲美的流畅用户体验。开发框架 ExtJS可以称为第一代单页应用框架的典型,它封装了 ...
分类:
其他好文 时间:
2016-10-21 08:00:47
阅读次数:
185