这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目。 在线地址:请猛击这里源码:请猛击这里 注意:使用PC浏览最好打开移动设备模式,使用移动设备浏览需要关闭无痕浏览模式(否则无法使用本地存储, ...
分类:
移动开发 时间:
2020-05-20 12:50:38
阅读次数:
78
单页面应用 概念 什么是单页应用呢?单页应用的全称是 single-page application,简称 SPA,它是一种网站应用的模型,它可以动态重写当前的页面来与用户交互,而不需要重新加载整个页面。单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。相对于传统的 Web 应用, ...
分类:
其他好文 时间:
2020-05-20 12:38:29
阅读次数:
49
单页应用(SPA)和多页应用(MPA)的区别 英文解释 单页面应用:SinglePage Web Application,简称 SPA 多页面应用:MultiPage Application,简称 MPA 定义区分 (1)单页面应用 只有一个WEB主页面的应用,公共资源(js、css等)仅需加载一次 ...
分类:
其他好文 时间:
2020-05-16 12:35:45
阅读次数:
63
使用vue-router来实现的单页应用,访问http://cnode.lsqy.tech,进入首页,点击按钮跳入另一个路由,一切都是很正常的,但当这时刷新页面,发现就会出现404了。出现这样的错误Cannot GET /message/,因为默认浏览器会认为你是在请求服务端的路由,服务端那边没有对 ...
分类:
其他好文 时间:
2020-05-09 19:27:18
阅读次数:
91
前言 随着Web应用的发展,运行在浏览器端的Web应用能够承担更多且更复杂的业务交互需求,前后端分离模式得以流行,并催生了如 、 等单页应用框架。这些框架简化了开发流程,但对于Web应用的部署并没有统一的解决方案。许多项目团队中,前端开发者在提交代码后仍然需要人工通知项目经理、运维等相关同事进行手动 ...
分类:
Web程序 时间:
2020-05-08 19:56:23
阅读次数:
220
路由就是用来跟后端服务器进行交互的一种方式,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能。 vue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。(传统页面切换是用超链接a标签进行切换) ##### ...
分类:
其他好文 时间:
2020-04-09 12:40:14
阅读次数:
80
问题 在开发一些「单页应用」时,通常会使用 Ajax 和服务器通讯,比如 RESTful API,通常「前端」和「服务端 API」可能是有不同人员在负责,也不在同一个工程下,那么开发过程中就可能会遇到跨域的问题,比如 Chrome 会在 console 中看到这样的错误消息: XMLHttpRequ ...
分类:
Web程序 时间:
2020-04-06 11:45:59
阅读次数:
73
1、什么VuePress 一个 VuePress 网站是一个由 Vue、Vue Router 和 webpack 驱动的单页应用 2、快速上手VuePress // 安装yarn: https://classic.yarnpkg.com/zh-Hans/docs/install#windows-st ...
分类:
其他好文 时间:
2020-04-05 09:25:11
阅读次数:
147
鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇 vue2.0 下的 vuex 使用方法,传送门:使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址:https://coligo.io/learn-vuex-by-building-notes-app/ 前言:在 ...
分类:
Web程序 时间:
2020-04-03 22:12:05
阅读次数:
87
路由原理 传统开发方式 url改变后 立刻发起请求,响应整个页面,渲染整个页面 SPA 锚点值改变后 不会发起请求,发起ajax请求,局部改变页面数据 页面不跳转 用户体验更好 SPA single page application(单页应用程序) 前端路由 锚点值监视 ajax获取动态数据 核心点 ...
分类:
其他好文 时间:
2020-03-28 13:18:55
阅读次数:
84