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

请教各位前端大佬个问题

  •  
  •   phpxiaowangzi · 2020-04-16 11:39:13 +08:00 · 2384 次点击
    这是一个创建于 1681 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,现在前端已经不是 jquery 的时代了 react vue 等 ui 框架层出不穷不,我想请教下之前 html 页面直接引入 jquery 就可以使用了,现在我想实现 react vue 这些 ui 框架可不可以只用它们的组件构建好页面直接生成 html 页面直接使用呢?感谢

    13 条回复    2020-10-24 02:05:58 +08:00
    shintendo
        1
    shintendo  
       2020-04-16 11:45:12 +08:00
    不是很理解你的问题
    1. react/vue 不是 ui 框架,正如 jquery 不是 ui 框架一样
    2. 你是觉得 react/vue 生成的页面不是 html 吗?
    VDimos
        2
    VDimos  
       2020-04-16 11:55:22 +08:00 via Android
    react vue angular 不是 ui 框架,如果只是单纯的 ui 展示的话,他们也可以直接按照你说的方法用
    huntererer
        3
    huntererer  
       2020-04-16 12:12:33 +08:00
    svelte
    iYoloyolo
        4
    iYoloyolo  
       2020-04-16 12:12:48 +08:00
    构建好就是一个 html 但是你只能使用这一次的,类似 快照 的 html
    yafoo
        5
    yafoo  
       2020-04-16 13:15:05 +08:00 via Android
    vue 可以像 jQuery 那样,引入就可以用了。
    另外 vue 有 ssr 的框架,即服务器端渲染,然后输出 html 。
    guolaopi
        6
    guolaopi  
       2020-04-16 13:29:54 +08:00
    肯定是可以的,本质上是通过 js 将组件(控件)渲染显示到 html 上,样式用 css 控制。

    你说的应该是 CDN 引入这种方式:
    https://element.eleme.cn/#/zh-CN/component/installation
    点击 “在线演示” 即可看到你说的那种代码。

    这样也可以写,
    但是问题是如果你用看别人开发的第三方组件(控件)的使用文档,
    人家示例代码都是用现代前端的方式写的(通过 webpack 等工具将代码打包到一个 js 文件里,然后引入到页面),
    你会一头雾水。
    所以建议还是体验下现代前端的开发方式。
    azcvcza
        7
    azcvcza  
       2020-04-16 13:57:08 +08:00
    现在 react 的组件库不是可以直接使用的。
    就显示来说,现在所有的页面都是 html + css + js ;
    区别就在于,jquery 的 js 是可以裸写在页面的
    但是现在的 mvvm 框架的 js 是各种打包工具(webpack,rollup,parcel) 打包出来的
    虽然 html+css+js 方式不变,但是 react 里的组件是在一个整体里边,你想单个引入似乎不太好做到
    除非你的 react 项目只是为了打包出组件
    vivipure
        8
    vivipure  
       2020-04-16 14:31:46 +08:00
    还是推荐脚手架吧。你可以先了解下 SPA,SSR 。直接引用 js,在 html 里面写也可以。不过这 不是 Vue 这些框架的优势之处。
    jydeng
        9
    jydeng  
       2020-04-16 14:33:40 +08:00
    可以直接引用 vue.js ,组件库也可以直接引用。
    jingcoco
        10
    jingcoco  
       2020-04-16 15:18:18 +08:00 via Android
    感觉 vue 有多种写法,可以各种折腾。

    react,vue 的 webpack 框架 打包后的输出的都是 webpack,babel 做了处理的( ES6 转 es5 之类,css 压缩之类,图片压缩)估计一般人看不懂。。。无法维护。

    楼上有提的 svelte 应该是更好的选择,你的需求比较适合学点这个。
    gauzung
        11
    gauzung  
       2020-04-16 15:37:40 +08:00
    直接在浏览器中使用 react 参照官网文档
    开始 --> 在网站中添加 React
    高级指引 --> 不使用 ES6, 不使用 JSX
    xcstream
        12
    xcstream  
       2020-04-16 16:28:43 +08:00
    vue 直接应用比较方便
    react jsx 的话还可能要引用 babel,有体积有点大
    aaronlam
        13
    aaronlam  
       2020-10-24 02:05:58 +08:00
    #12 不仅体积大,动态的编译还可能会有性能问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2742 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 02:11 · PVG 10:11 · LAX 18:11 · JFK 21:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.