不超过 150KB 的网页项目，除了 jquery 没别的办法了吗？

2020-12-19 15:14:59 +08:00
 youla

做路由器的管理界面，生产的模块可以用于存放网页的区域，容量只有 150KB 。

关键还要好看。。

13314 次点击
所在节点    程序员
134 条回复
lichdkimba
2020-12-19 17:48:33 +08:00
不复杂的话纯原生？？
youla
2020-12-19 17:51:35 +08:00
@lichdkimba 我要有那水平就不会来提问了！基本都会写，就是审美太差！！
lin07hui
2020-12-19 18:12:20 +08:00
70k 容量放不下 jquery.min.js ，也放不下 vue.min.js 。其它小体积的框架对 ie 的支持都是 ie10+。
weixiangzhe
2020-12-19 18:33:26 +08:00
资源全走 cdn，图片放 oss 可以放好多 html doge
youla
2020-12-19 18:47:05 +08:00
@lin07hui 我突然想想也是，我都忘了，我现在测试环境，我都是用 cdn 。🤔
heyjei
2020-12-19 19:02:49 +08:00
@youla 你确定你的设备可以访问网络嘛
px920906
2020-12-19 19:44:01 +08:00
有兼容 IE10 及以下的要求吗，没有的话不负责任（因为没用过）再提供个选择，10kb，比 8 楼的 pure 大点，但也更好看，组件也多些，只有 css，一些逻辑需要自己实现。https://github.com/picturepan2/spectre

“更方便的操作 dom，设置属性之类的”，vue 也可以做到吧，而且以我的认知，vue 这类 MV*框架目的就是避免手动操作 dom 啊。想问问楼主是什么样的需求非 jquery 不可
youla
2020-12-19 19:49:53 +08:00
@px920906 我说的是创建 dom 放上去设置属性的过程，因为我不想翻来翻去看 html 看 js，ie11 吧。
lin07hui
2020-12-19 19:54:07 +08:00
感觉只能纯原生了： https://github.com/nefe/You-Dont-Need-jQuery
daysv
2020-12-19 20:13:43 +08:00
直接纯原生就好了
agdhole
2020-12-19 20:24:02 +08:00
看了一圈很好奇楼主什么操作 dom 场景会比 mvvm 更方便的
px920906
2020-12-19 20:26:55 +08:00
@youla 用 vue 可以提前写在模板里，用 v-if 控制是否在 dom 上，属性用 v-bind 加，为什么一定要这个过程，用户又看不到。而且 vue 一部分逻辑和 html 写在一起还好，写 jquery 和原生 js 反而会需要更多的 html 、js 之间来回看吧
youla
2020-12-19 20:29:26 +08:00
@px920906 我说的是我不想写 html，因为不喜欢翻来翻去，我的 html 代码通常只有<body><script>...</script></body>
imjamespond
2020-12-19 20:32:47 +08:00
没人说起 svelte 么？
px920906
2020-12-19 20:37:24 +08:00
@youla 那 vue 的模板部分怎么办，难道你是用 jquery 填充字符串进去，再初始化 vue 实例的么。。
lin07hui
2020-12-19 20:47:11 +08:00
@imjamespond 上面有 2 个。但 LZ 不在 node 环境开发。用 svelte 应该体积是最小的
youla
2020-12-19 20:49:47 +08:00
@px920906 是一步一步创建节点、追加，而不是$("整个页面")，创建节点的时候，也可以把 dom 赋值到 data()，然后 this.xx 调用，不用 jquery 时是<div ref="xx"> this.$ref.xx ，感觉其实都差不多的，我平时也不会用 jquery 的，确实很久没玩了，怀个旧。
youla
2020-12-19 20:51:29 +08:00
@lin07hui node 也行啊，我只是之前打包 vue 太大了，才用这种古老模式开发..
yanzhiling2001
2020-12-19 21:35:02 +08:00
@weixiangzhe 是放在路由器里的，离线环境就用不了 cdn 了
Cbdy
2020-12-19 21:59:54 +08:00
Vanilla JS

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/737048

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX