Zzzz77
V2EX  ›  Vue.js

分享自己用 Vue3 做的一个在线幻灯片应用,大家来提提意见

  •  5
     
  •   Zzzz77 ·
    pipipi-pikachu · Mar 3, 2021 · 7311 views
    This topic created in 2072 days ago, the information mentioned may be changed or developed.

    原本这只是一个以练习 Vue3 为目的的项目,但最终的完整程度其实已经远远超出了原计划,所以现在希望能够继续完善下去,另一方面感觉最近可视化编辑相关的内容还挺火的,经常能在各大社区见到像 H5 编辑器之类的东西,而这个项目用到的技术和大多可视化编辑比较接近,如果大家有这方面需求的话,应该能够提供一些思路上的帮助。

    总之话不多说,欢迎大家来体验一波,多多提意见

    额,新账号好像发不了外链,大家可以从 github 里面看到在线体验地址

    Github 地址: https://github.com/pipipi-pikachu/PPTist

    56 replies  •  2022-03-10 10:36:18 +08:00
    dxxzst
    dxxzst
    Mar 3, 2021
    1
    挺不错的,star 支持
    lhyUnited
    lhyUnited
    Mar 3, 2021
    2
    体验了一把,只能说太强了。尤其是添加动画时,hover 就能预览当前的动画效果👍,希望后面可以考虑加个导出功能。
    jmyz0455
    jmyz0455
    Mar 3, 2021
    3
    功能好多,厉害,写了多久哇。
    acmore
    acmore
    Mar 3, 2021
    4
    很棒,界面清爽,功能够用。
    希望有在线保存导出链接的功能,能导出离线使用的文件就更好了。
    bertonzh
    bertonzh
    Mar 3, 2021
    5
    整体超出我点进去之前的想象。已 star 。
    目前发现的主要缺点是添加元素的交互,不能拖入,而需要在画布上面划一下,比较别扭。(而图表和表格又是自动插入的)
    建议至少改成选中后点击画布就能插入。
    guancyxx4king
    guancyxx4king
    Mar 3, 2021
    6
    简单使用了一下,好特么牛鼻立体
    learninining
    learninining
    Mar 3, 2021
    7
    给大佬磕头
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    8
    @acmore
    @lhyUnited 导出确实很有必要,已在计划中
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    9
    @jmyz0455 还是蛮久的,前前后后得有小半年了吧😂只有晚上和周末有时间搞
    zhuangzhuang1988
    zhuangzhuang1988
    Mar 3, 2021
    10
    牛逼.
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    11
    @bertonzh 嗯,其实划一下的目的是让使用者决定创建的位置和大小,但是确实存在第一次使用都点懵的问题,选中后点击画布就能直接插入一个默认大小的元素这个方案感觉可以,我去试了一下 office PPT 也是这样的逻辑
    cuzfinal
    cuzfinal
    Mar 3, 2021
    12
    牛逼
    Macv1994
    Macv1994
    Mar 3, 2021 via Android
    13
    强啊
    csulyb
    csulyb
    Mar 3, 2021
    14
    非常强
    7gugu
    7gugu
    Mar 3, 2021
    15
    效果太帅了,star 了
    反馈一个 Bug:火狐浏览器下,设置动画的时候,图片会漂移.
    Serializability
    Serializability
    Mar 3, 2021
    16
    大佬的 star 已送上
    Serializability
    Serializability
    Mar 3, 2021
    17
    @Serializability 是 给大佬的 star
    yamedie
    yamedie
    Mar 3, 2021
    18
    star 学习
    renmu123
    renmu123
    Mar 3, 2021
    19
    我试用了一下提几个小建议:
    1. 缺少了 ppt 杀手级功能——母版,导致做起来会 ppt 繁琐很多
    2. 图表功能过弱,既然都做成 web 了,可以考虑利用几个大的图表框架,如 echarts
    3. 缺乏导出功能,比如导出为 pdf,以及保存为自定义的某种格式来进行持久化
    4. 现在网页一刷新数据将会消失,可以考虑直接将数据都保存到 indexeddb,进行一个简单的持久化
    5. 提一个我 PPT 中非常喜欢的一个小功能,那就是“节”,可以对 page 进行一个简单的分类
    6. 还有一个小细节,ppt 可以按 ctrl+拖动快速复制
    7. 又想到一个对我个人重要的功能,那就是备注

    再报一个 bug:
    饼图设置弹跳动画的时候无法进行预览

    非常感谢楼主做出这样的一个工具,web 也可以很容易用 electron 封装成本地 app,实现跨平台
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    20
    @7gugu 收到,目前还未做过兼容测试,估计后面得集中测一波
    vivipure
    vivipure
    Mar 3, 2021
    21
    强 学习了
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    22
    @renmu123
    1 、原本只打算用全局主题来代替 PPT 中的母版,现在看来这个功能应该确实还是需要继续强化下;
    2 、图表的话我当初试过非常多图表库,综合体积和性能等因素最终选了个超轻量级的库,这个打算继续看看更多的反馈,echarts 之类的太重了,如果确实对图表功能需求较大,再探索一下新的方案;
    3 、4 、5 、6 、7 都是不错的建议,后续有时间应该会慢慢补充上
    renmu123
    renmu123
    Mar 3, 2021
    23
    @Zzzz77 #22 echarts 可能确实不太合适,这种可能由社区做成插件让用户自行选择会比较好
    robinlovemaggie
    robinlovemaggie
    Mar 3, 2021
    24
    研究了半天才知道怎么输入文字。。。。
    对比下: https://excalidraw.com ,交互差比还是停明显的。
    aQI9F2Sb927YPj7I
    aQI9F2Sb927YPj7I
    Mar 3, 2021
    25
    做的挺棒的一个案例。 如何演示播放现有已存的真正的微软 ppt 文件?
    Melting
    Melting
    Mar 3, 2021
    26
    star 了,学习一下
    xloger
    xloger
    Mar 3, 2021
    27
    建议能有一个现成的项目方便展示效果
    yaphets666
    yaphets666
    Mar 3, 2021
    28
    这你独立写出来的???这么猛啊现在都
    YvesX
    YvesX
    Mar 3, 2021
    29
    真厉害
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    30
    @robinlovemaggie 嗯..优化中
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    31
    @conghuiwang 暂时不行哦,后续有做导入导出的计划
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021
    32
    @yaphets666 还好..肝了很久
    gmaso
    gmaso
    Mar 3, 2021
    33
    star 了,强
    zkl2333
    zkl2333
    Mar 3, 2021
    34
    牛牛牛 给大佬递茶
    zkl2333
    zkl2333
    Mar 3, 2021
    35
    准备顺着 commit 学习一下,大佬用的好多技术我都没见过。果然还是见识短浅。
    xcstream
    xcstream
    Mar 3, 2021
    36
    取消右边界面的文字可选

    建议控件可以拖拽
    tsvico
    tsvico
    Mar 3, 2021
    37
    强啊,已 star
    yazoox
    yazoox
    Mar 3, 2021
    38
    牛逼!
    要是有 reactjs 的就好了,不会 vue 啊……
    superliwei
    superliwei
    Mar 3, 2021
    39
    好棒。
    onec
    onec
    Mar 3, 2021
    40
    大佬牛逼,想问大佬花了多少时间做出来的
    Zzzz77
    Zzzz77
    OP
    Mar 3, 2021 via Android
    41
    @onec 得有五六个月的时间,晚上和周末弄
    releaseme
    releaseme
    Mar 3, 2021
    42
    代码写得真漂亮 & UI 也很舒服
    doommm
    doommm
    Mar 4, 2021
    43
    请问 vue3 开发现在要踩的坑多吗?我是期待它的 TypeScript 支持,但是现在上的话又因为新的 vue-devtool 还在 beta,支持很有限(好像还没适配新的 vuex, vue-router ?),怕开发过程不顺畅
    Daming
    Daming
    Mar 4, 2021
    44
    赞一个
    ombr4
    ombr4
    Mar 4, 2021
    45
    很清爽,交互干净利索,好棒
    coreki
    coreki
    Mar 4, 2021 via Android
    46
    赞一个,这个 666
    jmyz0455
    jmyz0455
    Mar 4, 2021
    47
    突然想起来前几天那个抱怨开源框架没🌟还要说中文网络不配的连续剧了,真的就态度决定一切。
    Zzzz77
    Zzzz77
    OP
    Mar 4, 2021❤️1
    48
    @doommm
    我觉得还好,vuex 和 vue router 最新的正式版都已经有了的,devtool 确实还在 beta,而且我觉得新版的 devtool 不好用...
    可能 Composition API 会带来了一点点心智负担,而且最开始可能不太容易从 option API 转变思维,但是只要习惯之后会比 vue2 好用很多,特别是比较复杂的项目,逻辑复用简直不要太好用。
    目前遇到最难接受的问题就是 vuex 的 getter 是没有类型支持的..但我用的还是 rc 版本,不知道现在这个问题处理了没有
    Zzzz77
    Zzzz77
    OP
    Mar 4, 2021
    49
    @jmyz0455 其实心态放平,一切都好说
    tuzituzi
    tuzituzi
    Mar 4, 2021
    50
    真心挺不错的,可以
    ascend13
    ascend13
    Mar 4, 2021
    51
    太强了
    xiaochong0302
    xiaochong0302
    Mar 4, 2021
    52
    大佬,牛逼!
    zhuangqhc
    zhuangqhc
    Mar 4, 2021
    53
    太强了啊,很流畅
    Garland
    Garland
    Mar 4, 2021
    54
    大佬!!!
    Latin
    Latin
    Mar 8, 2021
    55
    你强任你强 哈哈哈
    zzq825924
    zzq825924
    Mar 10, 2022
    56
    今天是 2022 年 3 月了,OP 可以总结分享下一年来的历程吗?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1592 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 129ms · UTC 23:34 · PVG 07:34 · LAX 15:34 · JFK 18:34
    ♥ Do have faith in what you're doing.