请教各位前端大佬个问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
phpxiaowangzi
V2EX    程序员

请教各位前端大佬个问题

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

    如题,现在前端已经不是 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     Solana     861 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 21:16 PVG 05:16 LAX 14:16 JFK 17:16
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86