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

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

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

关键还要好看。。

13661 次点击
所在节点    程序员
134 条回复
youla
2020-12-19 15:15:56 +08:00
目前在用 vue.min.js + jquery,但是做出来不好看 >_
youla
2020-12-19 15:18:04 +08:00
有没有小,还成熟的 PC 端库,能直接一个文件引用的,美化过控件的(按钮、输入框、单选、多选...)。
opengps
2020-12-19 15:19:41 +08:00
很想知道这类设备自己实现个 web 服务端得多累
mclxly
2020-12-19 15:19:44 +08:00
省体积:vue 可以取代 jquery
要好看:找美工
InternetExplorer
2020-12-19 15:20:34 +08:00
引用外部资源
youla
2020-12-19 15:25:22 +08:00
@opengps 我负责的模块是串口转以太网,我前端用 websocket 发送 16 进制数据会通过串口转发其他模块处理,其他模块与我无关,貌似是 c 写的

@mclxly 美工的图片就放不下了

@InternetExplorer 然后你发现没网络配置不了路由器
baobao1270
2020-12-19 15:30:28 +08:00
JS 自己实现吧,嵌入式就别用框架了
好看的话主要是 CSS,和 JS 关系不大。只有 150KB 的话建议抛弃动画。
luob
2020-12-19 15:30:44 +08:00
https://github.com/yisar/fre,1KB 的 react

https://github.com/pure-css/pure ,gzip 之后 3.7KB 的 css 框架。
youla
2020-12-19 15:33:39 +08:00
@baobao1270 主要是自己没审美,哎,UI 也没有

@luob 我的天,厉害了~~谢谢
youla
2020-12-19 15:34:56 +08:00
@luob 今天下午有得玩了...
gowk
2020-12-19 15:35:36 +08:00
Mithril.js + Bulma
yinzhili
2020-12-19 15:35:41 +08:00
用 jQuery,然后自己手写 css,应该不会超过 150k
baobao1270
2020-12-19 15:38:44 +08:00
@youla 其实可以抄以下 TP-Link 的老后台界面。把字体改成黑体,配色改成比较现代的风格,再扁平化一下,就好看很多了。

图: https://image2.sina.com.cn/IT/h/2006-09-08/3c1d45d3975101b87db8e2f4397a2ef4.jpg
配色可以去这个网站: https://colorhunt.co/
youla
2020-12-19 15:39:50 +08:00
@gowk 孤陋寡闻不知道这么多黑科技!!!
@yinzhili 主要是我其实真正能用到的只有不到 70k,很头疼,缩水坑用户坑开发
CallMeReznov
2020-12-19 15:40:53 +08:00
手啃.

前阵子在批站 arduino 作者里他这个东西做的就挺好,几乎手写的.
https://github.com/bilibilifmk/ESP_weather_Cube/tree/master/%E6%BA%90%E7%A0%81/qxz/data
youla
2020-12-19 15:42:46 +08:00
谢谢你的配色,抄肯定不会,要有自己的风格,我多学学 css 吧。
youla
2020-12-19 15:43:52 +08:00
@CallMeReznov 我有点慌啊,我怕下层用户直接发个固件给我刷!!!
youla
2020-12-19 15:44:12 +08:00
lin07hui
2020-12-19 15:45:29 +08:00
都用上 vue,还把 jquery 加上,看来你不了解 vue 。
youla
2020-12-19 15:49:13 +08:00
@lin07hui 不是我不了解 vue,是你不了解 jquery,我只是为了更方便的操作 dom,设置属性之类的,因为我基本不手写 html,vue 的话,我是为了双向绑定,还可以让 js 看起来好看一点(也不知道该怎么形容)。

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

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

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

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

© 2021 V2EX