请教各位前端大佬个问题 - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
phpxiaowangzi

请教各位前端大佬个问题

  •  
  •   phpxiaowangzi Apr 16, 2020 3137 views
    This topic created in 2223 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    楼上有提的 svelte 应该是更好的选择,你的需求比较适合学点这个。
    gauzung
        11
    gauzung  
       Apr 16, 2020
    直接在浏览器中使用 react 参照官网文档
    开始 --> 在网站中添加 React
    高级指引 --> 不使用 ES6, 不使用 JSX
    xcstream
        12
    xcstream  
       Apr 16, 2020
    vue 直接应用比较方便
    react jsx 的话还可能要引用 babel,有体积有点大
    aaronlam
        13
    aaronlam  
       Oct 24, 2020
    #12 不仅体积大,动态的编译还可能会有性能问题
    About     Help     Advertise     Blog     API     FAQ     Solana     5673 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 88ms UTC 06:30 PVG 14:30 LAX 23:30 JFK 02:30
    Do have faith in what you're doing.
    ubao msn 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