如题,现在前端已经不是 jquery 的时代了 react vue 等 ui 框架层出不穷不,我想请教下之前 html 页面直接引入 jquery 就可以使用了,现在我想实现 react vue 这些 ui 框架可不可以只用它们的组件构建好页面直接生成 html 页面直接使用呢?感谢
1
shintendo 2020-04-16 11:45:12 +08:00
不是很理解你的问题
1. react/vue 不是 ui 框架,正如 jquery 不是 ui 框架一样 2. 你是觉得 react/vue 生成的页面不是 html 吗? |
2
VDimos 2020-04-16 11:55:22 +08:00 via Android
react vue angular 不是 ui 框架,如果只是单纯的 ui 展示的话,他们也可以直接按照你说的方法用
|
3
huntererer 2020-04-16 12:12:33 +08:00
svelte
|
4
iYoloyolo 2020-04-16 12:12:48 +08:00
构建好就是一个 html 但是你只能使用这一次的,类似 快照 的 html
|
5
yafoo 2020-04-16 13:15:05 +08:00 via Android
vue 可以像 jQuery 那样,引入就可以用了。
另外 vue 有 ssr 的框架,即服务器端渲染,然后输出 html 。 |
6
guolaopi 2020-04-16 13:29:54 +08:00
肯定是可以的,本质上是通过 js 将组件(控件)渲染显示到 html 上,样式用 css 控制。
你说的应该是 CDN 引入这种方式: https://element.eleme.cn/#/zh-CN/component/installation 点击 “在线演示” 即可看到你说的那种代码。 这样也可以写, 但是问题是如果你用看别人开发的第三方组件(控件)的使用文档, 人家示例代码都是用现代前端的方式写的(通过 webpack 等工具将代码打包到一个 js 文件里,然后引入到页面), 你会一头雾水。 所以建议还是体验下现代前端的开发方式。 |
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 项目只是为了打包出组件 |
8
vivipure 2020-04-16 14:31:46 +08:00
还是推荐脚手架吧。你可以先了解下 SPA,SSR 。直接引用 js,在 html 里面写也可以。不过这 不是 Vue 这些框架的优势之处。
|
9
jydeng 2020-04-16 14:33:40 +08:00
可以直接引用 vue.js ,组件库也可以直接引用。
|
10
jingcoco 2020-04-16 15:18:18 +08:00 via Android
感觉 vue 有多种写法,可以各种折腾。
react,vue 的 webpack 框架 打包后的输出的都是 webpack,babel 做了处理的( ES6 转 es5 之类,css 压缩之类,图片压缩)估计一般人看不懂。。。无法维护。 楼上有提的 svelte 应该是更好的选择,你的需求比较适合学点这个。 |
11
gauzung 2020-04-16 15:37:40 +08:00
直接在浏览器中使用 react 参照官网文档
开始 --> 在网站中添加 React 高级指引 --> 不使用 ES6, 不使用 JSX |
12
xcstream 2020-04-16 16:28:43 +08:00
vue 直接应用比较方便
react jsx 的话还可能要引用 babel,有体积有点大 |
13
aaronlam 2020-10-24 02:05:58 +08:00
#12 不仅体积大,动态的编译还可能会有性能问题
|