前言 单页应用的优点在于一次载入全部页面资源,利用本地计算能力渲染页面。提高页面切换速度与用户体验。但缺点在于全部页面资源将被一次性下载完,此时封装出来的静态资源包体积较大,使得第一次打开SPA页面时候须要的载入时间较长。 在上一篇文章Angular2 单页应用一些优化总结 中提到的利用压缩、混淆、 ...
分类:
其他好文 时间:
2017-08-06 21:51:33
阅读次数:
127
对于单页面应用,尤其是移动端的网页应用,使用<a></a>标签实现页面切换和跳转会有300ms的延迟,遇到网速慢就会一直加载。所以在SPA应用中,用视图切换来模拟页面的切换vue-router是Vue.js官方的路由插件,它和Vue.js是深度集成的,适用于构建SPA单页面应用。Vue的..
分类:
其他好文 时间:
2017-08-06 10:54:45
阅读次数:
216
你可能已经熟悉了Chrome开发工具的基本功能。: DOM检查器、样式面板和JavaScript控制台。 但也有一些不太为人所知的特性可以显著提高你调试或开发应用的速度。 黑色主题 Chrome开发工具的内置了黑色主题。你可以通过点击开发工具窗口右上角的三点图标,之后点击进入设置页面,切换主题。 有 ...
分类:
其他好文 时间:
2017-08-02 20:01:53
阅读次数:
225
vue-router有提供一个方法scrollBehavior,它可以使切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 这个功能只在 HTML5 history 模式下可用。 ...
分类:
其他好文 时间:
2017-07-14 20:22:45
阅读次数:
749
<ul id="nav"> <li ><a href="index.html">首页</a></li> <li ><a href="1.html">第一</a></li> <li ><a href="2.html">第二</a></li> <li ><a href="3.html">第三</a></ ...
分类:
其他好文 时间:
2017-07-14 13:11:56
阅读次数:
141
一、angular是什么 一款非常优秀的前端高级js框架,由谷歌团队负责开发 angular是通过新的属性和表达扩展了html angular可以构建一个单一页面应用程序(spa:single page applications ),使我们做单页面应用更加容易。 angular自身有很多颠覆性特征, ...
分类:
其他好文 时间:
2017-07-09 16:05:16
阅读次数:
188
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head ...
分类:
其他好文 时间:
2017-06-30 23:47:49
阅读次数:
194
最近用element来做项目,在开发的过程中,突然发现页面的操作和切换在数据量大的时候相当卡,后来提了个issue,在furybean解答后才知道,我每个单元格都加了tooltip,会生成大量的节点,造成页面操作卡顿。后来将tooltip去掉,操作流畅多了。 但是,由于我是将页面的数据存在vuex中 ...
分类:
其他好文 时间:
2017-06-14 22:21:48
阅读次数:
259
1.头部布局文件top.xml:<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width=" ...
分类:
微信 时间:
2017-06-04 18:22:29
阅读次数:
364
在页面子元素单一的情况下通过设置父元素的定位实现页面切换会比设置子元素简单 ...
分类:
Web程序 时间:
2017-06-04 15:50:38
阅读次数:
201