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

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

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

关键还要好看。。

13771 次点击
所在节点    程序员
134 条回复
youla
2020-12-20 19:25:06 +08:00
@hronro 直接存 gzip,貌似要 web 服务器也支持吧?


@SilentDepth 我说的是#97 楼,不太理解你说的这个是什么意思
wangxiaoaer
2020-12-20 19:26:44 +08:00
什么路由器,避下坑
SilentDepth
2020-12-20 19:29:03 +08:00
@youla #99 我说的「路由」指的是你上面示意图里的 menu,也就是 SPA 的 navigation 。把所有子视图(子页面)都渲染好然后用 display 来控制显隐当然可以,只是在导航影响状态和视图生命周期时,你终归还是要实现一个(前端意义上的) router,那么为什么不用现成的库呢
SilentDepth
2020-12-20 19:31:03 +08:00
@youla #101 你可能 block 了某个人。我的「如果路由器没有 WAN 呢」是回复那个人的
hronro
2020-12-20 19:38:58 +08:00
@youla #101
你们资源这么紧张,还用第三方 WEB 服务器吗,我以为你们都是自己写的 HTTP 服务呢?
第三方的 WEB 服务器,反正 NGINX 是支持的,如果你们自己写的 HTTP 服务的话,那就更简单了
SilentDepth
2020-12-20 19:53:54 +08:00
@youla #101 @hronro #105
不一定需要 server 端支持 gzip 。浏览器只看 Response headers 里有没有 Content-Encoding: gzip 。Server 端准备好这个字段,直接提供预压缩的 gzip 文件也可以实现 gzip 的效果
youla
2020-12-20 21:55:26 +08:00
@hronro web 是提供模块公司写的,我周一去问问吧。


@wangxiaoaer 你用不上,别张口闭口就是坑~~ tplink 缩水那么严重还不是照样用,就像我看到这个回复时。
我就觉得我先得避开你这个坑~~
mingl0280
2020-12-21 07:07:53 +08:00
@youla 路由器里面是啥根本不重要,只要浏览器头里面有 deflate 或者 gzip 就行,你把 js 文件压缩成 gz 了以后丢给浏览器的时候只需要头里面带 gzip 就行了。
mingl0280
2020-12-21 07:13:09 +08:00
@Pi7bo1 我也看傻了,这楼主基本没有常识啊……
youla
2020-12-21 09:03:15 +08:00
@mingl0280 我大概知道 web 服务器可能要设置响应头,这就没常识了???
youla
2020-12-21 09:03:45 +08:00
@mingl0280 你以为的尝试是什么??我会 perl 我说你不会 perl 就是没常识??
youla
2020-12-21 09:15:29 +08:00
@mingl0280 测试了,没响应头就是下载,还路由器里面是啥不重要,你能不能测试过再来说话啊
galikeoy
2020-12-21 09:19:10 +08:00
@mingl0280 #109 对于 web 开发,http 协议和传输压缩,nginx 配置就是常识不要和他争论,他可以一堆问号乱七八糟的整死你,
youla
2020-12-21 09:21:36 +08:00
@galikeoy 关键我不用 nginx,我一般用 iis 你是不是又觉得我一堆问号整死你了??难道上面说对了??
lff0305
2020-12-21 11:42:14 +08:00
话说路由器的管理界面这类东西不需要追求什么 UI 吧, 简单易用兼容性强不就行了?

几年前做过类似的东西, 被客户内网的 Win Server 2003 自带的 IE 给坑了
KuroNekoFan
2020-12-21 11:59:15 +08:00
楼主其实问题描述的还比较明确,估计后来被网友的回复整懵了
zjsxwc
2020-12-21 12:34:41 +08:00
最多存放 150k,也就大概 3500 行代码的样子,
建议不用图片,用原生 js 功能,这样就不依赖三方库了,
三方库太大了,vue1.x 要 70k 、jquery 要 80k,引入后就没地方写业务代码了。
SilentDepth
2020-12-21 13:22:12 +08:00
@zjsxwc #117 gzip 啊,压缩后也就 20 KB 。少量小尺寸图片也还凑合,不过对于路由器后台确实不太刚需
KouShuiYu
2020-12-21 13:23:43 +08:00
不用 ui 库就行了
SilentDepth
2020-12-21 13:25:37 +08:00
针对主楼的第 6 条附言:jQuery 语法的小体积实现,就 Zepto 吧,gzip 后不到 10 KB 。不过目标是 IE11 的话,没什么 JS 写法的问题吧,不是有 Babel 吗。如果担心 Webpack 是负担,推荐 Parcel 。

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

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

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

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

© 2021 V2EX