�x���¹�������ֱ�ӳ���
�gӭ���R�ЈD�W(w��ng) Ո | ע��

���] ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���`

���ߣ��ܿ��i��
�����磺��ӹ��I(y��)����������r�g��2018-01-01
�_���� 32�_ 퓔�(sh��)�� 212
�� �D �r:¥42.4(6.1��) ���r  ¥69.0 ��䛺�ɿ������T�r
������Ǖ�����>

ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���` ���(qu��n)��Ϣ

ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���` ������ɫ

ǰ�˹��̻�����һϵ��Ҏ(gu��)�����������������ǰ�˹��̎��Ĺ���Ч�ʣ��ӿ�Web�_�l(f��)�����ٶ����ǬF(xi��n)��ǰ���_�l(f��)�I(l��ng)���зdz���Ҫ��һ�h(hu��n)��ǰ�˹��̻����wϵ�O(sh��)Ӌ�c���`��ϵ�y(t��ng)��ȫ��ؽ�B��ǰ�˹����wϵ�ĸ����h(hu��n)��(ji��)�������O(sh��)ӋҪ�c�͌��`��(j��ng)򞡣ȫ���֞�7�����քe��ǰ�˹��̺�ʷ���_�ּ�����(g��u)���������_�l(f��)����(w��)������������������ǰ�˹��̻���δ���� ǰ�˹��̻����wϵ�O(sh��)Ӌ�c���`���m�ό�ǰ�˹��̻���һ������͌��`���и߼�ǰ�˹��̎���x��ͬ���m�ό�ǰ�˹��̻����dȤ�ķ���(w��)�����_�l(f��)���Լ��\�S�ˆT��x��

ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���` ��(n��i)�ݺ���

1.�������ܐ����ώ��A�����������F���g(sh��)���O(ji��n)�w�����Ѻ��߼����g(sh��)��(j��ng)���۳���Facebookܛ�����̎������w��ofoǰ�˼ܘ�(g��u)�����W(xu��)�x“(li��n)�����]�� 2.����ϵ�y(t��ng)��ȫ��ؽ�B��ǰ�˹����wϵ�ĸ����h(hu��n)��(ji��)�������O(sh��)ӋҪ�c�͌��`��(j��ng)���ȫ���֞�7�£��քe�����wՓ���_�ּܡ���(g��u)���������_�l(f��)����(w��)������������������ǰ�˹��̻���δ���� 3.�����Ա��ع�����ΑB(t��i)��ǰ�˹��̻�����Boi��������Yeoman���(n��i)�˵��_�ּ�����Express���d���ط���(w��)������webpack���(n��i)�˵Ę�(g��u)��ϵ�y(t��ng)������SFTP�f(xi��)�h���h�̲��������@�������ĺܶ������������Փ�C�����^�c�ą����� 4.ǰ�˹��̻��F(xi��n)����̎�ڲ���̽���ij����A�����@�����ṩ�˴�����ǰ�˹��̎��ɽ��b��������Ͷ֮�����a(ch��n)�����Č��`���m��ǰ�˹��̎��M�A�W(xu��)��(x��)�ͅ�����

ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���` Ŀ�

��1�� ǰ�˹��̺�ʷ 1 1.1 ǰ�˹��̎��Ļ������B(y��ng) 2 1.1.1 ǰ�˹��̎��İl(f��)չ�vʷ 2 1.1.2 ǰ�˹��̎��ļ��ܗ� 3 1.2 Node.js���oǰ�˵ĸĸ� 7 1.2.1 ǰ�˵ăɴ����� 7 1.2.2 Node.js�����ĸĸ� 9 1.3 ǰ��˷��x 12 1.3.1 ԭʼ��ǰ����_�l(f��)ģʽ 13 1.3.2 ǰ��˷��x�Ļ���ģʽ 14 1.3.3 ǰ��˷��x�cǰ�˹��̻� 19 1.4 ǰ�˹��̻� 19 1.4.1 ǰ�˹��̻��ĺ����ʄt 20 1.4.2 ǰ�˹��̻����M���v�� 21 1.4.3 ǰ�˹��̻���3���A�� 32 1.5 ���̻������ܘ�(g��u) 34 1.5.1 webpack 34 1.5.2 ���̻����������w�ܘ�(g��u) 36 1.5.3 ����Ҏ(gu��)�� 37 1.5.4 �O(sh��)Ӌԭ�t 41 1.6 ���Y(ji��) 42 ��2�� �_�ּ� 43 2.1 �_�ּܵĹ��ܺͱ��|(zh��) 44 2.2 �_�ּ���ǰ�˹����еĽ�ɫ������ 45 2.2.1 ���꼴���İl(f��)���߽�ɫ 45 2.2.2 �����ڱ��صĈ�(zh��)�Эh(hu��n)�� 47 2.2.3 �����ԵČ��F(xi��n)ģʽ 49 2.3 �_Դ�_�ּܰ������� 51 2.4 ����Yeoman���b�_�ּܷ��� 56 2.4.1 ���b�_�ּܷ��� 57 2.4.2 ���ɵ����̻��wϵ�� 63 2.5�����Y(ji��) 66 ��3�� ��(g��u)�� 68 3.1 ��(g��u)�����ܽ�Q�Ć��} 68 3.2 ����API�O(sh��)Ӌԭ�t�;��̷�ʽ�s�� 71 3.2.1 ����API�O(sh��)Ӌ 71 3.2.2 ���̷�ʽ�s�� 75 3.3 ECMAScript�cBabel 76 3.3.1 ECMAScript�l(f��)չʷ 76 3.3.2 ES6�Ŀ�r�����x 78 3.3.3 Babel——�������x��JavaScript���g 80 3.3.4 �Y(ji��)��webpack�cBabel���F(xi��n)JavaScript��(g��u)�� 84 3.4 CSS�A(y��)���g�cPostCSS 89 3.4.1 CSS��ȱ�� 90 3.4.2 CSS�A(y��)���g�� 90 3.4.3 PostCSS 91 3.4.4 webpack�Y(ji��)���A(y��)���g�cPostCSS���F(xi��n)CSS��(g��u)�� 93 3.4.5 �������Ԅ�����CSS Sprites���܌��F(xi��n) 95 3.5 ģ�K���_�l(f��) 101 3.5.1 ģ�K���c�M���� 101 3.5.2 ģ�K���c���̻� 102 3.5.3 ģ�K���_�l(f��)�ărֵ 103 3.5.4 ǰ��ģ�K���l(f��)չʷ 107 3.5.5 webpackģ�K����(g��u)�� 109 3.6 ���������c���� 112 3.6.1 HTTP������� 113 3.6.2 ���w�����c�������� 117 3.6.3 ������d�c��ģ�K�ܘ�(g��u)�����µ��������� 120 3.6.4 webpack���F(xi��n)�������˜�(g��u)������ 122 3.7 �YԴ��λ 128 3.7.1 �YԴ��λ�Ěvʷ׃�w 128 3.7.2 ��Ҏ(gu��)���YԴ��λ˼�S 132 3.7.3 webpack������ע��ģʽ 132 3.8 ���Y(ji��) 147 ��4�� �����_�l(f��)����(w��)�� 149 4.1 �����_�l(f��)����(w��)����Q�Ć��} 150 4.2 �ӑB(t��i)��(g��u)�� 152 4.2.1 webpack-dev-middleware 152 4.2.2 Livereload��HMR 157 4.3 Mock����(w��) 161 4.3.1 Mock�ı�Ҫǰ��Ͱl(f��)չ�M�� 162 4.3.2 ������(sh��)��(j��)�ӿ� 166 4.3.3 SSR 172 4.4 ���Y(ji��) 174 ��5�� ���� 175 5.1 �������̵��O(sh��)Ӌԭ�t 175 5.1.1 �ٶ�——�����麆 177 5.1.2 �f(xi��)��——���a����Ͳ������ 181 5.1.3 ��ȫ——���񌏲�͙�(qu��n)�޿��� 184 5.2 ����֮�⣺ǰ���o�B(t��i)�YԴ�IJ������ 186 5.2.1 �f(xi��)�̾����c���ƾ��� 186 5.2.2 Apache�O(sh��)�þ������ 186 5.3 ���Y(ji��) 190 ��6�� ������ 191 6.1 ���ع����� 192 6.1.1 ���Θ�(g��u)�����[�� 193 6.1.2 ���a���x�c�yԇɳ�� 194 6.2 ��ƽ�_������ 197 6.2.1 GitFlow�c�汾���� 199 6.2.2 WebHook�c�ԄӘ�(g��u)�� 201 6.3 ���m(x��)�����c���m(x��)���� 203 6.4 ���Y(ji��) 205 ��7�� ǰ�˹��̻���δ�� 206 7.1 ǰ�˹��̎�δ���Ķ�λ 206 7.1.1 ��ֻ�Ǟg�[�� 207 7.1.2 Ҳ��ֻ��Web 208 7.2 ǰ�˹��̻���һ���{�D 209 7.3 ���Y(ji��) 212
չ�_ȫ��

ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���` ���P(gu��n)�Y��

ǰ�˼��g(sh��)����Web 2.0�r�����R���������˸�����܇������r�g��Ѹ������ˏ������^�̵�����?q��)�����D(zhu��n)׃��������ǰ�˹��̎����f�аl(f��)Ч��һֱ��һ��ʹ�c���������c���iͬ�W(xu��)�������g��Ҋ�C����e�O̽�������T���`�؇Lԇ��׃�F(xi��n)����ͨ�^Boi��܁팢˼����ز������_Դ�������Ķ�׌����ǰ��С���������������������wϵ���ؽ�B��ǰ�˹����wϵ�O(sh��)Ӌ˼�����m��ǰ�˹��̎��M�A�W(xu��)��(x��)�ͅ����� ���F���g(sh��)���O(ji��n) �w�� �������P(gu��n)ǰ�˹��̻��ĕ��������Լ�����Web�_�l(f��)�Ěv�������ܵ��F(xi��n)�ڵ�ǰ�˹��̎���̎��ǰ�˾����w�ٰl(f��)չ�ĕr���������]�����^����������ǰ�˹��̎��Ľy(t��ng)�Q�����߾S�o�^һ�����^3000�е�JavaScript���a�ļ������ܕ��o�����⹤�̻�������������������Ԕ�����v����ǰ���Ŀ�Ę�(g��u)�����l(f��)���������^�̣������ѽ�(j��ng)���_�l(f��)��(j��ng)��ǰ�˹��̎����f���������������F(xi��n)���Ŀ�Y(ji��)��(g��u)���M�д��a�ؘ�(g��u)��Ҳ�ɞ�ʂ��M��ǰ���I(l��ng)����¹��̎�ָ���W(xu��)��(x��)ǰ��֪�R��·���� �Ѻ��߼����g(sh��)��(j��ng)�� �۳� Web�a(ch��n)Ʒ������ͼ��g(sh��)���M���Ƿdz�Ѹ�ٵģ�ǰ���I(l��ng)���Ȟ����@���_�l(f��)�ˆT��Ҫ���]���ܡ�������UI�Č��F(xi��n)�����Ҽ���Ñ��w��c������߉݋�c�ܘ�(g��u)��(f��)�s�ȵ�������һ���������^�̣��o������ϵ��������_��Web�_�l(f��)�ˆT�����������˹���Ч�������̻��ԇ�֔?sh��)����?gu��)���Ĺ������������o�����򣬌���ϻ���ɢ�����������˽��O(sh��)ǰ�˹����wϵ��Ҫ���]�ĸ��������أ��鄂��̤��ǰ�˹����I(l��ng)����_�l(f��)�ߺ͈F��ṩ�˃�(y��u)�|(zh��)�ą����� Facebook Software Engineer �����w ���i���ҵ�ǰͬ����������S���Ľ�(j��ng)��ڱ�����(n��i)�w�F(xi��n)������M������վ�ڼܘ�(g��u)���ĸ߶�����ǰ�˹��̻����������`�����ɕ���������ɫ���؄e�m���и߼�ǰ���аl(f��)�ˆT����־����ǰ�˼ܘ�(g��u)���P(gu��n)�������ˆT���x�� ofoǰ�˼ܘ�(g��u)�� ���W(xu��)�x

ǰ�˹��̻��wϵ�O(sh��)Ӌ�c���` ���ߺ���

�ܿ��i 1987����������Ы����5ֻ؈��1ֻ�����Pʺ������ǰ�ˣ��͑��� Web Service���`��������Ҫ�о������ǰ�˹��̻���Web��(y��ng)�ÌӼܘ�(g��u)�������о�����ı��|(zh��)�����Ҙ��ڏĺ��^�ĽǶȽ�Q���}���r���ѹ��؈DWebǰ���_�l(f��)������

��Ʒ�uՓ(0�l)
���o�uՓ����
�������]
����N
��݋���]
����픲�
�ЈD�W(w��ng)
�ھ��ͷ�