ʻAʻohe ala wikiwiki e hoʻolōʻihi i kahi pūnaewele (pun i manaʻo ʻia) ma mua o ka hoʻohana ʻana i kahi pūʻulu o ka code JavaScript ma luna. Ke hoʻohana nei i ka JavaScript, pono ʻoe e uku no ia me ka hana o nā papahana ʻaʻole i emi iho ma mua o ʻehā mau manawa. Eia ke ʻano o ka hoʻouka ʻana o ka code JavaScript o ka pūnaewele i nā ʻōnaehana o nā mea hoʻohana:
- Ke hoʻoiho ʻana i kahi faila ma ka pūnaewele.
- ʻO ka hoʻopaʻa ʻana a me ka hōʻuluʻulu ʻana i ka code kumu i hoʻopaʻa ʻole ʻia ma hope o ka hoʻoiho ʻana.
- Hoʻokō i ke code JavaScript.
- Hoʻohana hoʻomanaʻo.
Huli kēia hui ʻana .
A hoʻokomo mākou i nā code JS hou aʻe i kā mākou papahana. Ke neʻe nei nā hui i nā pūnaewele i hoʻohana ʻia e nā frameworks a me nā hale waihona puke e like me React, Vue a me nā mea ʻē aʻe, ke hana nei mākou i ka hana kumu o nā pūnaewele i hilinaʻi nui ʻia ma JavaScript.
Ua ʻike au i nā pūnaewele koʻikoʻi loa e hoʻohana ana i nā frameworks JavaScript. Akā, ʻo koʻu ʻike ʻana i ka pilikia, ʻaʻole loa. ʻO ka ʻoiaʻiʻo, ʻo nā hui aʻu e hana nei e huli mai iaʻu no ka mea ke alo nei lākou i nā pilikia paʻakikī i ka hana o ka pūnaewele. ʻO ka hopena, ua lilo wau i mea ʻimi e pili ana i ka maʻamau o kēia pilikia, a me ke ʻano o nā "hoʻopaʻi" a mākou e uku ai ke koho mākou i hoʻokahi a i ʻole ke kumu kumu no kahi pūnaewele.
Ua kōkua ka papahana iaʻu e hoʻomaopopo i kēia. .
ʻikepili
Hoʻopili ka papahana HTTP Archive i ka huina o 4308655 mau loulou i nā pūnaewele papa kuhikuhi maʻamau a me 5484239 mau loulou i nā pūnaewele kelepona. Ma waena o nā metric he nui e pili ana i kēia mau loulou he papa inoa o nā ʻenehana i loaʻa ma kēlā me kēia pūnaewele. ʻO ia ke ʻano hiki iā mākou ke hoʻāʻo i nā kaukani pūnaewele e hoʻohana ana i nā ʻano hana like ʻole a me nā hale waihona puke a aʻo e pili ana i ka nui o nā code a lākou e hoʻouna ai i nā mea kūʻai aku a me ka nui o ka ukana i hana ʻia e kēia code ma nā ʻōnaehana o nā mea hoʻohana.
Ua hōʻiliʻili au i ka ʻikepili o Malaki 2020, ʻo ia ka ʻikepili hou loa i loaʻa iaʻu.
Ua hoʻoholo wau e hoʻohālikelike i ka ʻikepili HTTP Archive ma nā pūnaewele āpau me ka ʻikepili mai nā pūnaewele i loaʻa me ka hoʻohana ʻana iā React, Vue, a me Angular, ʻoiai ua noʻonoʻo wau e hoʻohana i nā mea kumu ʻē aʻe.
No ka hoʻonanea ʻana, ua hoʻohui pū au i nā pūnaewele e hoʻohana ana i ka jQuery i ka hoʻonohonoho ʻikepili kumu. Ua kaulana loa kēia waihona. Hoʻokomo pū ia i kahi ala ʻē aʻe i ka hoʻomohala pūnaewele ma mua o ke kumu hoʻohālike Single Page Application (SPA) i hāʻawi ʻia e React, Vue a me Angular.
Nā loulou i ka HTTP Archive e hōʻike ana i nā pūnaewele i ʻike ʻia e hoʻohana ana i nā ʻenehana hoihoi
Pākuʻi a hale waihona puke
Nā loulou i nā pūnaewele paʻa lima
Nā loulou i nā pūnaewele maʻamau
jQuery
4615474
3714643
pane koke
489827
241023
ʻIke
85649
43691
Angular
19423
18088
Manaʻolana a me nā moeʻuhane
Ma mua o ko mākou neʻe ʻana i ka ʻikepili ʻikepili, makemake wau e kamaʻilio e pili ana i kaʻu mea e manaʻolana ai.
Ke manaʻoʻiʻo nei au i loko o kahi honua kūpono, pono nā frameworks e hele ma mua o ka hoʻokō ʻana i nā pono o nā mea hoʻomohala a hāʻawi i kekahi pono kikoʻī i ka mea hoʻohana maʻamau e hana pū me kā mākou pūnaewele. ʻO ka hana kekahi o ia mau pōmaikaʻi. ʻO kēia kahi e komo ai ka hiki a me ka palekana. Akā ʻo kēia wale nō ka mea nui.
No laila, i loko o kahi honua maikaʻi loa, pono e maʻalahi kekahi ʻano ʻano hana i ka hana ʻana i kahi pūnaewele hana kiʻekiʻe. Pono e hana ʻia kēia ma muli o ka hāʻawi ʻana i ka mea hoʻomohala i kahi kumu kūpono e kūkulu ai i kahi papahana, a i ʻole ma muli o ke kau ʻana i nā mea paʻa i ka hoʻomohala ʻana, waiho i nā koi no ia e hoʻopiʻi i ka hoʻomohala ʻana i kahi mea e huli ai. e lohi.
Pono nā papa hana maikaʻi e hana i nā mea ʻelua: hāʻawi i kahi kumu maikaʻi, a kau i nā palena i ka hana, e ʻae iā ʻoe e hoʻokō i kahi hopena kūpono.
ʻO ka nānā ʻana i nā waiwai waena o ka ʻikepili ʻaʻole e hāʻawi iā mākou i ka ʻike e pono ai mākou. A ʻo ka ʻoiaʻiʻo, haʻalele kēia ʻano i kā mākou nānā . Akā, ua loaʻa iaʻu nā pākēneka mai ka ʻikepili i loaʻa iaʻu. ʻO kēia nā 10, 25, 50 (median), 75, 90 pakeneka.
Nui koʻu hoihoi i ka 10th a me 90th percentile. ʻO ka 10th percentile e hōʻike ana i ka hana maikaʻi loa (a i ʻole ka liʻiliʻi a i ʻole kokoke i ka maikaʻi) no kahi ʻano hana. I nā huaʻōlelo ʻē aʻe, ʻo ia ke ʻano he 10% wale nō o nā pūnaewele e hoʻohana ana i kahi hoʻolālā kikoʻī i hiki i kēia pae, a i ʻole ke kiʻekiʻe. ʻO ka 90th percentile, ma ka ʻaoʻao ʻē aʻe, ʻo ia ka ʻaoʻao ʻē aʻe o ke kālā - hōʻike ia iā mākou i ka hiki ʻana o nā mea ʻino. ʻO ka 90th percentile nā pūnaewele e hele ana ma hope-ʻo ia ka 10% lalo o nā pūnaewele i loaʻa ka helu JS nui a i ʻole ka manawa lōʻihi loa e hana ai i kā lākou code ma ka pae nui.
Ka nui o ka helu JavaScript
No ka hoʻomaka ʻana, he mea kūpono ke kālailai i ka nui o ka code JavaScript i hoʻouna ʻia e nā pūnaewele like ʻole ma luna o ka pūnaewele.
Ka nui o ke code JavaScript (Kb) i hoʻoili ʻia i nā polokalamu kelepona
Nā pākēneka
10
25
50
75
90
Nā paena a pau
93.4
196.6
413.5
746.8
1201.6
jQuery paena
110.3
219.8
430.4
748.6
1162.3
Nā pūnaewele Vue
244.7
409.3
692.1
1065.5
1570.7
Nā pae kihi
445.1
675.6
1066.4
1761.5
2893.2
Nā Paena React
345.8
441.6
690.3
1238.5
1893.6
Ka nui o ka helu JavaScript i hoʻouna ʻia i nā polokalamu kelepona
Ka nui o ka helu JavaScript (Kb) i hoʻoili ʻia i nā polokalamu kelepona
Nā pākēneka
10
25
50
75
90
Nā paena a pau
105.5
226.6
450.4
808.8
1267.3
jQuery paena
121.7
242.2
458.3
803.4
1235.3
Nā pūnaewele Vue
248.0
420.1
718.0
1122.5
1643.1
Nā pae kihi
468.8
716.9
1144.2
1930.0
3283.1
Nā Paena React
308.6
469.0
841.9
1472.2
2197.8
Ka nui o ka helu JavaScript i hoʻouna ʻia i nā polokalamu kelepona
Inā mākou e kamaʻilio e pili ana i ka nui o ke code JS i hoʻouna ʻia e nā pūnaewele i nā polokalamu, a laila nānā nā mea āpau e like me kāu e manaʻo ai. ʻO ia, inā hoʻohana ʻia kekahi o nā frameworks, ʻo ia hoʻi, ʻoiai i kahi kūlana kūpono, e hoʻonui ʻia ka nui o ka code JavaScript o ka pūnaewele. ʻAʻole kēia he mea kupanaha - ʻaʻole hiki iā ʻoe ke hoʻolilo i kahi framework JavaScript i kumu o kahi pūnaewele a manaʻo e haʻahaʻa loa ka nui o ka code JS o ka papahana.
ʻO ka mea kupaianaha e pili ana i kēia ʻikepili, hiki ke noʻonoʻo ʻia kekahi mau papa hana a me nā hale waihona puke he wahi hoʻomaka maikaʻi loa no kahi papahana ma mua o nā mea ʻē aʻe. ʻOi aku ka maikaʻi o nā pūnaewele me jQuery. Ma nā ʻaoʻao papapihi o nā pūnaewele, loaʻa iā lākou he 15% ʻoi aku ka nui o JavaScript ma mua o nā pūnaewele āpau, a ma ke kelepona he 18% ʻoi aʻe. (ʻOiaʻiʻo, aia kekahi hewa ʻikepili ma aneʻi. ʻO ka ʻoiaʻiʻo aia ka jQuery ma nā pūnaewele he nui, no laila he mea maʻamau ka pili ʻana o ia mau pūnaewele ma mua o nā mea ʻē aʻe me ka nui o nā pūnaewele. Akā naʻe, ʻaʻole pili kēia i ka maka ʻO ka ʻikepili i hoʻopuka ʻia no kēlā me kēia framework.)
ʻOiai ʻo ka piʻi ʻana o 15-18% o ka helu code he kiʻi koʻikoʻi ia, e hoʻohālikelike ana i kēia me nā frameworks a me nā hale waihona puke, hiki i kekahi ke hoʻoholo he haʻahaʻa loa ka "ʻauhau" i kau ʻia e jQuery. Hoʻouna ʻia nā pūnaewele angular ma ka 10th percentile i ka 344% ʻoi aku ka ʻikepili i ka pākaukau ma mua o nā pūnaewele āpau, a ʻo 377% ʻoi aku i ka mobile. ʻO nā paena React ka mea kaumaha loa, e hoʻouna ana i 193% ʻoi aku ka nui o nā code i ka pākaukau ma mua o nā pūnaewele āpau, a me 270% hou aku i ka mobile.
Ma mua, ua ʻōlelo wau ʻoiai ʻo ka hoʻohana ʻana i kahi framework ʻo ia ka mea e hoʻokomo ʻia kahi helu helu i loko o ka papahana, i ka hoʻomaka ʻana o ka hana ma luna o ia mea, ke manaʻolana nei au e hiki i ka framework ke kaupalena i ka mea hoʻomohala. ʻO ka mea nui, ke kamaʻilio nei mākou e pili ana i ka palena ʻana i ka nui o ke code.
ʻO ka mea hoihoi, hahai nā pūnaewele jQuery i kēia manaʻo. ʻOiai ua ʻoi aku ko lākou kaumaha ma mua o nā pūnaewele āpau ma ka 10th percentile (e 15-18%), ʻoi aku ka māmā ma ka 90th percentile ma kahi o 3% ma ka pākaukau a me ka mobile. ʻAʻole kēia e ʻōlelo he pōmaikaʻi koʻikoʻi kēia, akā hiki ke ʻōlelo ʻia ʻo nā pūnaewele jQuery, ma ka liʻiliʻi, ʻaʻohe nui o nā code JavaScript nui, ʻoiai i kā lākou mau mana nui loa.
Akā ʻaʻole hiki ke ʻōlelo ʻia e pili ana i nā frameworks ʻē aʻe.
E like me ka hihia o ka 10th percentile, ma nā pūnaewele 90th percentile ma Angular a me React he ʻokoʻa mai nā pūnaewele ʻē aʻe, akā ʻokoʻa lākou, ʻaʻole naʻe, no ka ʻino.
Ma ka 90th percentile, hoʻouna nā pūnaewele Angular i 141% ʻoi aku ka ʻikepili i ka mobile ma mua o nā pūnaewele āpau, a me 159% ʻoi aku i ka papapihi. Hoʻouna ʻia nā paena React i ka 73% ʻoi aku i ka pākaukau ma mua o nā pūnaewele āpau, a ʻo 58% ʻoi aʻe i ka mobile. ʻO ka nui code o nā pūnaewele React ma ka 90th percentile he 2197.8 KB. ʻO ia ke ʻano o kēia mau pūnaewele e hoʻouna i 322.9 KB ʻikepili hou aʻe i nā polokalamu kelepona ma mua o ko lākou mau mea hoʻokūkū kokoke loa e pili ana iā Vue. ʻOi aku ka nui o ka ʻokoʻa ma waena o nā pūnaewele papa ma luna o Angular a me React a me nā pūnaewele ʻē aʻe. No ka laʻana, hoʻouna nā paena React desktop i 554.7 KB hou aʻe JS code i nā polokalamu ma mua o nā pūnaewele Vue like.
Lawe ʻia ka manawa no ka hoʻoponopono ʻana i ka code JavaScript ma ka pae nui
Hōʻike maopopo ʻia ka ʻikepili ma luna aʻe o nā pūnaewele e hoʻohana ana i nā frameworks a me nā hale waihona puke e aʻo ʻia he nui nā code JavaScript. Akā ʻoiaʻiʻo, hoʻokahi wale nō ʻāpana o kā mākou kaulike.
Ma hope o ka hōʻea ʻana o ka code JavaScript i ka polokalamu kele pūnaewele, pono e lawe ʻia i kahi kūlana hana. ʻOi aku ka nui o nā pilikia ma muli o kēlā mau hana e hana ʻia me ke code i loko o ka pae pūnaewele nui. ʻO ke kumu nui ke kuleana no ka hoʻoponopono ʻana i nā hana mea hoʻohana, no ka helu ʻana i nā ʻano, no ke kūkulu ʻana a me ka hōʻike ʻana i ka hoʻolālā ʻaoʻao. Inā hoʻopau ʻoe i ka pae nui me nā hana JavaScript, ʻaʻole e loaʻa iā ia ka manawa e hoʻopau i ke koena o nā hana i ka manawa. Ke alakaʻi nei kēia i nā lohi a me nā "brakes" i ka hana o nā ʻaoʻao.
Loaʻa i ka waihona waihona HTTP Archive ka ʻike e pili ana i ka lōʻihi o ka hana ʻana i ka code JavaScript ma ka pae nui o ka mīkini V8. 'O ia ho'i, hiki iā mākou ke hō'ili'ili i kēia 'ikepili a 'ike i ka lō'ihi o ka manawa a ke kaula nui e hana ai i ka JavaScript o nā wahi like 'ole.
ʻO ka manawa o ke kaʻina hana (i nā milliseconds) e pili ana i ka hoʻoponopono ʻana i ka palapala ma nā polokalamu kelepona
Nā pākēneka
10
25
50
75
90
Nā paena a pau
356.4
959.7
2372.1
5367.3
10485.8
jQuery paena
575.3
1147.4
2555.9
5511.0
10349.4
Nā pūnaewele Vue
1130.0
2087.9
4100.4
7676.1
12849.4
Nā pae kihi
1471.3
2380.1
4118.6
7450.8
13296.4
Nā Paena React
2700.1
5090.3
9287.6
14509.6
20813.3
ʻO ka manawa kaʻina hana e pili ana i ka hana ʻana i ka palapala ma nā polokalamu kelepona
Ka manawa kaʻina hana (i nā milliseconds) pili i ka hoʻoponopono ʻana i ka palapala ma nā polokalamu papapihi
Nā pākēneka
10
25
50
75
90
Nā paena a pau
146.0
351.8
831.0
1739.8
3236.8
jQuery paena
199.6
399.2
877.5
1779.9
3215.5
Nā pūnaewele Vue
350.4
650.8
1280.7
2388.5
4010.8
Nā pae kihi
482.2
777.9
1365.5
2400.6
4171.8
Nā Paena React
508.0
1045.6
2121.1
4235.1
7444.3
ʻO ka manawa kaʻina hana e pili ana i ka hoʻoili ʻana i ka palapala ma nā polokalamu papapihi
Maanei hiki iā ʻoe ke ʻike i kahi mea kamaʻāina loa.
No ka hoʻomaka ʻana, ʻoi aku ka liʻiliʻi o nā pūnaewele me ka jQuery i ka hoʻoponopono JavaScript ma ka pae nui ma mua o nā pūnaewele ʻē aʻe. Ma ka 10th percentile, hoʻohālikelike ʻia me nā pūnaewele a pau, ʻo nā pūnaewele jQuery ma ka mobile e hoʻolilo i ka 61% manawa hou aku i ka hoʻoponopono ʻana i ka code JS ma ka pae nui. I ka hihia o nā pūnaewele jQuery desktop, piʻi ka manawa hana e 37%. Ma ka 90th percentile, helu kokoke loa nā paena jQuery i nā helu hui. ʻO kahi kikoʻī, ʻo nā pūnaewele jQuery ma nā polokalamu kelepona e hoʻolilo i ka 1.3% ka liʻiliʻi o ka manawa ma ka pae nui ma mua o nā pūnaewele āpau, a ʻo 0.7% ka liʻiliʻi o ka manawa ma nā polokalamu papapihi.
Ma ka ʻaoʻao ʻē aʻe o kā mākou helu ʻana i nā frameworks i hōʻike ʻia e ka ukana kiʻekiʻe loa ma ka pae nui. Eia hou, Angular a me React. ʻO ka ʻokoʻa wale nō ma waena o nā mea ʻelua, ʻoiai ʻo nā pūnaewele Angular e hoʻouna i nā code hou aku i nā polokalamu kele pūnaewele ma mua o nā pūnaewele React, ʻoi aku ka liʻiliʻi o nā pūnaewele Angular i ka manawa CPU e hoʻoponopono ai i ke code. Ka emi loa.
Ma ka 10th percentile, hoʻohana nā paena Angular desktop i ka 230% ʻoi aku ka nui o ka manawa ma ka pae nui o ka hoʻoponopono JS code ma mua o nā pūnaewele āpau. No nā pūnaewele kelepona, ʻo 313% kēia helu. ʻO nā pūnaewele React nā mea hana maikaʻi loa. Ma ka pākaukau, hoʻohana lākou i ka 248% ʻoi aku ka nui o ka manawa hoʻoponopono code ma mua o nā pūnaewele āpau, a ʻo 658% ʻoi aku ma ke kelepona. 658% ʻaʻole ia he typo. Ma ka 10th percentile, hoʻohana nā pūnaewele React i 2.7 kekona o ka manawa o ka pae nui e hoʻoponopono i kā lākou code.
ʻO ka 90th percentile, ke hoʻohālikelike ʻia i kēia mau helu nui, ʻoi aku ka maikaʻi. Ke hoʻohālikelike ʻia me nā pūnaewele āpau, hoʻohana ʻia nā papahana Angular i 29% ʻoi aku ka manawa ma nā polokalamu kelepona ma ka pae nui, a me 27% ʻoi aku ka manawa ma nā polokalamu kelepona. I ka hihia o nā pūnaewele React, ua like nā helu like me 130% a me 98%, kēlā me kēia.
ʻOi aku ka maikaʻi o ka hoʻololi ʻana o ka pākēneka no ka 90th percentile ma mua o nā waiwai like no ka 10th percentile. Eia naʻe, pono e hoʻomanaʻo ʻia nā helu e hōʻike ana i ka manawa he mea weliweli. E ʻōlelo kākou he 20.8 kekona ma ka pae kelepona nui no kahi pūnaewele i kūkulu ʻia me React. (Manaʻo wau he kūpono ka moʻolelo o ka mea i hana ʻia i kēia manawa i kahi ʻatikala kaʻawale).
Aia kekahi pilikia ma aneʻi (mahalo no ka huki ʻana i koʻu manaʻo i kēia hiʻohiʻona, a no ka noʻonoʻo pono ʻana i ka ʻikepili mai kēia manaʻo). ʻO ka ʻoiaʻiʻo he nui nā pūnaewele e hoʻohana i nā mea hana mua. ʻO ka mea nui, ua ʻike au i ka nui o nā pūnaewele e hoʻohana ana i ka jQuery ma ka ʻaoʻao o React a i ʻole Vue, ʻoiai ke neʻe nei kēlā mau pūnaewele mai jQuery i nā frameworks a i ʻole nā hale waihona puke. ʻO ka hopena, paʻi hou au i ka waihona, i kēia manawa ke koho wale i kēlā mau loulou e pili ana i nā pūnaewele e hoʻohana wale ana i React, jQuery, Angular, a i ʻole Vue, akā ʻaʻole i hui pū ʻia. Eia kaʻu mea i loaʻa.
ʻO ka manawa kaʻina hana (i nā milliseconds) e pili ana i ka hoʻoponopono ʻana i nā palapala ma nā polokalamu kelepona i kahi kūlana e hoʻohana ai nā pūnaewele i hoʻokahi hoʻolālā a i ʻole hoʻokahi waihona.
Nā pākēneka
10
25
50
75
90
Nā pūnaewele e hoʻohana wale ana i ka jQuery
542.9
1062.2
2297.4
4769.7
8718.2
Nā pūnaewele e hoʻohana wale ana iā Vue
944.0
1716.3
3194.7
5959.6
9843.8
Nā pūnaewele e hoʻohana wale ana i ka Angular
1328.9
2151.9
3695.3
6629.3
11607.7
Nā paena e hoʻohana wale ana iā React
2443.2
4620.5
10061.4
17074.3
24956.3
ʻO ka manawa kaʻina hana e pili ana i ka hoʻoponopono ʻana i nā palapala ma nā polokalamu kelepona i kahi kūlana kahi e hoʻohana ai nā pūnaewele i hoʻokahi wale nō framework, a i ʻole hoʻokahi waihona
ʻO ka mea mua, ʻaʻole ia he mea kupanaha: ke hoʻohana ʻia kahi pūnaewele i hoʻokahi hoʻolālā a i ʻole hoʻokahi waihona, ʻoi aku ka maikaʻi o ka hana o ia pūnaewele ma mua o ka ʻole. ʻOi aku ka maikaʻi o kēlā me kēia mea kani ma ka 10th a me 25th percentile. He kūpono. ʻOi aku ka maikaʻi o ka paena i hana ʻia me ka hoʻohana ʻana i hoʻokahi framework ma mua o kahi pūnaewele i hana ʻia me ka hoʻohana ʻana i ʻelua a ʻoi aʻe paha i nā frameworks a i ʻole nā hale waihona puke.
ʻO ka ʻoiaʻiʻo, ʻoi aku ka maikaʻi o ka hana o kēlā me kēia mea hana mua i aʻo ʻia i nā hihia āpau, koe wale nō kahi ʻokoʻa. ʻO ka mea kupanaha iaʻu ma ka 50th percentile a ma luna, ʻoi aku ka maikaʻi o nā pūnaewele e hoʻohana ana iā React inā ʻo React wale nō ka hale waihona puke a lākou e hoʻohana ai. ʻO kēia, ma ke ala, ʻo ia ke kumu i hōʻike ai au i kēia ʻikepili ma aneʻi.
He mea ʻē kēia, akā e hoʻāʻo mau wau e ʻimi i ka wehewehe ʻana no kēia ʻano ʻano.
Inā hoʻohana kekahi papahana i ka React a me ka jQuery, a laila aia paha kēlā papahana ma kahi o ka hapalua o ka hoʻololi ʻana mai jQuery a React. Loaʻa paha kahi codebase kahi i hui pū ʻia ai kēia mau hale waihona puke. No ka mea ua ʻike mua mākou ua liʻiliʻi ka manawa o nā pūnaewele jQuery ma ka pae nui ma mua o nā pūnaewele React, e haʻi paha kēia iā mākou e kōkua ana ka hoʻokō ʻana i kekahi mau hana ma jQuery i ka paena e hana maikaʻi aʻe.
Akā i ka hoʻololi ʻana o ka papahana mai jQuery a i React a hilinaʻi hou aku iā React, ke loli nei nā mea. Inā he kūlana kiʻekiʻe loa ka pūnaewele, a hoʻohana pono nā mea hoʻomohala pūnaewele iā React, a laila e maikaʻi nā mea āpau me ia pūnaewele. Akā no ka paena React maʻamau, ʻo ka hoʻohana nui ʻana iā React ʻo ia ka mea aia ke kaula nui ma lalo o ka ukana kaumaha.
ʻO ka ʻokoʻa ma waena o nā polokalamu kelepona a me nā papa
ʻO kekahi manaʻo aʻu i nānā ai i ka ʻikepili i noiʻi ʻia e aʻo i ka nui o ka ʻokoʻa ma waena o ka hana ʻana me nā pūnaewele ma nā polokalamu kelepona a me ka papapihi. Inā mākou e kamaʻilio e pili ana i ka hoʻohālikelike ʻana i ka nui o ka code JavaScript, a laila ʻaʻole hōʻike kēia hoʻohālikelike i kekahi mea weliweli. ʻOiaʻiʻo, he mea maikaʻi ke ʻike i nā helu liʻiliʻi o nā code hiki ke hoʻoiho ʻia, akā ʻaʻole nui ka ʻokoʻa i ka nui o ka code mobile a me ka desktop.
Akā inā mākou e loiloi i ka manawa e pono ai e hoʻoponopono i ke code, ʻike ʻia kahi ākea nui ma waena o nā polokalamu kelepona a me nā papapihi.
Hoʻonui i ka manawa (pakeneka) e pili ana i ka hoʻoponopono ʻana i nā palapala ma nā polokalamu kelepona i hoʻohālikelike ʻia me ka pākaukau
Nā pākēneka
10
25
50
75
90
Nā paena a pau
144.1
172.8
185.5
208.5
224.0
jQuery paena
188.2
187.4
191.3
209.6
221.9
Nā pūnaewele Vue
222.5
220.8
220.2
221.4
220.4
Nā pae kihi
205.1
206.0
201.6
210.4
218.7
Nā Paena React
431.5
386.8
337.9
242.6
179.6
ʻOiai e manaʻo ʻia kekahi ʻokoʻa i ka wikiwiki o ka hoʻoponopono code ma waena o ke kelepona a me ka pona, ʻo ia mau helu nui e haʻi mai iaʻu ʻaʻole lawa ka manaʻo o nā frameworks hou i nā mea haʻahaʻa haʻahaʻa, a ke hoʻoikaika nei lākou e pani i ke āpau a lākou i ʻike ai. ʻOiai ma ka 10th percentile, hoʻohana nā pūnaewele React i ka 431.5% ʻoi aku ka manawa ma ka pae nui kelepona ma mua o ka pae nui o ka pākaukau. Loaʻa i ka jQuery ka liʻiliʻi liʻiliʻi loa, akā ma ʻaneʻi ka helu kūpono ʻo 188.2%. Ke hana nā mea hoʻomohala pūnaewele i kā lākou mau papahana ma ke ʻano e koi ai kā lākou hana ʻana i ka manawa kaʻina hana (a hiki mai, a ʻoi aku ka ʻino i ka manawa), pono e uku nā mea nona nā mana haʻahaʻa.
Nā hopena
Pono nā ʻōnaehana maikaʻi e hāʻawi i nā mea hoʻomohala i kumu maikaʻi no ke kūkulu ʻana i nā papahana pūnaewele (ma ke ʻano o ka palekana, hiki ke loaʻa, hana), a i ʻole e loaʻa iā lākou nā palena i kūkulu ʻia e paʻakikī ai ke kūkulu ʻana i kahi mea e kūʻē i kēlā mau kapu.
ʻAʻole pili kēia i ka hana o nā papahana pūnaewele (a ʻaʻole paha i kā lākou ).
He mea pono e hoʻomaopopo ʻo ia wale nō ma muli o ka hoʻolilo ʻana o nā pūnaewele React a i ʻole Angular i ka manawa CPU e hoʻomākaukau ai i nā code ma mua o nā mea ʻē aʻe ʻaʻole ia he manaʻo ʻoi aku ka ikaika o nā pūnaewele React ma mua o nā pūnaewele Vue i ka wā e holo ana. ʻO ka ʻoiaʻiʻo, ʻōlelo liʻiliʻi ka ʻikepili a mākou i loiloi e pili ana i ka hana hana o nā frameworks a me nā hale waihona puke. Ke kamaʻilio hou nei lākou e pili ana i nā ala hoʻomohala, me ka noʻonoʻo a ʻaʻole paha, hiki i kēia mau frameworks ke pana i nā mea polokalamu. Ke kamaʻilio nei mākou e pili ana i nā palapala no nā frameworks, e pili ana i kā lākou kaiaola, e pili ana i nā ʻenehana hoʻomohala maʻamau.
He mea kūpono hoʻi e haʻi aku i kahi mea a mākou i ʻike ʻole ai ma aneʻi, ʻo ia ka nui o ka manawa e hoʻohana ai ka mea hana i ka code JavaScript i ka wā e hoʻokele ai ma waena o nā ʻaoʻao o ka pūnaewele. ʻO ka hoʻopaʻapaʻa e pili ana i ka SPA, ʻo ia ke hoʻouka ʻia ka palapala noi ʻaoʻao hoʻokahi i ka polokalamu kele pūnaewele, hiki i ka mea hoʻohana ke wehe wikiwiki i nā ʻaoʻao o ka pūnaewele. ʻO koʻu ʻike ponoʻī e haʻi mai iaʻu he mamao kēia mai ka ʻoiaʻiʻo. Akā ʻaʻohe o mākou ʻikepili e wehewehe i kēia pilikia.
ʻO ka mea maopopo, inā ʻoe e hoʻohana ana i kahi framework a i ʻole hale waihona puke e hana i kahi pūnaewele, ke hana nei ʻoe i kahi kuʻikahi ma ke ʻano o ka hoʻouka mua ʻana i ka papahana a mākaukau e hele. Pili kēia i nā hiʻohiʻona maikaʻi loa.
Hiki ke hana i kekahi mau kuʻikahi i nā kūlana kūpono, akā he mea nui ka hana ʻana o nā mea hoʻomohala me ka noʻonoʻo.
Akā, loaʻa iā mākou ke kumu no ka manaʻolana. Hauʻoli wau i ka ʻike ʻana i ke ʻano o ka hana ʻana o nā mea hoʻomohala Chrome me nā mea hoʻomohala o kekahi o nā mea hana mua a mākou i loiloi ai i ka hoʻoikaika ʻana e kōkua i ka hoʻomaikaʻi ʻana i ka hana o kēlā mau mea hana.
Akā naʻe, he kanaka pragmatic wau. Hoʻokumu nā hale hana hou i nā pilikia hana i nā manawa a lākou e hoʻoponopono ai. A pono ka manawa e hoʻoponopono ai i nā hewa. E like me kā mākou e manaʻo ʻole ai e hoʻoponopono i nā pilikia hana āpau, ʻaʻole pono ʻoe e manaʻo i kēia mai nā mana hou o kā mākou punahele punahele.
Inā makemake ʻoe e hoʻohana i kekahi o nā mea hana mua i kūkākūkā ʻia ma kēia ʻatikala, ʻo ia ka mea pono ʻoe e hoʻoikaika i ka hana ʻole i ka hana o kāu papahana i kēia manawa. Eia kekahi mau mea e noʻonoʻo ai ma mua o ka hoʻomaka ʻana i kahi hoʻolālā hou:
- E hoʻāʻo iā ʻoe iho me ka noʻonoʻo. Pono anei ʻoe e hoʻohana i ka hoʻolālā i koho ʻia? Hiki i ka JavaScript maʻemaʻe i kēia lā ke hiki i ka nui.
- Aia kahi ʻokoʻa maʻalahi i ka framework i koho ʻia (e like me Preact, Svelte a i ʻole kekahi mea ʻē aʻe) hiki iā ʻoe ke hāʻawi iā ʻoe i ka 90% o nā mana o kēia framework?
- Inā ʻoe e hoʻohana nei i kahi framework, e noʻonoʻo inā aia kekahi mea e hāʻawi aku i nā koho maʻamau ʻoi aku ka maikaʻi, ʻoi aku ka mālama ʻana (e laʻa me Nuxt.js ma kahi o Vue, Next.js ma kahi o React, a pēlā aku).
- He aha kāu JavaScript hana?
- Pehea e hiki ai ia oe he kaʻina hana hoʻomohala e paʻakikī i ka hoʻokomo ʻana i nā code JavaScript hou aʻe i loko o kahi papahana ma mua o ka pono?
- Inā ʻoe e hoʻohana nei i kahi hoʻolālā no ka maʻalahi o ka hoʻomohala ʻana, e noʻonoʻo hoʻouna i ke code framework i nā mea kūʻai aku. Hiki paha iā ʻoe ke hoʻoponopono i nā pilikia āpau ma ke kikowaena?
ʻO ka maʻamau, pono ke nānā aku i kēia mau manaʻo, me ka nānā ʻole i ka mea āu i koho ai no ka hoʻomohala ʻana i mua. Akā, he mea koʻikoʻi lākou i ka wā e hana ana ʻoe i kahi papahana i nele i ka hana mai ka hoʻomaka ʻana.
E nā mea heluhelu aloha! Pehea ʻoe e ʻike ai i ka hoʻolālā JavaScript kūpono?
Source: www.habr.com