跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 单纯 js 脚本方式能用那些前端框架吗?
未分類
12 11 月 2020

单纯 js 脚本方式能用那些前端框架吗?

单纯 js 脚本方式能用那些前端框架吗?

資深大佬 : azev 3

不是前端工程项目的方式。
比如引入个 vue 脚本文件 再引用 element 的脚本和样式。
这样能玩的起来吗?

大佬有話說 (13)

  • 資深大佬 : bojackhorseman

    能的,这些框架和酷都提供了 html 直接引入的方式

  • 主 資深大佬 : azev

    @bojackhorseman 多谢 看到 element 的例子了

  • 資深大佬 : DOLLOR

    https://codepen.io/ziyoung/pen/rRKYpd

    vue+element-ui,可以无需任何打包构建流程,只需引入三个外部文件就可以干活了:
    <link rel=”stylesheet” href=”https://unpkg.com/element-ui/lib/theme-chalk/index.css”>
    <script src=”https://unpkg.com/vue/dist/vue.js”></script>
    <script src=”https://unpkg.com/element-ui/lib/index.js”></script>

  • 資深大佬 : ClericPy

    已经用这种 cdn 方式用了好几年的路过… 就这种引入方式加浏览器自带 JS 解释器的环境, 简直得天独厚了

  • 主 資深大佬 : azev

    @bojackhorseman @DOLLOR @ClericPy 多谢
    昨天试了下 感觉不是太理想 页面刚载入时会是一大堆无样式文本 闪一下才能正确显示
    这种方式是页面每次展示都要花时间进行一次类似工程项目的编译吧

  • 資深大佬 : DOLLOR

    @azev 你需要 v-cloak 指令来隐藏渲染前的模板。参见:
    https://cn.vuejs.org/v2/api/index.html#v-cloak

  • 主 資深大佬 : azev

    @DOLLOR 多谢 试了 很不错

  • 主 資深大佬 : azev

    @DOLLOR 是不是前端工程项目编译发布的方式不会存在那个问题了?

  • 資深大佬 : DOLLOR

    @azev
    只要不把模板写在 HTML 文件里就不会出现这种现象。
    编译发布的方式,通常会把模板写在*.vue 文件里,确实就不会发生这种现象。

  • 主 資深大佬 : azev

    @ClericPy 用的哪个框架?今天试了下 感觉 vue 要比 react 适合这么做。
    html 里插入 react 组件还要使用脚本的方式太繁琐了 vue 基本就是直接放标签元素就行了

  • 資深大佬 : ClericPy

    @azev 我就是 cdn 引用 vue 和 element, 最近想折腾 vuetify, 为了自适应… 我不是真前端, 就是不想写 GUI, 所以拿来写个交互而已(要不是某些人不喜欢 terminal UI…)

  • 資深大佬 : TmacV2

    不懂就问 如果你写组件 然后想复用 import 之类的操作 没有打包工具加持 行吗

  • 主 資深大佬 : azev

    @TmacV2 没有自己写的组件 都是用第三方组件

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具