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

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

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

关键还要好看。。

13768 次点击
所在节点    程序员
134 条回复
namelosw
2020-12-19 22:08:20 +08:00
Preact

Hyperapp
jzmws
2020-12-19 22:17:41 +08:00
jq +css 自己实现
dcalsky
2020-12-19 22:19:19 +08:00
你说的功能用 gatsby 可以做到 react 150kb 以下
Kasumi20
2020-12-19 22:29:16 +08:00
cyberpoint
2020-12-19 23:33:03 +08:00
我写过单片机的界面,用的 svelte,用法类似 vue 和 react 的结合。请求仅仅是自己对 websocket 和 fetch 做最简单的封装。UI 部分自己写的,如果你想用 UI 组件库,可以找找原生 web component 写的组件库。我最后打包在 100kb 左右,在 chrome 系浏览器没有任何问题。
cyberpoint
2020-12-19 23:38:38 +08:00
@cyberpoint 我精简下语言:svelte + web component
cyberpoint
2020-12-19 23:43:18 +08:00
@cyberpoint svelte 类似于 vue,web components 类似于 Element ui 。
ps:web components 实现的组件库比如:[xy-ui]( https://github.com/XboxYan/xy-ui)
DOLLOR
2020-12-20 00:18:51 +08:00
这种极端情况下就用 vanilla 吧,我连 jQuery 都不屑的。
no1xsyzy
2020-12-20 00:42:18 +08:00
vanilla 挺好的
jquery 可以用打包器,只引需要的模块。
Vue 和 JQuery 功能重合度太高。

至于 Svelte,它是个编译器,但其实强行套用 ECMA 新语法有点蠢,export 直觉上应当是从内向外的数据流,但 svelte 下是从外向内的……
mamahaha
2020-12-20 01:08:48 +08:00
Vanilla JS 是框架党嘲风原生党的,但是原生党表示这个词挺好的。
oxromantic
2020-12-20 03:02:10 +08:00
路由器只放 api,控制台走外部可破;另外都路由器了这个 150k 指的是文件系统压缩后的限制吧?
kongkx
2020-12-20 06:47:17 +08:00
vanilla,自己实现一堆 dom 操作以及模板渲染方法,自个儿维护,哈哈
mingl0280
2020-12-20 08:00:09 +08:00
js 资源你可以调外部的,甚至可以强制 deflate 头然后存 gz 文件,有啥不好弄的……
ianva
2020-12-20 08:49:58 +08:00
web-components 多好用的,用什么 jQuery 呢
google 的 it-element https://lit-element.polymer-project.org/
ionic 的 https://stenciljs.com/
写法类似 angular, react 但整个库的代码相当少
fengxianqi
2020-12-20 10:42:47 +08:00
看了一圈,用 jq 就可以不写 html ???
QiaTia
2020-12-20 10:48:40 +08:00
直接 webpack + babel + Less 手写 JS, + Css 有何不可能, 为啥要用框架呢?
AmrtaShiva
2020-12-20 13:46:55 +08:00
@luob 牛逼了
galikeoy
2020-12-20 14:03:46 +08:00
```是一步一步创建节点....确实很久没玩了,怀个旧。```
技术更新太快,如果不会可以问下或者搜下正确开发姿势,不过 你喜欢最好,能跑就行
youla
2020-12-20 14:33:56 +08:00
@fengxianqi 就算不用 jq 也可以不手写 html,let div=document.createElement("div");div.setAttribute("id","app"),我只是喜欢 jq $("<div id='app'>")顺带还可以直接写属性。

@galikeoy 我不会有你说的这么没追求的想法,还有我这不就是来问了么?技术更新快怎么了,我能跟上,我一般用 vue-cli ( babel stylus less )有问题吗?我生产都是用 vue3 了。还有不到 150kb,我确实还没找到“正确”的开发姿势,这和环境受限有关,不理解面向对象的话,创建 dom 方式去写一堆没必要的垃圾是很正常的,但请相信我,我和他们不一样。
youla
2020-12-20 14:35:13 +08:00
@mingl0280 你以为路由器里面是个 apache 吗??

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

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

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

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

© 2021 V2EX