V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
aaronly
V2EX  ›  PHP

Vuerify 完成! Materialize-blog 单页模式,开!

  •  
  •   aaronly · 2016-12-24 18:15:53 +08:00 · 5164 次点击
    这是一个创建于 2889 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue 2.0 也已经发布一段时间了。曾经有过 windows 平台的开发经验,数据绑定用起来真是前所未有的畅快。没想到那么快,前端开发也迎来了数据绑定,不得不说我听到 Vue 之后激动了好一阵子。

    那么,废话不多说,最近抽出点时间把自己的半年前写的博客系统, Materialize-blog 前端用 Vue 重新撸了一遍。

    基本的界面并没有做太多的改变,框架还是用的 materializecss

    更多说明请移步 github , 欢迎各位使用,刚刚撸完难免有一些 bug ,各位敬请爆 issue ,爆 PR

    Demo forehalo's blog

    虽然最近前端吵得火热,但是该用啥用啥,喜欢啥用啥。

    截图为宽屏效果

    28 条回复    2016-12-25 23:01:30 +08:00
    shyling
        1
    shyling  
       2016-12-24 18:31:08 +08:00
    shyling.com
    我的也算是吧 0v0
    loading
        2
    loading  
       2016-12-24 18:31:09 +08:00 via Android
    比我的 github 还慢……
    aaronly
        3
    aaronly  
    OP
       2016-12-24 18:34:02 +08:00
    @loading 服务器在国外 cdn 也在国外 :(
    jsq2627
        4
    jsq2627  
       2016-12-24 18:39:00 +08:00
    楼主博客切页时似乎是在滑出动画结束后才发起的 http 请求。看了一下实际上请求很快,但是这样等动画完了才请求给人的感觉非常慢。
    keller
        5
    keller  
       2016-12-24 20:42:16 +08:00
    应该用服务端渲染 seo 友好一些
    kn007
        6
    kn007  
       2016-12-24 21:02:54 +08:00
    全站 pjpx ,可以的。。各页面也很舒服

    但就是访问太慢了,一直转圈。。。

    我的也在国外,没这么慢啊。。。

    https://kn007.net/
    t123yh
        7
    t123yh  
       2016-12-24 21:08:26 +08:00 via Android
    @keller 有专门的服务器渲染工具,可以对搜索引擎进行服务器端渲染
    sox
        8
    sox  
       2016-12-24 21:14:57 +08:00
    别用 Vue 数据绑定控制 body 之外的地方 😂
    aaronly
        9
    aaronly  
    OP
       2016-12-24 21:42:16 +08:00
    @kn007 有那么慢吗,我移动校园无线网 3 秒之内首页加载完成,包括第一页文章
    kn007
        10
    kn007  
       2016-12-24 21:43:44 +08:00
    @aaronly 不知其他 V 友怎么样,我第一次加载差不多 20 秒。感觉太慢了。。。 100Mbps 电信光纤。
    aaronly
        11
    aaronly  
    OP
       2016-12-24 21:48:22 +08:00
    @jsq2627 这个是考虑到了,但是因为是时间关系目前没有深入调整
    aaronly
        12
    aaronly  
    OP
       2016-12-24 21:52:17 +08:00
    @kn007 我这边关闭缓存是 5 秒,开着缓存 2.5 秒。看来还是要考虑转移到国内。开了个腾讯云试了一下,速度还是可以的
    aaronly
        13
    aaronly  
    OP
       2016-12-24 22:03:25 +08:00
    @sox 这个是因为我还在找控制 title 比较好的方式 正在尝试 https://github.com/vuejs/vue-router/issues/112 里提到的方法 绑定到 head 上确实是在玩火
    kn007
        15
    kn007  
       2016-12-24 22:47:59 +08:00
    @aaronly 浏览器 disable cache ,完全生无可恋
    mingyun
        16
    mingyun  
       2016-12-24 23:06:00 +08:00
    laravel vue star+1
    rootooroot
        17
    rootooroot  
       2016-12-24 23:12:22 +08:00
    选中 留言处 鬼畜效果不错 /
    yetone
        18
    yetone  
       2016-12-24 23:21:09 +08:00 via iPhone   ❤️ 1
    MVVM 这种过时的东西…
    aaronly
        19
    aaronly  
    OP
       2016-12-24 23:34:26 +08:00
    @yetone 那请教一下最先进的是什么
    Remember
        20
    Remember  
       2016-12-24 23:52:42 +08:00
    不如弄个 hexo 的主题什么的,毕竟现在流行静态啊
    icylogic
        21
    icylogic  
       2016-12-25 04:39:48 +08:00
    我就在美帝。拉到底下转圈的时间确实有点长
    yetone
        22
    yetone  
       2016-12-25 10:11:38 +08:00 via iPhone
    @aaronly 单向数据流, like React, Elm, Cycle.js
    hronro
        23
    hronro  
       2016-12-25 10:42:30 +08:00
    前端的数据绑定早就有了吧,又不是 vue 带来的。。。
    aaronly
        24
    aaronly  
    OP
       2016-12-25 11:24:33 +08:00
    @yetone React's one-way data flow (also called one-way binding) keeps everything modular and fast.
    后两者鄙人水平不够, 只觉得这样用显得有点磨叽,不做其他评价。
    aaronly
        25
    aaronly  
    OP
       2016-12-25 11:28:36 +08:00
    @hronro 我的说法有问题,抱歉。前端数据绑定不是 Vue 首创。但是 Vue 的绑定确实让我觉得用起来很舒服
    xiamx
        26
    xiamx  
       2016-12-25 14:42:15 +08:00
    服务端渲染可以用 [SSR-Proxy]( https://github.com/xiamx/ssr-proxy)
    smallpath
        27
    smallpath  
       2016-12-25 16:46:09 +08:00
    AlisaDestiny
        28
    AlisaDestiny  
       2016-12-25 23:01:30 +08:00
    看了你们的博客我真是自愧不如。
    Orz
    by the way .你们的界面是怎么设计的。都挺绚的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3838 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 04:14 · PVG 12:14 · LAX 20:14 · JFK 23:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.