SPA应用部署时首屏启动慢问题解决方案 使用vuejs开发的单页应用，打包部署上线后，发现首屏启动时间达到了惊人的10s左右，于是开始优化，目前使用到的总结如下： 巧用webpack插件 1、抽取css文件 2、模块化抽取 对应的entry是这么写的： 3、gzip代码压缩 4、代码压缩 nginx ...
分类：
其他好文 时间：
2018-05-31 00:32:49
阅读次数：
366
优点： 1.体验好，不刷新，减少 请求 数据ajax异步获取 页面流程； 2.前后端分离 3.减轻服务端压力 4.共用一套后端程序代码，设配多端 缺点： 1.首屏加载过慢； 2.SEO 不利于搜索引擎抓取 2解决办法：VUE SSR 只是解决SEO问题； 1解决方法：路由图片、懒加载、js按需加载、 ...
分类：
其他好文 时间：
2018-05-23 02:01:48
阅读次数：
202
Nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。再直白点说，就是Vue.js原来是开发SPA（单页应用）的，但是随着技术的普及，很多人想用Vue开发多页应用，并在服务端完成渲染。这时候就出现了Nuxt.js这个框架，她简化了SSR的开发难度。还可以直接用命令 ...
分类：
Web程序 时间：
2018-05-22 19:43:49
阅读次数：
215
1. 简介 路由，工作原理与路由器相似（路由器将网线总线的IP分发到每一台设备上），Vue中的路由根据用户在网页中的点击，将其引导到对应的页面。 2. 使用步骤 安装vue-router或者直接引入vue-router.js（下载地址：https://router.vuejs.org/） 例：SPA ...
分类：
Web程序 时间：
2018-05-21 21:17:37
阅读次数：
202
目录结构 上面这张图是salut的目录文档，从github上将其下载后直接运行node run和 node json 可以直接启动项目。下面逐个介绍每个目录的存放的文件和作用。 construction 该目录下存放着工程文件，grunt配置文件以及几本requireJS，在此处运行npm inst ...
分类：
Web程序 时间：
2018-05-20 16:40:47
阅读次数：
225
配置文件 在开始我们的第一个界面之前，我们需要把初始的html和config文件配置好。html非常简单，只需要一个div作为最外部的容器包裹着所有界面即可： 接下来我们在construction目录中配置config文件和入口app.js文件 第一个界面 配置完基础文件后我们开始配置我们的第一个配 ...
分类：
Web程序 时间：
2018-05-20 16:38:43
阅读次数：
220
起因 刚进公司那会儿，接的是一个微信APP应用，SPA是前人搭起来的，用到的技术主要是backbone和zepto。后来那人走了，就卤煮一个人把项目接了下来。项目越是到后面，越发觉了诸多弊端，不停的增加界面和业务使得整个应用看起来臃肿不堪。于是觉得是时候重构了。那时也巧是正好认识requireJS， ...
分类：
Web程序 时间：
2018-05-20 16:38:17
阅读次数：
193
在应用复杂时，推荐使用vue官网推荐的vuex，以下讨论简单SPA中的组件间传值。 一、路由传值 路由对象如下图所示： 在跳转页面的时候，在js代码中的操作如下，在标签中使用<router-link>标签 需要注意的是，实用params去传值的时候，在页面刷新时，参数会消失，用query则不会有这个 ...
分类：
其他好文 时间：
2018-05-19 15:46:12
阅读次数：
418
主要是构建 SPA (单页应用) 时，方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。比如： 视图层： 路由定义： 初始化实例: 当你访问 /foo 时，router-view 就被 Foo 组件替换了。 组件的嵌套， ...
分类：
其他好文 时间：
2018-05-18 13:53:22
阅读次数：
351
众所周知单页面应用不利于SEO，为了解决这个问题网上所给出的2个解决方案1、SSH服务器端渲染2、预渲染由于页面较少，且预渲染相对于SSH比较简单，于是选择预渲染页面，预渲染可以极大的提高网页访问速度。而且配合一些meat插件，基本可以满足SEO需求下面就来简单介绍一下在webpack.prod.c ...
分类：
其他好文 时间：
2018-05-17 11:37:25
阅读次数：
304
