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

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

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

关键还要好看。。

13279 次点击
所在节点    程序员
134 条回复
KuroNekoFan
2020-12-19 15:52:52 +08:00
可以选择 vanilla
ctt
2020-12-19 16:05:12 +08:00
zeptojs 还不错,兼容 jq 语法
manhere
2020-12-19 16:06:23 +08:00
内容 gzip 之后放入 flash,150K 足够了
zkl2333
2020-12-19 16:08:29 +08:00
@youla vue 和 jq 确实二选一就够了,没必要而且不建议一起用。同时用的话 jq 操作 dom 会引起 vue 的 vdom 和 dom 的不同步,出现灵异 bug 。前面有朋友推荐 fre,确实很小很厉害。我建议你可以了解一下,虽然我没用过但是作者是很有趣的一个家伙。而且其实用原生 js 也不是不行嘛。
sagaxu
2020-12-19 16:09:49 +08:00
@youla 还要手动操作 dom,看来是真的不熟悉 vue
CamD
2020-12-19 16:10:47 +08:00
svelte 也可以看看
echowuhao
2020-12-19 16:21:21 +08:00
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS

Alpine.js is lighter weight than jQuery, coming in at 21.9kB minified — 7.1kB gzipped — compared to jQuery at 87.6kB minified — 30.4kB minified and gzipped. Only 23% the size!

https://css-tricks.com/alpine-js-the-javascript-framework-thats-used-like-jquery-written-like-vue-and-inspired-by-tailwindcss/#:~:text=js%20provides.-,Size,Only%2023%25%20the%20size!
lin07hui
2020-12-19 16:28:46 +08:00
@youla 我 2008 年开始使用 jquery , 因为 ie8 的原因 2017 年还在用 jquery 。。。
wangbudong
2020-12-19 16:30:51 +08:00
连 jq 都不用更好
christin
2020-12-19 16:32:45 +08:00
不太明白为什么要 jq+vue
可以选择手写 css GitHub 上找合适的 css 库 把里面用到的组件代码复制进去 再压缩 按需的话也用不了多少内存
christin
2020-12-19 16:33:13 +08:00
@lin07hui 大佬 nb
chihiro2014
2020-12-19 16:41:39 +08:00
svelte 应该就这了
love
2020-12-19 16:59:29 +08:00
jquery 就算了,而且也不小啊。
可以看一下 preact 它家的一系列东西,追求的就是小而强大
youla
2020-12-19 17:03:34 +08:00
@sagaxu 我又不是 npm 做开发,除了手动,我想不到更好的方式。
Nbsaw
2020-12-19 17:03:39 +08:00
youla
2020-12-19 17:04:32 +08:00
@sagaxu 往往你以为的最佳方式,可能对我并不适用。
youla
2020-12-19 17:07:14 +08:00
@Nbsaw 我越来越有信心了~~十分感谢大家,今天的收获好多
sutra
2020-12-19 17:22:34 +08:00
好看,还要小的话,是不是设计的时候多使用 svg 会好点?
zkl2333
2020-12-19 17:35:24 +08:00
@youla
“我又不是 npm 做开发,除了手动,我想不到更好的方式。”

你不是用了 vue 怎么就没有其他方式了,npm 和操作 dom 也没什么关系。vue 和 react 都可以脱离 npm 和 node 环境单独引入。不过还是建议用上 webpack 之类的打包工具,因为按需加载和 tree shaking 等等一系列工具链带来的福利可以显著缩小项目体积。
youla
2020-12-19 17:42:43 +08:00
@zkl2333 jquery 操作 dom 直接填充一方面可以减少代码量,也感觉比较好管理吧。不过更重要的还是看代码怎么写,条件允许的情况下我也挺喜欢怀旧的,实际上,我很早就不用 jquery 了。最后我还想说,你就是说再多,我也不会和你上床的。

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

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

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

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

© 2021 V2EX