前段时间做了一个PC端单页面应用 GitHub因为项目开始的比较仓促,加上本人前端经验特别少,虽然项目大体完成了,但是页面布局确成立它的硬伤...为了填补心里落差,专门做了一个h5的单页面布局,代码很简单,大牛请绕过。 演示:Demo-Oline 页面兼容 IE11/Chrome/FireFox(I ...
分类:
其他好文 时间:
2019-12-17 20:18:47
阅读次数:
95
Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。vue-router 默认 hash 模式,还有一种是history模式。 hash模式 hash模式的工作原理是hashchange事件,可以在window监听hash的变化。我们在u ...
分类:
其他好文 时间:
2019-12-16 18:59:03
阅读次数:
64
什么是路由之前有个小伙伴面试被问到:面试官:不用vue能不能写单页面应用?答:用angular啊(咳咳,开个玩笑),答案确实是可以的,原生js中有个事件叫做onhashchange,可以在window对象上监听这个事件,通过触发事件动态加载js,实现了没有向服务器发起请求却能通过url和页面关联,这... ...
分类:
其他好文 时间:
2019-12-15 01:19:56
阅读次数:
133
简介 React:React是一个用于创建可重用且有吸引力的UI组件的库。它非常适合代表经常变化的数据的组件。 Vue:Vue.js是一个开源JavaScript框架,能够开发单页面应用程序。它还可以用作Web应用程序框架,旨在简化Web开发。 共同点 1:都是为了一起与核心库使用而构建的,并将其他 ...
分类:
其他好文 时间:
2019-12-09 17:20:34
阅读次数:
86
Create React App 是用 React 创建新的单页应用的最佳方式。 单页面应用(single-page application),是一个应用程序,它可以加载单个 HTML 页面,以及运行应用程序所需的所有必要资源(例如 JavaScript 和 CSS)。与页面或后续页面的任何交互,都 ...
分类:
移动开发 时间:
2019-12-06 19:17:31
阅读次数:
117
如标题所说,本文提供的方法适用于多页面网站,如SPA单页面应用等不适用。 利用window.onpopstate和window.history.pushState 控制浏览器后退键失效,下面说一下如何实现。 1.在你需要禁止浏览器后退键的页面上加上下面的代码: <script> $(document ...
分类:
Web程序 时间:
2019-12-04 14:50:44
阅读次数:
89
vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。 1.关系介绍 1.简单的说 Node.js 就是运行在服务端的 JavaScript。 2.NPM是随同NodeJS一起安装的包管理工具( ...
分类:
Web程序 时间:
2019-11-26 19:26:41
阅读次数:
139
安全问题的分类 按照所发生的区域分类 后端安全问题:所有发生在后端服务器、应用、服务当中的安全问题 前端安全问题:所有发生在浏览器、单页面应用、Web页面当中的安全问题 按照团队中哪个角色最适合来修复安全问题分类 后端安全问题:针对这个安全问题,后端最适合来修复 前端安全问题:针对这个安全问题,前端 ...
分类:
其他好文 时间:
2019-11-24 13:50:00
阅读次数:
187
什么是单页面应用(SPA)? 单页面应用(SPA)是指用户在浏览器加载单一的HTML页面,后续请求都无需再离开此页 目标:旨在用为用户提供了更接近本地移动APP或桌面应用程序的体验。 流程:第一次请求时,将导航页传输到客户端,其余请求通过 REST API 获取 JSON 数据 实现:数据的传输通过 ...
分类:
其他好文 时间:
2019-11-23 09:42:58
阅读次数:
88
单页面应用组件通信有以下几种,这篇文章主要讲 Angular 通信 父组件 => 子组件 子组件 => 父组件 组件A = > 组件B 父组件 => 子组件 子组件 => 父组件 sibling => sibling @input @output setters (本质上还是@input) 注入父组 ...
分类:
其他好文 时间:
2019-11-19 01:17:32
阅读次数:
69