开发 三月 21, 2019

Vue CLI3 仿ios NavigationBar & TabBar布局

文章字数 3.4k 阅读约需 3 mins.

一个仿ios App的NavigationBar和TabBar布局,加自动轮播Banner。
环境

  • node 8.13
  • vue 2.6.9
  • vue-cli3
  • mac os 10...
查看全文

开发 十二月 10, 2018

VueJs单页面应用SEO解决方案

文章字数 4.9k 阅读约需 4 mins.

1)SPA:单页面应用,基于vue框架开发的项目很多都属于单页面应用;
2)SSR :server side rendering, 服务端渲染,额,这个不是订阅那个SSR,我一开始就弄混了;
3)Prerender:预渲染,Prerender.io是基于Node.js的程序,它可以让你的JavaScript网站支持搜索引擎,社交媒体,并且它兼容所有的JavaScript框架和库。它采用PhantomJS渲染JavaScript的网页然后呈现为HTML。此外,我们可以实现的prerender服务层来缓...

查看全文
0%
ss="animated fadeInDown post-tags-list" itemprop="keywords">
  • 这次主要是对打包文件 chunk-vendors文件拆包,和 chunk-common提取通用chunk 里面的多语言包进行分语言环境懒加载。
    要做这这些事情,需要先了解以下内容:

    1.优化效果对比

    首先看一下优化前后的webpack-bundle...

    查看全文

    开发 五月 28, 2019

    Vue-Cli2到Vue-Cli3 Vue项目架构升级

    文章字数 3.6k 阅读约需 3 mins.

    由于Vue-cli2老板官方不维护,且不推荐使用Vue-Cli2版本,推荐大家使用Vue-Cli3版本。然后我看了一下Vue-Cli3的文档,确实比之前的老版本体验好了很多。

    1. 目录结构更清晰.
    2. 弃用之前的的build文件夹的build.js和webpack.prod.conf.js
    3. 使用新的vue.config.js配置文件包含了之前的wepack配置项。
    4. 支持插件集成和插件开发。(比如PWA这样的功能可以通过插件一键集成)
    5. 可以通过 vue ui 命令运行图形化界面,在图形化界面上创建和管理...
    查看全文
    0%