���] �M�AWeb���܌���(zh��n)
�A(y��)�����փr�ǰ����c���N��������(y��u)�ݵ�ُ�I����Ӌ����ăr������(y��u)��ȯ���֣����H��������δ�ص�ͬ�ڌ��H���փr��
�Є�����(bi��o)ӛ����P�ȸ�����ȫԔ��Ʒ���f��>>
-
>
ȫ��Ӌ��C�ȼ���ԇ�����濼�}��ģ�M������Ԕ�⡤����MSOffice����(y��ng)��
-
>
�Q��(zh��n)�Мy5000�}(���Z�����c���_)
-
>
ܛ�����ܜyԇ.�����c�{(di��o)��(y��u)���`֮·
-
>
��һ�д��aAndroid
-
>
JAVA���m(x��)����
-
>
EXCEL��̿ƕ�(��ȫ��)(ȫ��ӡˢ)
-
>
��ȌW(xu��)��(x��)
�M�AWeb���܌���(zh��n) ���(qu��n)��Ϣ
- ISBN��9787115538321
- �l�δa��9787115538321 ; 978-7-115-53832-1
- �b����ƽ�b-�zӆ
- �Ԕ�(sh��)�����o
- ���������o
- ���ٷ��>>
�M�AWeb���܌���(zh��n) ������ɫ
��Web ׃��Խ��Խ��(f��)�s�ĕr������QWeb ���܆��}����(d��ng)�r������ּ�ڎ����x�߄�(chu��ng)�����ӿ��ٵľW(w��ng)վ����(n��i)�ݺ��wWeb ���ܵĻ��A(ch��)֪�R�������u��������CSS ��(y��u)�����D��(y��u)�������w��(y��u)����JavaScript ���P(gu��n)�ă�(n��i)����Brotli ���s�㷨���YԴ��ʾ�����þ�����ԡ�HTTP/2���ȵ���
�M�AWeb���܌���(zh��n) ��(n��i)�ݺ���
��Web ׃��Խ��Խ��(f��)�s�ĕr������QWeb ���܆��}����(d��ng)�r������ּ�ڎ����x�߄�(chu��ng)�����ӿ��ٵľW(w��ng)վ����(n��i)�ݺ��wWeb ���ܵĻ��A(ch��)֪�R�������u��������CSS ��(y��u)�����D��(y��u)�������w��(y��u)����JavaScript ���P(gu��n)�ă�(n��i)�ݡ�Brotli ���s�㷨���YԴ��ʾ�����þ��������HTTP/2���ȵ���
�M�AWeb���܌���(zh��n) Ŀ�
1.1 ����Web ���� ���� 1
1.1.1 Web ���ܺ��Ñ��w� ���� 1
1.1.2 Web �g�[������cWeb ����(w��)��ͨ�� ���� 2
1.1.3 Web ������d ���� 4
1.2 ���֜�(zh��n)�� ���� 5
1.2.1 ���bNode.js ��Git ���� 6
1.2.2 ���d���\�п͑��ľW(w��ng)վ ���� 6
1.2.3 ģ�M�W(w��ng)�j(lu��)�B�� ���� 7
1.3 �z��͑��W(w��ng)վ ���� 8
1.4 ��(y��u)���͑��W(w��ng)վ ���� 10
1.4.1 �sС�YԴ ���� 11
1.4.2 ʹ�÷���(w��)�����s ���� 13
1.4.3 ���s�D�� ���� 16
1.5 *�K���ܜyԇ ���� 18
1.6 �Y(ji��) ���� 19
��2 �� ʹ���u������ ���� 20
2.1 ʹ��Google PageSpeed Insights �M���u������ 20
2.1.1 �u���W(w��ng)վ���� ���� 20
2.1.2 ʹ��Google Analytics �M��������� ���� 23
2.2 ʹ�û��ڞg�[�����u������ ���� 24
2.3 �z��W(w��ng)�j(lu��)Ո�� ���� 25
2.3.1 �鿴Ӌ�r��Ϣ ���� 25
2.3.2 �鿴HTTP Ո���푑�(y��ng)�^ ���� 27
2.4 ��Ⱦ���ܙz�鹤�� ���� 29
2.4.1 ����g�[�������Ⱦ�W(w��ng)� ���� 29
2.4.2 ʹ��Google Chrome ��Performance ��� ���� 30
2.4.3 �R�e���}�¼���jank ��Ԫ�� ���� 32
2.4.4 ��JavaScript �ڕr�g���И�(bi��o)ӛ�c ���� 37
2.4.5 �����g�[���е���Ⱦ������ ���� 38
2.5 ��Chrome �Ќ�JavaScript �M�л���(zh��n)�yԇ ���� 39
2.6 ģ�M�ͱO(ji��n)���O(sh��)�� ���� 40
2.6.1 ������Web �g�[����ģ�M�O(sh��)�� ���� 41
2.6.2 ��Android �O(sh��)�����h���{(di��o)ԇ�W(w��ng)վ ���� 42
2.6.3 ��iOS �O(sh��)�����h���{(di��o)ԇ�W(w��ng)վ ���� 43
2.7 ��(chu��ng)���Զ��x�W(w��ng)�j(lu��)��(ji��)������ ���� 44
2.8 �Y(ji��) ���� 45
��3 �� ��(y��u)��CSS ���� 47
3.1 ֱ�����}������DRY ���� 47
3.1.1 ����CSS ���� 47
3.1.2 ʹ��CSS �\�x���� ���� 50
3.1.3 ���x�\�x���� ���� 51
3.1.4 LESS ��SASS �A(y��)���g����������� ���� 52
3.1.5 ��Ҫ�؏�(f��)�Լ� ���� 53
3.1.6 ���F(xi��n)DRY ���� 53
3.1.7 ʹ��csscss �������� ���� 54
3.1.8 �ָ�CSS ���� 56
3.1.9 �Զ��x������d ���� 57
3.2 �ƄӃ�(y��u)�ȼ��Ñ�(y��u)�� ���� 58
3.2.1 �ƄӃ�(y��u)���c���惞(y��u)�� ���� 58
3.2.2 Mobilegeddon �㷨 ���� 61
3.2.3 ʹ��Google ���Ƅ��Ѻ�ָ�� ���� 62
3.2.4 ��C�W(w��ng)վ���Ƅ��Ѻ��� ���� 63
3.3 ��CSS �M�������{(di��o)�� ���� 63
3.3.1 ����ʹ�� @import �� ���� 63
3.3.2 @import ����Ո�� ���� 64
3.3.3 ����Ո�� ���� 64
3.3.4 �����CSS ���� 65
3.3.5 ��ֹ�o��ʽ��(n��i)���W�q ���� 65
3.3.6 �����Ⱦ�ٶ� ���� 66
3.3.7 ʹ�ø�����x���� ���� 66
3.3.8 ��(g��u)�����\�л���(zh��n)�yԇ ���� 67
3.3.9 �z�����(zh��n)�yԇ�Y(ji��)�� ���� 68
3.3.10 �M����ʹ��flexbox ���� 69
3.3.11 ���Ⱥ���ģ�ͺ�flexbox ��ʽ ���� 69
3.3.12 �z�����(zh��n)�yԇ�Y(ji��)�� ���� 70
3.4 ʹ��CSS �^�� ���� 71
3.4.1 ʹ��CSS �^�� ���� 71
3.4.2 �^��CSS �^������ ���� 73
3.4.3 ʹ��will-change ���ԃ�(y��u)���^�� ���� 74
3.5 �Y(ji��) ���� 75
��4 �� �����P(gu��n)�ICSS ���� 76
4.1 �P(gu��n)�ICSS �����Q���} ���� 76
4.1.1 �����ۯB ���� 76
4.1.2 ������Ⱦ���� ���� 77
4.2 �P(gu��n)�ICSS ��ԭ�� ���� 78
4.2.1 ���d������ʽ ���� 79
4.2.2 ���d���������(n��i)�ݵĘ�ʽ ���� 79
4.3 ���F(xi��n)�P(gu��n)�ICSS ���� 80
4.3.1 ���ò��\�в��V�W(w��ng)վ ���� 81
4.3.2 �R�e�ͷ��x����CSS ���� 82
4.3.3 ���d���������(n��i)�ݵ�CSS ���� 88
4.4 ��(qu��n)������ ���� 89
4.5 �����ɾS�o�� ���� 91
4.6 ��퓾W(w��ng)վ��ע����� ���� 91
4.7 �Y(ji��) ���� 92
��5 �� 푑�(y��ng)ʽ�D�� ���� 94
5.1 ��ʲôҪ���]�D���ݔ ���� 94
5.2 ����D����ͼ��䑪(y��ng)�� ���� 96
5.2.1 ʹ�ù�ňD�� ���� 96
5.2.2 ʹ��SVG �D�� ���� 99
5.2.3 �x��D���ʽ ���� 100
5.3 CSS �еĈD���ݔ ���� 101
5.3.1 ʹ��ý�w��ԃ��CSS ���m���@ʾ�� ���� 101
5.3.2 ͨ�^ý�w��ԃ�m���DPI �@ʾ�� ���� 104
5.3.3 ��CSS ��ʹ��SVG �����D�� ���� 106
5.4 ��HTML �Ђ�ݔ�D�� ���� 106
5.4.1 �D���ȫ��max-widthҎ(gu��)�t ���� 107
5.4.2 ʹ��srcset ���� 107
5.4.3 ʹ��Ԫ�� ���� 110
5.4.4 ʹ��Picturefill �ṩpolyfill֧�� ���� 114
5.4.5 ��HTML ��ʹ��SVG ���� 116
5.5 �Y(ji��) ���� 117
��6 �� �D����Mһ��̎������ 118
6.1 ʹ�ÈD��ѩ�̈D ���� 118
6.1.1 ��(zh��n)�乤�� ���� 119
6.1.2 ����ѩ�̈D ���� 119
6.1.3 ʹ�����ɵ�ѩ�̈D ���� 121
6.1.4 ʹ��ѩ�̈D�r�Ŀ��� ���� 122
6.1.5 ʹ��Grumpicon ���˵���ňD��ѩ�̈D ���� 123
6.2 �s�D�� ���� 124
6.2.1 ʹ��imagemin ��(y��u)����ňD�� ���� 125
6.2.2 ��(y��u)��SVG �D�� ���� 129
6.3 ʹ��WebP ���a�D�� ���� 131
6.3.1 ʹ��imagemin ���a�ГpWebP �D�� ���� 132
6.3.2 ʹ��imagemin ���a�o�pWebP �D�� ���� 133
6.3.3 ֧�ֲ�֧��WebP �Ğg�[�� ���� 134
6.4 ��d�D�� ���� 136
6.4.1 ���Ø�(bi��o)ӛ ���� 137
6.4.2 ������d���� ���� 138
6.4.3 ���]��֧��JavaScript ���Ñ� ���� 144
6.5 �Y(ji��) ���� 146
��7 �� ��������w ���� 148
7.1 ���ǵ�ʹ�����w ���� 149
7.1.1 �x�����w�����w׃�w ���� 149
7.1.2 ��(g��u)�����Լ���@font-face��(li��n) ���� 151
7.2 ���sEOT ��TTF ���w��ʽ ���� 154
7.3 ȡ���w�Ӽ� ���� 156
7.3.1 �ք��������w�Ӽ� ���� 156
7.3.2 ʹ��unicode-range ���Ԃ�ݔ���w�Ӽ� ���� 160
7.4 ��(y��u)�����w���d ���� 166
7.4.1 �������w���d���} ���� 166
7.4.2 ʹ��CSS font-display���� ���� 168
7.4.3 ʹ�����w���dAPI ���� 169
7.4.4 ʹ��Font Face Observer������� ���� 173
7.5 �Y(ji��) ���� 175
��8 �� ����JavaScript ����c���� ���� 176
8.1 Ӱ��_�����d�О� ���� 176
8.1.1 ��������scriptԪ�� ���� 177
8.1.2 ʹ�î����_�����d ���� 178
8.1.3 ʹ��async ���� 178
8.1.4 �ڶ��_�����d�пɿ���ʹ��async ���� 180
8.2 ʹ�ø������ļ���jQuery ������������� 182
8.2.1 ���^������� ���� 182
8.2.2 ̽����Ʒ ���� 182
8.2.3 ���^��С ���� 182
8.2.4 ���^���� ���� 183
8.2.5 ���F(xi��n)������� ���� 185
8.2.6 ʹ��Zepto ���� 185
8.2.7 ����ʹ��Shoestring ��Sprint��ע����� ���� 185
8.3 �xjQuery ���a ���� 186
8.3.1 �z��DOM �Ƿ��(zh��n)��;w ���� 186
8.3.2 �x��Ԫ�ز������¼� ���� 187
8.3.3 ʹ��classList ����Ԫ���ϵ�� ���� 188
8.3.4 �xȡ����Ԫ�،����c��(n��i)�� ���� 189
8.3.5 ʹ��Fetch API �l(f��)��AJAXՈ�� ���� 192
8.3.6 ʹ��Fetch API ���� 192
8.3.7 Fetch API ��polyfill ���� 193
8.4 ʹ��requestAnimationFrame�O(sh��)�ÄӮ� ���� 194
8.4.1 requestAnimationFrameһ�[ ���� 194
8.4.2 Ӌ�r������(sh��)�(q��)�ӵĄӮ���requestAnimationFrame ���� 194
8.4.3 ���^���� ���� 195
8.4.4 ���F(xi��n)requestAnimationFrame���� 196
8.4.5 �˽�Velocity.js ���� 198
8.5 �Y(ji��) ���� 199
��9 �� ʹ��Service Worker �������� ���� 200
9.1 ��Service Worker ���� 200
9.2 ����**��Service Worker ���� 202
9.2.1 ���bService Worker ���� 203
9.2.2 ע��Service Worker ���� 203
9.2.3 �r�ز�����W(w��ng)�j(lu��)Ո�� ���� 207
9.2.4 ������������ ���� 209
9.2.5 ��(y��u)���W(w��ng)�j(lu��)Ո��Ĕr���О� ���� 209
9.3 ����Service Worker ���� 212
9.3.1 �ļ��汾���� ���� 212
9.3.2 �����f���� ���� 214
9.4 �Y(ji��) ���� 215
��10 �� �{(di��o)�YԴ��ݔ ���� 217
10.1 ���s�YԴ ���� 217
10.1.1 ��ѭ���sָ��(d��o)ԭ�t ���� 218
10.1.2 ʹ��Brotli ���s ���� 221
10.2 �����YԴ ���� 225
10.2.1 ���⾏�� ���� 225
10.2.2 �ƶ�*�Ѿ������ ���� 230
10.2.3 ʹ�����YԴʧЧ ���� 233
10.3 ʹ��CDN �YԴ ���� 234
10.3.1 ʹ��CDN �й��YԴ���� 234
10.3.2 CDN �l(f��)��������ô�k ���� 236
10.3.3 ʹ�����YԴ��������CCDN �YԴ ���� 237
10.4 ʹ���YԴ��ʾ ���� 239
10.4.1 ʹ��preconnect �YԴ��ʾ ���� 239
10.4.2 ʹ��prefetch ��preload�YԴ��ʾ ���� 241
10.5 �Y(ji��) ���� 243
��11 �� HTTP/2 δ��չ�� ���� 245
11.1 ����HTTP/2 �ı�Ҫ�� ���� 245
11.1.1 ����HTTP/1 �еĆ��} ���� 246
11.1.2 ͨ�^HTTP/2 ��Q��Ҋ��HTTP/1 ���} ���� 248
11.1.3 ��Node �о���һ�����ε�HTTP/2 ����(w��)�� ���� 251
11.1.4 �^������ ���� 253
11.2 ̽��HTTP/2 ����(y��ng)�ă�(y��u)�����g(sh��)׃�� ���� 255
11.2.1 �YԴ�����c����Ч�� ���� 255
11.2.2 �R�eHTTP/2 �����ܷ�ģʽ ���� 256
11.3 ʹ�÷���(w��)�����͓��Ȱl(f��)���YԴ ���� 257
11.3.1 �������(w��)�����ͼ��乤��ԭ�� ���� 258
11.3.2 ʹ�÷���(w��)������ ���� 258
11.3.3 �y������(w��)���������� ���� 261
11.4 ͬ�r��(y��u)��HTTP/1 ��HTTP/2 ���� 262
11.4.1 HTTP/2 ����(w��)�����̎����֧��HTTP/2 �Ğg�[�� ���� 262
11.4.2 ������ ���� 263
11.4.3 ����(j��)�g�[�������ṩ�YԴ ���� 264
11.5 �Y(ji��) ���� 269
��12 �� ʹ��gulp �Ԅӻ���(y��u)���΄�(w��) ���� 270
12.1 �P(gu��n)��gulp ���� 270
12.1.1 ��ʲôҪʹ�Ø�(g��u)��ϵ�y(t��ng) ���� 271
12.1.2 gulp �Ĺ���ԭ�� ���� 272
12.2 �춨���A(ch��) ���� 273
12.2.1 �M���Ŀ�ļ��A ���� 273
12.2.2 ���bgulp ������ ���� 274
12.3 ����gulp �΄�(w��) ���� 277
12.3.1 ����gulp �΄�(w��) ���� 277
12.3.2 ���������΄�(w��) ���� 279
12.3.3 �������ó����΄�(w��) ���� 285
12.4 ��������gulp ��� ���� 288
12.5 �Y(ji��) ���� 289
���A ���߅��� ���� 290
���B ����jQuery ���ܵ�ԭ���ȃr���F(xi��n) ���� 295
�M�AWeb���܌���(zh��n) ���ߺ���
������·�߸�{��Jeremy Wagner�� Web������ԃ����Webǰ���_�l(f��)�����ڶ�ҙC��(g��u)�ʹ�˾�e����ʮ���꽛(j��ng)������^����Web���ܷ���ĈD����������߀��(j��ng)���ڸ��NWeb�_�l(f��)���h�ϰl(f��)�����v��
- >
�S�@ʳ��
- >
����?gu��)����x��Ѹ:�����¾�
- >
���Z�ڴ���ϵ�С������˼��20:Փ��Ȼ�x��(Ӣ�h�p�Z)
- >
���c�؉�
- >
�_ӹ����(li��n)�����n�
- >
�Ա��c��Խ
- >
�Ї����ڞ��K��߅���^(q��):�vʷ�c��W(xu��)����
- >
�����S�����-�������Ծ���