cainiaoblog 23.2.183 → 23.2.185

package/img/upy_logo.svg

@@ -1,59 +1,59 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="90px" height="40px" viewBox="225 250 300 180" enable-background="new 0 0 800 800" xml:space="preserve">
-<g>
-	<path fill="#00A0FF" d="M282.639,281.223L282.639,281.223L282.639,281.223L282.639,281.223L282.639,281.223
-		c-2.473-1.861-5.034-3.52-7.664-4.983c-1.904-1.059-4.295-0.564-5.604,1.177l-16.492,21.912l-1.176,1.563
-		c-1.786,2.373-4.638,3.665-7.605,3.529c-1.082-0.049-2.164-0.039-3.242,0.029c-8.289,0.525-16.308,4.525-21.694,11.681
-		c-4.33,5.753-6.229,12.576-5.879,19.245c0.063,1.201,0.757,2.298,1.851,2.796c2.27,1.032,4.017,3.137,4.454,5.83
-		c0.618,3.809-1.722,7.551-5.418,8.659c-4.357,1.306-8.832-1.363-9.814-5.724c-0.532-2.362,0.079-4.711,1.463-6.48
-		c0.768-0.981,1.154-2.203,1.044-3.444c-0.758-8.552,1.52-17.402,7.09-24.802c7.026-9.334,17.717-14.274,28.562-14.337
-		c2.09-0.012,4.052-1.011,5.309-2.681l15.188-20.178c1.189-1.579,0.421-3.848-1.476-4.405c-25.43-7.46-53.905,0.934-70.96,23.146
-		c-22.099,28.781-16.729,70.279,11.987,92.462c2.687,2.076,5.482,3.909,8.36,5.508c1.893,1.052,4.274,0.537,5.577-1.193
-		l16.492-21.911l1.176-1.563c1.786-2.373,4.638-3.665,7.605-3.529c1.082,0.049,2.164,0.039,3.242-0.029
-		c8.289-0.525,16.308-4.525,21.694-11.681c4.33-5.753,6.229-12.576,5.879-19.245c-0.063-1.201-0.757-2.298-1.851-2.796
-		c-2.27-1.032-4.017-3.137-4.454-5.83c-0.618-3.809,1.722-7.551,5.418-8.658c4.357-1.306,8.832,1.363,9.814,5.724
-		c0.532,2.362-0.079,4.711-1.463,6.48c-0.768,0.981-1.154,2.203-1.044,3.444c0.758,8.552-1.52,17.402-7.09,24.802
-		c-7.026,9.334-17.717,14.274-28.562,14.337c-2.09,0.012-4.052,1.011-5.309,2.681l-15.187,20.177
-		c-1.18,1.568-0.439,3.842,1.444,4.396c25.633,7.534,54.368-1.045,71.384-23.652C317.614,344.545,311.773,303.151,282.639,281.223z"
-		/>
-	<g>
-		<path fill="#00A0FF" d="M391.613,299.257l-0.001-1.567c-0.001-1.133-0.92-2.052-2.053-2.052h-51.424
-			c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h43.629c1.255,0,2.221,1.107,2.034,2.348
-			c-1.224,8.113-5.061,23.285-17.051,37.854c-0.847,1.029-2.419,1.011-3.241-0.039c-10.032-12.828-13.119-25.98-13.962-30.826
-			c-0.184-1.061-1.166-1.792-2.237-1.678l-1.643,0.174l-1.449,0.151c-1.188,0.124-2.026,1.228-1.808,2.403
-			c1.028,5.558,4.773,20.841,16.549,35.388c0.683,0.843,0.625,2.076-0.175,2.81c-14.336,13.149-27.229,16.031-31.841,16.657
-			c-1.027,0.14-1.794,1.009-1.789,2.046l0.015,3.169c0.006,1.22,1.065,2.174,2.276,2.032c5.484-0.645,20.116-3.743,36.284-18.613
-			c0.799-0.734,2.014-0.734,2.81,0.003c7.813,7.235,17.799,14.211,31.266,18.495c1.091,0.347,2.259-0.287,2.582-1.385l0.887-3.007
-			c0.318-1.078-0.297-2.198-1.367-2.539c-12.252-3.908-21.285-10.2-28.378-16.651c-0.818-0.744-0.859-2.006-0.141-2.846
-			C391.369,325.431,391.615,300.395,391.613,299.257z"/>
-		<path fill="#00A0FF" d="M427.31,292.355h-3.137c-1.134,0-2.053,0.919-2.053,2.053v10.999c0,1.134-0.919,2.053-2.053,2.053h-7.379
-			c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h7.379c1.134,0,2.053,0.919,2.053,2.053v15.933
-			c0,1.134-0.919,2.053-2.053,2.053h-7.379c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h7.379
-			c1.134,0,2.053,0.919,2.053,2.053v15.065c0,3.27-1.307,8.606-9.648,9.31c-1.078,0.091-1.921,0.965-1.921,2.047v3.125
-			c0,1.196,1.017,2.157,2.209,2.055c8.099-0.693,16.603-5.292,16.603-16.537v-15.065c0-1.134,0.919-2.053,2.053-2.053h6.557
-			c1.134,0,2.053-0.919,2.053-2.053v-3.137c0-1.134-0.919-2.053-2.053-2.053h-6.557c-1.134,0-2.053-0.919-2.053-2.053v-15.933
-			c0-1.134,0.919-2.053,2.053-2.053h6.557c1.134,0,2.053-0.919,2.053-2.053v-3.137c0-1.134-0.919-2.053-2.053-2.053h-6.557
-			c-1.134,0-2.053-0.919-2.053-2.053v-10.999C429.363,293.274,428.444,292.355,427.31,292.355z"/>
-		<path fill="#00A0FF" d="M443.648,373.092c0,1.134,0.919,2.053,2.053,2.053h23.138c10.239,0,18.569-7.94,18.569-17.7v-48.63
-			c0-1.134-0.919-2.053-2.053-2.053h-39.654c-1.134,0-2.053,0.919-2.053,2.053V373.092z M468.839,367.902h-15.895
-			c-1.134,0-2.053-0.919-2.053-2.053v-21.81c0-1.134,0.919-2.053,2.053-2.053h25.167c1.134,0,2.053,0.919,2.053,2.053v13.406
-			C480.165,363.211,475.084,367.902,468.839,367.902z M480.165,316.059v16.631c0,1.134-0.919,2.053-2.053,2.053h-25.167
-			c-1.134,0-2.053-0.919-2.053-2.053v-16.631c0-1.134,0.919-2.053,2.053-2.053h25.167
-			C479.246,314.006,480.165,314.925,480.165,316.059z"/>
-		<path fill="#00A0FF" d="M475.171,292.301h-20.44c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h20.44
-			c1.134,0,2.053-0.919,2.053-2.053v-3.137C477.224,293.22,476.305,292.301,475.171,292.301z"/>
-		<path fill="#00A0FF" d="M553.303,295.487H510.73c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h42.573
-			c1.134,0,2.053-0.919,2.053-2.053v-3.137C555.356,296.406,554.437,295.487,553.303,295.487z"/>
-		<path fill="#00A0FF" d="M535.11,331.8h29.657c1.134,0,2.053-0.919,2.053-2.053v-3.137c0-1.134-0.919-2.053-2.053-2.053h-65.51
-			c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h20.274c1.638,0,2.617,1.824,1.711,3.189l-13.492,24.343
-			c-0.363,0.545-0.632,1.08-0.821,1.633c-1.129,3.299-0.601,6.838,1.451,9.71c2.15,3.01,5.706,4.806,9.509,4.806h36.976
-			c1.662,0,3.181-0.829,4.061-2.218c0.863-1.359,0.969-3.039,0.283-4.495l-8.586-16.643c-0.52-1.008-1.759-1.403-2.766-0.883
-			l-2.788,1.439c-1.008,0.52-1.403,1.758-0.883,2.766l5.055,9.796c0.705,1.367-0.287,2.995-1.825,2.995h-29.528
-			c-1.492,0-2.81-0.647-3.616-1.775c-0.367-0.512-0.899-1.53-0.589-2.798c0.052-0.212,0.157-0.413,0.278-0.596l16.397-28.72
-			C531.416,332.757,533.199,331.8,535.11,331.8z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="90px" height="40px" viewBox="225 250 300 180" enable-background="new 0 0 800 800" xml:space="preserve">
+<g>
+	<path fill="#00A0FF" d="M282.639,281.223L282.639,281.223L282.639,281.223L282.639,281.223L282.639,281.223
+		c-2.473-1.861-5.034-3.52-7.664-4.983c-1.904-1.059-4.295-0.564-5.604,1.177l-16.492,21.912l-1.176,1.563
+		c-1.786,2.373-4.638,3.665-7.605,3.529c-1.082-0.049-2.164-0.039-3.242,0.029c-8.289,0.525-16.308,4.525-21.694,11.681
+		c-4.33,5.753-6.229,12.576-5.879,19.245c0.063,1.201,0.757,2.298,1.851,2.796c2.27,1.032,4.017,3.137,4.454,5.83
+		c0.618,3.809-1.722,7.551-5.418,8.659c-4.357,1.306-8.832-1.363-9.814-5.724c-0.532-2.362,0.079-4.711,1.463-6.48
+		c0.768-0.981,1.154-2.203,1.044-3.444c-0.758-8.552,1.52-17.402,7.09-24.802c7.026-9.334,17.717-14.274,28.562-14.337
+		c2.09-0.012,4.052-1.011,5.309-2.681l15.188-20.178c1.189-1.579,0.421-3.848-1.476-4.405c-25.43-7.46-53.905,0.934-70.96,23.146
+		c-22.099,28.781-16.729,70.279,11.987,92.462c2.687,2.076,5.482,3.909,8.36,5.508c1.893,1.052,4.274,0.537,5.577-1.193
+		l16.492-21.911l1.176-1.563c1.786-2.373,4.638-3.665,7.605-3.529c1.082,0.049,2.164,0.039,3.242-0.029
+		c8.289-0.525,16.308-4.525,21.694-11.681c4.33-5.753,6.229-12.576,5.879-19.245c-0.063-1.201-0.757-2.298-1.851-2.796
+		c-2.27-1.032-4.017-3.137-4.454-5.83c-0.618-3.809,1.722-7.551,5.418-8.658c4.357-1.306,8.832,1.363,9.814,5.724
+		c0.532,2.362-0.079,4.711-1.463,6.48c-0.768,0.981-1.154,2.203-1.044,3.444c0.758,8.552-1.52,17.402-7.09,24.802
+		c-7.026,9.334-17.717,14.274-28.562,14.337c-2.09,0.012-4.052,1.011-5.309,2.681l-15.187,20.177
+		c-1.18,1.568-0.439,3.842,1.444,4.396c25.633,7.534,54.368-1.045,71.384-23.652C317.614,344.545,311.773,303.151,282.639,281.223z"
+		/>
+	<g>
+		<path fill="#00A0FF" d="M391.613,299.257l-0.001-1.567c-0.001-1.133-0.92-2.052-2.053-2.052h-51.424
+			c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h43.629c1.255,0,2.221,1.107,2.034,2.348
+			c-1.224,8.113-5.061,23.285-17.051,37.854c-0.847,1.029-2.419,1.011-3.241-0.039c-10.032-12.828-13.119-25.98-13.962-30.826
+			c-0.184-1.061-1.166-1.792-2.237-1.678l-1.643,0.174l-1.449,0.151c-1.188,0.124-2.026,1.228-1.808,2.403
+			c1.028,5.558,4.773,20.841,16.549,35.388c0.683,0.843,0.625,2.076-0.175,2.81c-14.336,13.149-27.229,16.031-31.841,16.657
+			c-1.027,0.14-1.794,1.009-1.789,2.046l0.015,3.169c0.006,1.22,1.065,2.174,2.276,2.032c5.484-0.645,20.116-3.743,36.284-18.613
+			c0.799-0.734,2.014-0.734,2.81,0.003c7.813,7.235,17.799,14.211,31.266,18.495c1.091,0.347,2.259-0.287,2.582-1.385l0.887-3.007
+			c0.318-1.078-0.297-2.198-1.367-2.539c-12.252-3.908-21.285-10.2-28.378-16.651c-0.818-0.744-0.859-2.006-0.141-2.846
+			C391.369,325.431,391.615,300.395,391.613,299.257z"/>
+		<path fill="#00A0FF" d="M427.31,292.355h-3.137c-1.134,0-2.053,0.919-2.053,2.053v10.999c0,1.134-0.919,2.053-2.053,2.053h-7.379
+			c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h7.379c1.134,0,2.053,0.919,2.053,2.053v15.933
+			c0,1.134-0.919,2.053-2.053,2.053h-7.379c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h7.379
+			c1.134,0,2.053,0.919,2.053,2.053v15.065c0,3.27-1.307,8.606-9.648,9.31c-1.078,0.091-1.921,0.965-1.921,2.047v3.125
+			c0,1.196,1.017,2.157,2.209,2.055c8.099-0.693,16.603-5.292,16.603-16.537v-15.065c0-1.134,0.919-2.053,2.053-2.053h6.557
+			c1.134,0,2.053-0.919,2.053-2.053v-3.137c0-1.134-0.919-2.053-2.053-2.053h-6.557c-1.134,0-2.053-0.919-2.053-2.053v-15.933
+			c0-1.134,0.919-2.053,2.053-2.053h6.557c1.134,0,2.053-0.919,2.053-2.053v-3.137c0-1.134-0.919-2.053-2.053-2.053h-6.557
+			c-1.134,0-2.053-0.919-2.053-2.053v-10.999C429.363,293.274,428.444,292.355,427.31,292.355z"/>
+		<path fill="#00A0FF" d="M443.648,373.092c0,1.134,0.919,2.053,2.053,2.053h23.138c10.239,0,18.569-7.94,18.569-17.7v-48.63
+			c0-1.134-0.919-2.053-2.053-2.053h-39.654c-1.134,0-2.053,0.919-2.053,2.053V373.092z M468.839,367.902h-15.895
+			c-1.134,0-2.053-0.919-2.053-2.053v-21.81c0-1.134,0.919-2.053,2.053-2.053h25.167c1.134,0,2.053,0.919,2.053,2.053v13.406
+			C480.165,363.211,475.084,367.902,468.839,367.902z M480.165,316.059v16.631c0,1.134-0.919,2.053-2.053,2.053h-25.167
+			c-1.134,0-2.053-0.919-2.053-2.053v-16.631c0-1.134,0.919-2.053,2.053-2.053h25.167
+			C479.246,314.006,480.165,314.925,480.165,316.059z"/>
+		<path fill="#00A0FF" d="M475.171,292.301h-20.44c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h20.44
+			c1.134,0,2.053-0.919,2.053-2.053v-3.137C477.224,293.22,476.305,292.301,475.171,292.301z"/>
+		<path fill="#00A0FF" d="M553.303,295.487H510.73c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h42.573
+			c1.134,0,2.053-0.919,2.053-2.053v-3.137C555.356,296.406,554.437,295.487,553.303,295.487z"/>
+		<path fill="#00A0FF" d="M535.11,331.8h29.657c1.134,0,2.053-0.919,2.053-2.053v-3.137c0-1.134-0.919-2.053-2.053-2.053h-65.51
+			c-1.134,0-2.053,0.919-2.053,2.053v3.137c0,1.134,0.919,2.053,2.053,2.053h20.274c1.638,0,2.617,1.824,1.711,3.189l-13.492,24.343
+			c-0.363,0.545-0.632,1.08-0.821,1.633c-1.129,3.299-0.601,6.838,1.451,9.71c2.15,3.01,5.706,4.806,9.509,4.806h36.976
+			c1.662,0,3.181-0.829,4.061-2.218c0.863-1.359,0.969-3.039,0.283-4.495l-8.586-16.643c-0.52-1.008-1.759-1.403-2.766-0.883
+			l-2.788,1.439c-1.008,0.52-1.403,1.758-0.883,2.766l5.055,9.796c0.705,1.367-0.287,2.995-1.825,2.995h-29.528
+			c-1.492,0-2.81-0.647-3.616-1.775c-0.367-0.512-0.899-1.53-0.589-2.798c0.052-0.212,0.157-0.413,0.278-0.596l16.397-28.72
+			C531.416,332.757,533.199,331.8,535.11,331.8z"/>
+	</g>
+</g>
+</svg>

package/img/wechat.svg

@@ -1,49 +1,49 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="-31 340.2 531.2 161.7" style="enable-background:new -31 340.2 531.2 161.7;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#64AB23;}
-	.st1{fill:#A8A8A8;}
-</style>
-<g>
-	<path class="st0" d="M37.6,340.2c-37.5-0.6-68.6,27-68.6,59.5c0,18.8,8.8,35,25.9,47c0,0-6.3,20.7-6.2,21.1c0.1,0.4,1.5,1.2,1.9,1
-		s22.6-13.5,22.6-13.5c17,5.8,26.9,3.9,27.4,3.9c-1.7-5-2.8-12.7-1.5-20c6.6-38.1,45.6-50,67-47.9
-		C100.2,363.6,74.6,340.7,37.6,340.2z M11.5,389.3c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9s8.9,4,8.9,8.9S16.4,389.3,11.5,389.3z
-		 M65.4,389.3c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9s8.9,4,8.9,8.9S70.4,389.3,65.4,389.3z"/>
-	<path class="st1" d="M161,444.9c0-27.8-26.9-49.2-58.1-49.2c-33.1,0-59.4,21.8-59.4,49.6c0,27.9,25.1,51,59.5,51.2
-		c6.9,0,17.2-1.7,24.2-4.6c0,0,16.6,10.1,17.5,10c0.9-0.1,1.4-0.8,1.4-1.4c0-0.6-5.3-16.4-5.3-16.4C155,472.9,161,460.6,161,444.9z
-		 M81.1,434.6c-4.4,0-7.9-3.5-7.9-7.9s3.5-7.9,7.9-7.9s7.9,3.5,7.9,7.9S85.4,434.6,81.1,434.6z M123.2,434.6c-4.4,0-7.9-3.5-7.9-7.9
-		s3.5-7.9,7.9-7.9c4.4,0,7.9,3.5,7.9,7.9S127.6,434.6,123.2,434.6z"/>
-</g>
-<g>
-	<g>
-		<polygon class="st0" points="246.6,406.7 234.7,455.7 224.7,406.7 209.5,406.7 199.5,455.7 187.6,406.7 172.8,406.7 192.7,476.2 
-			206.2,476.2 217,423 227.8,476.2 241.4,476.2 261.3,406.7 		"/>
-		<path class="st0" d="M297.3,430c-4.3-4.7-10.3-7.1-18.2-7.1c-7.4,0-13.2,2.5-17.5,7.3c-4.3,4.9-6.4,11.5-6.4,19.9
-			c0,8.6,2.2,15.3,6.5,20.3s10.2,7.5,17.6,7.5c6,0,11.1-1.5,15.3-4.6c4.2-3.1,7-7.3,8.4-12.7h-13.6c-0.9,1.9-2.1,3.4-3.6,4.1
-			c-1.5,0.9-3.4,1.4-5.8,1.4c-3.4,0-5.9-1.1-7.7-3.1c-1.7-2-2.7-5.1-2.9-9.1h34.2c0-0.4,0.1-0.9,0.1-1.4s0-1.2,0-2.2
-			C303.7,441.5,301.6,434.7,297.3,430z M269.4,445.1c0.3-3.4,1.3-6,3-7.9c1.7-1.8,4-2.7,7-2.7c3.2,0,5.7,0.9,7.4,2.7
-			c1.8,1.8,2.7,4.4,2.8,7.9H269.4z"/>
-	</g>
-	<g>
-		<path class="st1" d="M371.7,452.4L371.7,452.4C371.7,452.3,371.7,452.4,371.7,452.4L371.7,452.4z"/>
-		<path class="st1" d="M352.4,461.9c-2.8,2.2-6.4,3.3-10.7,3.3c-6,0-10.6-2.1-13.9-6.2c-3.3-4.1-4.9-10-4.9-17.5
-			c0-7.8,1.6-13.7,4.9-17.8c3.2-4.1,8-6.1,14.3-6.1c4.5,0,8,1,10.6,3.1c2.6,2.1,4.2,5.1,4.8,9h14.1c-0.5-7.9-3.4-14-8.5-18.3
-			c-5.1-4.3-12.1-6.5-21-6.5c-10.9,0-19.3,3.1-25.1,9.4s-8.7,15.4-8.7,27.2c0,11.6,2.9,20.6,8.6,27c5.7,6.4,13.7,9.6,24,9.6
-			c8.9,0,16.2-2.3,21.7-7c5.5-4.6,8.6-10.8,9.1-18.7h-13.9C357,456.5,355.2,459.7,352.4,461.9z"/>
-		<path class="st1" d="M417.5,429.5c-1.5-1.9-3.5-3.4-5.9-4.4c-2.5-1.1-5.2-1.6-8.2-1.6c-3.2,0-6.1,0.6-8.6,1.8
-			c-2.5,1.2-4.7,3-6.6,5.3v-23.9h-13.6V476h13.6v-30.4c0-3.3,0.9-6,2.8-7.9c1.9-1.9,4.5-2.9,7.7-2.9c3,0,5.2,0.7,6.3,2.4
-			c1.1,1.7,1.7,5.7,1.7,12V476h13.6v-33.2v-0.9c0-3.7-0.2-6.3-0.6-8C419.3,432.3,418.5,430.8,417.5,429.5z"/>
-		<path class="st1" d="M469.7,471.6c-0.5-1.1-0.7-2.7-0.7-4.8v-29.1c0-4.7-1.9-8.3-5.7-10.8s-9.3-3.7-16.5-3.7
-			c-6.6,0-11.7,1.5-15.4,4.5s-5.6,7.1-5.6,12.4v0.9h12.8v-0.8c0-2,0.7-3.6,2.2-4.7c1.5-1.1,3.6-1.7,6.4-1.7c3.1,0,5.2,0.4,6.5,1.3
-			c1.3,0.9,1.9,2.4,1.9,4.5c0,2.6-2.9,4.2-8.7,5c-2.3,0.3-4.2,0.6-5.6,0.8c-6.2,0.9-10.6,2.7-13.3,5.2c-2.7,2.6-4,6.3-4,11.1
-			c0,5.2,1.3,9.3,4,12.1c2.7,2.8,6.5,4.2,11.5,4.2c3.7,0,7-0.7,9.8-2.1c2.8-1.4,5.1-3.4,6.8-6.1c0,1.2,0.2,2.4,0.4,3.6
-			c0.3,1,0.6,2,1.1,2.9h14.3V474C470.9,473.4,470.1,472.7,469.7,471.6z M455.9,455.8c0,3.7-1.1,6.5-3.2,8.6c-2.1,2.1-5,3.1-8.7,3.1
-			c-2.1,0-3.8-0.6-5-1.7c-1.2-1.1-1.8-2.6-1.8-4.5c0-1.8,0.4-3.3,1.4-4.3s2.7-1.9,5.1-2.6c0.1,0,1.6-0.4,4.5-1
-			c2.9-0.6,5.5-1.5,7.7-2.5V455.8z"/>
-		<path class="st1" d="M500.2,434.6V425h-7.9v-14h-13.6v14h-6.8v9.6h6.8v27.7c0,5.8,1,9.6,2.9,11.6c2,1.9,5.5,2.9,10.8,2.9
-			c0.4,0,1.6,0,3.3-0.1c1.7-0.1,3.2-0.2,4.5-0.2h0v-10.2h-3.3c-1.9,0-3.1-0.2-3.7-0.6c-0.6-0.5-0.9-1.3-0.9-2.7v-28.4H500.2z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-31 340.2 531.2 161.7" style="enable-background:new -31 340.2 531.2 161.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#64AB23;}
+	.st1{fill:#A8A8A8;}
+</style>
+<g>
+	<path class="st0" d="M37.6,340.2c-37.5-0.6-68.6,27-68.6,59.5c0,18.8,8.8,35,25.9,47c0,0-6.3,20.7-6.2,21.1c0.1,0.4,1.5,1.2,1.9,1
+		s22.6-13.5,22.6-13.5c17,5.8,26.9,3.9,27.4,3.9c-1.7-5-2.8-12.7-1.5-20c6.6-38.1,45.6-50,67-47.9
+		C100.2,363.6,74.6,340.7,37.6,340.2z M11.5,389.3c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9s8.9,4,8.9,8.9S16.4,389.3,11.5,389.3z
+		 M65.4,389.3c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9s8.9,4,8.9,8.9S70.4,389.3,65.4,389.3z"/>
+	<path class="st1" d="M161,444.9c0-27.8-26.9-49.2-58.1-49.2c-33.1,0-59.4,21.8-59.4,49.6c0,27.9,25.1,51,59.5,51.2
+		c6.9,0,17.2-1.7,24.2-4.6c0,0,16.6,10.1,17.5,10c0.9-0.1,1.4-0.8,1.4-1.4c0-0.6-5.3-16.4-5.3-16.4C155,472.9,161,460.6,161,444.9z
+		 M81.1,434.6c-4.4,0-7.9-3.5-7.9-7.9s3.5-7.9,7.9-7.9s7.9,3.5,7.9,7.9S85.4,434.6,81.1,434.6z M123.2,434.6c-4.4,0-7.9-3.5-7.9-7.9
+		s3.5-7.9,7.9-7.9c4.4,0,7.9,3.5,7.9,7.9S127.6,434.6,123.2,434.6z"/>
+</g>
+<g>
+	<g>
+		<polygon class="st0" points="246.6,406.7 234.7,455.7 224.7,406.7 209.5,406.7 199.5,455.7 187.6,406.7 172.8,406.7 192.7,476.2 
+			206.2,476.2 217,423 227.8,476.2 241.4,476.2 261.3,406.7 		"/>
+		<path class="st0" d="M297.3,430c-4.3-4.7-10.3-7.1-18.2-7.1c-7.4,0-13.2,2.5-17.5,7.3c-4.3,4.9-6.4,11.5-6.4,19.9
+			c0,8.6,2.2,15.3,6.5,20.3s10.2,7.5,17.6,7.5c6,0,11.1-1.5,15.3-4.6c4.2-3.1,7-7.3,8.4-12.7h-13.6c-0.9,1.9-2.1,3.4-3.6,4.1
+			c-1.5,0.9-3.4,1.4-5.8,1.4c-3.4,0-5.9-1.1-7.7-3.1c-1.7-2-2.7-5.1-2.9-9.1h34.2c0-0.4,0.1-0.9,0.1-1.4s0-1.2,0-2.2
+			C303.7,441.5,301.6,434.7,297.3,430z M269.4,445.1c0.3-3.4,1.3-6,3-7.9c1.7-1.8,4-2.7,7-2.7c3.2,0,5.7,0.9,7.4,2.7
+			c1.8,1.8,2.7,4.4,2.8,7.9H269.4z"/>
+	</g>
+	<g>
+		<path class="st1" d="M371.7,452.4L371.7,452.4C371.7,452.3,371.7,452.4,371.7,452.4L371.7,452.4z"/>
+		<path class="st1" d="M352.4,461.9c-2.8,2.2-6.4,3.3-10.7,3.3c-6,0-10.6-2.1-13.9-6.2c-3.3-4.1-4.9-10-4.9-17.5
+			c0-7.8,1.6-13.7,4.9-17.8c3.2-4.1,8-6.1,14.3-6.1c4.5,0,8,1,10.6,3.1c2.6,2.1,4.2,5.1,4.8,9h14.1c-0.5-7.9-3.4-14-8.5-18.3
+			c-5.1-4.3-12.1-6.5-21-6.5c-10.9,0-19.3,3.1-25.1,9.4s-8.7,15.4-8.7,27.2c0,11.6,2.9,20.6,8.6,27c5.7,6.4,13.7,9.6,24,9.6
+			c8.9,0,16.2-2.3,21.7-7c5.5-4.6,8.6-10.8,9.1-18.7h-13.9C357,456.5,355.2,459.7,352.4,461.9z"/>
+		<path class="st1" d="M417.5,429.5c-1.5-1.9-3.5-3.4-5.9-4.4c-2.5-1.1-5.2-1.6-8.2-1.6c-3.2,0-6.1,0.6-8.6,1.8
+			c-2.5,1.2-4.7,3-6.6,5.3v-23.9h-13.6V476h13.6v-30.4c0-3.3,0.9-6,2.8-7.9c1.9-1.9,4.5-2.9,7.7-2.9c3,0,5.2,0.7,6.3,2.4
+			c1.1,1.7,1.7,5.7,1.7,12V476h13.6v-33.2v-0.9c0-3.7-0.2-6.3-0.6-8C419.3,432.3,418.5,430.8,417.5,429.5z"/>
+		<path class="st1" d="M469.7,471.6c-0.5-1.1-0.7-2.7-0.7-4.8v-29.1c0-4.7-1.9-8.3-5.7-10.8s-9.3-3.7-16.5-3.7
+			c-6.6,0-11.7,1.5-15.4,4.5s-5.6,7.1-5.6,12.4v0.9h12.8v-0.8c0-2,0.7-3.6,2.2-4.7c1.5-1.1,3.6-1.7,6.4-1.7c3.1,0,5.2,0.4,6.5,1.3
+			c1.3,0.9,1.9,2.4,1.9,4.5c0,2.6-2.9,4.2-8.7,5c-2.3,0.3-4.2,0.6-5.6,0.8c-6.2,0.9-10.6,2.7-13.3,5.2c-2.7,2.6-4,6.3-4,11.1
+			c0,5.2,1.3,9.3,4,12.1c2.7,2.8,6.5,4.2,11.5,4.2c3.7,0,7-0.7,9.8-2.1c2.8-1.4,5.1-3.4,6.8-6.1c0,1.2,0.2,2.4,0.4,3.6
+			c0.3,1,0.6,2,1.1,2.9h14.3V474C470.9,473.4,470.1,472.7,469.7,471.6z M455.9,455.8c0,3.7-1.1,6.5-3.2,8.6c-2.1,2.1-5,3.1-8.7,3.1
+			c-2.1,0-3.8-0.6-5-1.7c-1.2-1.1-1.8-2.6-1.8-4.5c0-1.8,0.4-3.3,1.4-4.3s2.7-1.9,5.1-2.6c0.1,0,1.6-0.4,4.5-1
+			c2.9-0.6,5.5-1.5,7.7-2.5V455.8z"/>
+		<path class="st1" d="M500.2,434.6V425h-7.9v-14h-13.6v14h-6.8v9.6h6.8v27.7c0,5.8,1,9.6,2.9,11.6c2,1.9,5.5,2.9,10.8,2.9
+			c0.4,0,1.6,0,3.3-0.1c1.7-0.1,3.2-0.2,4.5-0.2h0v-10.2h-3.3c-1.9,0-3.1-0.2-3.7-0.6c-0.6-0.5-0.9-1.3-0.9-2.7v-28.4H500.2z"/>
+	</g>
+</g>
+</svg>

package/index.html

@@ -16,7 +16,7 @@
 })();
 </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
 </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
-</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/84c9ccd6.html">精读《SolidJS》</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-08-29</span></div><div class="post-content"><p><code>本文转载自https://github.com/ascoders/weekly/blob/master/%E5%89%8D%E6%B2%BF%E6%8A%80%E6%9C%AF/255.%E7%B2%BE%E8%AF%BB%E3%80%8ASolidJS%E3%80%8B.md</code><br><a target="_blank" rel="noopener" href="https://github.com/solidjs/solid">SolidJS</a> 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 <a target="_blank" rel="noopener" href="https://www.loginradius.com/blog/engineering/guest-post/introduction-to-solidjs/">Introduction to SolidJS</a> 这篇文章来理解理解其核心概念。</p></div><p class="readmore"><a href="/article/84c9ccd6.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53803e6.html">git提交注释规范</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-06-17</span></div><div class="post-content"><p>git提交注释规范</p></div><p class="readmore"><a href="/article/53803e6.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/a4145266.html">前端数组拍平flat一行代码</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-05-30</span></div><div class="post-content"><p>前端数组拍平flat一行代码</p></div><p class="readmore"><a href="/article/a4145266.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/bedea419.html">一道前端this面试题</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-05-27</span></div><div class="post-content"><p>前端this面试题，着急了多想想就好了</p></div><p class="readmore"><a href="/article/bedea419.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/bf7e7421.html">git多账号配置</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-03-12</span></div><div class="post-content"><p>使用git的时候，有没有遇到过这种情况，配置了公司的gitlab的ssh-key之后，又要配置github、bitbucket、gitee等这些时候，就不知道怎么办了？</p></div><p class="readmore"><a href="/article/bf7e7421.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-18</span></div><div class="post-content"><p>作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式页面是怎样渲染到电脑屏幕的呢？在开放的互联网它又是怎样保证我们个人信息安全的呢？带着种种疑云开始肝李兵老师的《浏览器基本原理与实践》，不得不说，大家之作，通俗易懂，层层拨开云雾见青天，下面就（非常非常）简单总结一下。</p></div><p class="readmore"><a href="/article/46ee4850.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/624d1918.html">React + TypeScript 从零开发Popup组件并发布到 npm</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-17</span></div><div class="post-content"><p>在组件库系列文章中介绍了如何从 0 到 1 搭建一个 React 组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。<br>这次以移动端一个常用组件 <code>Popup</code> 为例，以最方便快捷的形式发布一个完整的 npm 包。</p></div><p class="readmore"><a href="/article/624d1918.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/29abbd1c.html">一个不常见的开发问题，你遇到过吗？</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-17</span></div><div class="post-content"><p>如果公司有开发国际化的业务，某些国家书写的方向是从右往左的，不同于我国古代的写法，他们只是布局方向从右往左，但是文字还是从左往右写的。</p></div><p class="readmore"><a href="/article/29abbd1c.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/c1867fbf.html">程序员都应该知道的一个辅助工具</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-16</span></div><div class="post-content"><p>你是否经常遇到github.com的各种404，git push的时候各种403，npm安装总是timeout，那么下面说的这款工具，你一定值得拥有~~~</p></div><p class="readmore"><a href="/article/c1867fbf.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/7a3ef8f.html">即将到来的es2022新特性</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-15</span></div><div class="post-content"><p>ECMAScript 规范每年都会更新一次，正式标准化 JavaScript 语言的 ECMAScript 的下一次年度更新将在 2022 年 6 月左右获得批准。自 2015 年以来，TC39 团队成员每年都会一起讨论可用的提案，并发布已接受的提案。今年是 ECMAScript 的第 13 版，其中包括许多实用的功能。所有在 2022 年 3 月之前达到阶段 4 的提案都将包含在全新的 ECMAScript 2022 标准中。</p></div><p class="readmore"><a href="/article/7a3ef8f.html">全文</a></p></div><nav class="page-navigator"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/2/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/c5576490.html">面试准备</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2023-02-21</span></div><div class="post-content"><p>面试准备</p></div><p class="readmore"><a href="/article/c5576490.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/84c9ccd6.html">精读《SolidJS》</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-08-29</span></div><div class="post-content"><p><code>本文转载自https://github.com/ascoders/weekly/blob/master/%E5%89%8D%E6%B2%BF%E6%8A%80%E6%9C%AF/255.%E7%B2%BE%E8%AF%BB%E3%80%8ASolidJS%E3%80%8B.md</code><br><a target="_blank" rel="noopener" href="https://github.com/solidjs/solid">SolidJS</a> 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 <a target="_blank" rel="noopener" href="https://www.loginradius.com/blog/engineering/guest-post/introduction-to-solidjs/">Introduction to SolidJS</a> 这篇文章来理解理解其核心概念。</p></div><p class="readmore"><a href="/article/84c9ccd6.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53803e6.html">git提交注释规范</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-06-17</span></div><div class="post-content"><p>git提交注释规范</p></div><p class="readmore"><a href="/article/53803e6.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/a4145266.html">前端数组拍平flat一行代码</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-05-30</span></div><div class="post-content"><p>前端数组拍平flat一行代码</p></div><p class="readmore"><a href="/article/a4145266.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/bedea419.html">一道前端this面试题</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-05-27</span></div><div class="post-content"><p>前端this面试题，着急了多想想就好了</p></div><p class="readmore"><a href="/article/bedea419.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/bf7e7421.html">git多账号配置</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-03-12</span></div><div class="post-content"><p>使用git的时候，有没有遇到过这种情况，配置了公司的gitlab的ssh-key之后，又要配置github、bitbucket、gitee等这些时候，就不知道怎么办了？</p></div><p class="readmore"><a href="/article/bf7e7421.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-18</span></div><div class="post-content"><p>作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式页面是怎样渲染到电脑屏幕的呢？在开放的互联网它又是怎样保证我们个人信息安全的呢？带着种种疑云开始肝李兵老师的《浏览器基本原理与实践》，不得不说，大家之作，通俗易懂，层层拨开云雾见青天，下面就（非常非常）简单总结一下。</p></div><p class="readmore"><a href="/article/46ee4850.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/624d1918.html">React + TypeScript 从零开发Popup组件并发布到 npm</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-17</span></div><div class="post-content"><p>在组件库系列文章中介绍了如何从 0 到 1 搭建一个 React 组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。<br>这次以移动端一个常用组件 <code>Popup</code> 为例，以最方便快捷的形式发布一个完整的 npm 包。</p></div><p class="readmore"><a href="/article/624d1918.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/29abbd1c.html">一个不常见的开发问题，你遇到过吗？</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-17</span></div><div class="post-content"><p>如果公司有开发国际化的业务，某些国家书写的方向是从右往左的，不同于我国古代的写法，他们只是布局方向从右往左，但是文字还是从左往右写的。</p></div><p class="readmore"><a href="/article/29abbd1c.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/c1867fbf.html">程序员都应该知道的一个辅助工具</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2022-02-16</span></div><div class="post-content"><p>你是否经常遇到github.com的各种404，git push的时候各种403，npm安装总是timeout，那么下面说的这款工具，你一定值得拥有~~~</p></div><p class="readmore"><a href="/article/c1867fbf.html">全文</a></p></div><nav class="page-navigator"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/2/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
   var val = $(this).val()
   var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
   var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
@@ -35,7 +35,7 @@
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">191</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/c5576490.html">面试准备</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')

package/kankan/index.html

@@ -64,7 +64,7 @@ Waline.init({
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">191</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/c5576490.html">面试准备</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')

package/package.json

@@ -1 +1 @@
-{"name":"cainiaoblog","version":"23.2.183","description":"cainiaoblog","main":"index.js","directories":{"lib":"lib"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"publishConfig":{"registry":"https://registry.npmjs.org"},"repository":{"type":"git","url":"git+https://github.com/npljy/npljy.github.io.git"},"keywords":["cainiaoblog"],"author":"cainiao","license":"ISC","bugs":{"url":"https://github.com/npljy/npljy.github.io/issues"},"homepage":"https://github.com/npljy/npljy.github.io#readme"}
+{"name":"cainiaoblog","version":"23.2.185","description":"cainiaoblog","main":"index.js","directories":{"lib":"lib"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"publishConfig":{"registry":"https://registry.npmjs.org"},"repository":{"type":"git","url":"git+https://github.com/npljy/npljy.github.io.git"},"keywords":["cainiaoblog"],"author":"cainiao","license":"ISC","bugs":{"url":"https://github.com/npljy/npljy.github.io/issues"},"homepage":"https://github.com/npljy/npljy.github.io#readme"}

package/page/10/index.html

@@ -16,8 +16,8 @@
 })();
 </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
 </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
-</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/55769.html">手把手教你如何在Github上面精准搜索开源项目</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-26</span></div><div class="post-content"><p><code>作者：觉非 原文：juejin.im/post/5e3d01c56fb9a07c91100801</code><br>很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。</p></div><p class="readmore"><a href="/article/55769.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/24581.html">移动端 H5 相关问题汇总</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-17</span></div><div class="post-content"><p><code>原文地址：https://github.com/suoyuesmile/suo-blog/blob/master/articals/h5/0003.md</code><br>作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等<strong>爬过坑</strong>的问题。现在我将这些问题一一汇总一下，并在后面给出<strong>坑产生的原理</strong>，和<strong>现阶段常规的填坑方案</strong>。由此来做一个阶段性的总结。<br>下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充，之后我也会实践后加以补充，感谢！（经常更新该文）</p></div><p class="readmore"><a href="/article/24581.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/35863.html">如何使div自适应内容的宽度和高度</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-06</span></div><div class="post-content"><p>有时候div无法自适应 内容的宽度高度，如何设置div呢？<br>设置如下 样式 即可</p></div><p class="readmore"><a href="/article/35863.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53524.html">两层div，如何使内层div的内容不换行，超出滚动</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-06</span></div><div class="post-content"><p>今天在遇到了一个问题，需求是两个div平行不换行，宽度超出后实现滚动</p></div><p class="readmore"><a href="/article/53524.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/4233.html">TypeScript和JavaScript混合开发，这或许是配上单元测试的最佳实践</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-03</span></div><div class="post-content"><p><code>作者：前端巅峰 公号 / Peter 谭金杰 原文地址：https://mp.weixin.qq.com/s/L_3z5rlXFTDdwvHpN9tI6g</code><br>既然你选择了TypeScript，那么尽量不要使用any，特殊情况下可以用索引签名或者泛型解决</p></div><p class="readmore"><a href="/article/4233.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/63266.html">CSS实现自适应分隔线的N种方法</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-03</span></div><div class="post-content"><p><code>作者：XboxYan, https://github.com/XboxYan/notes/issues/12 原文地址：https://mp.weixin.qq.com/s/ICkDqd-ltGM67G60WcArow</code><br>分割线是网页中比较常见的一类设计了，比如说知乎的更多回答</p></div><p class="readmore"><a href="/article/63266.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/43397.html">HTTPS 到底加密了什么？</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-03</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/EO2WQt0TQjhyRd3zgoF1Bg</code><br>关于 HTTP 和 HTTPS 这个老生常谈的话题，我们之前已经写过很多文章了，比如这篇《 从 HTTP 到 HTTPS 再到 HSTS 》，详细讲解了 HTTP 和 HTTPS 的进化之路，对的没错，就是 HTTP 兽进化 HTTPS 兽。</p>
-<p>那么今天我们主要聊一聊 HTTPS 到底加密了些什么内容。</p></div><p class="readmore"><a href="/article/43397.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/28976.html">阿里 P6 大佬的面经，送给在面试或学习路上的小伙伴们</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-02</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/Xneq2FWi-xpJ_SUcq5WdSQ</code><br>17 年从上家公司离职之后就尝试过去阿里面试，结果还没进入状态就被凉凉了，在扇贝呆了 2 年多的时间，赶上正好租的房子要到期了，就想着再次尝试一下吧，结果还蛮顺利的拿到了 p6 的 offer，趁着目前在家里呆着哪里也不让去的功夫整理一下面试的过程，希望能帮到大家~</p></div><p class="readmore"><a href="/article/28976.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/26850.html">Chrome 神器，这些神奇的技巧你用过没？</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-19</span></div><div class="post-content"><p><code>来源：点滴前端 作者：徐月超 原文地址：https://mp.weixin.qq.com/s/om1h4ghWay9kAUT8TVAjcw</code><br>谷歌开发者工具是前端日常不可缺少的神器，写布局，找 bug，优化加载速度统统靠他。但是你真的了解他么？这篇文章是专门介绍谷歌浏览器各种好用小技巧的。不是什么长篇大论，旨在提高你的开发效率，早日完工回家陪女朋友。</p></div><p class="readmore"><a href="/article/26850.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/45157.html">新型肺炎疫情最新动态播报汇总</a></h2><div class="post-meta"><a class="tag" href="/tags/%E7%96%AB%E6%83%85/">疫情 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-19</span></div><div class="post-content"><p>各大网站的实时动态播报汇总</p></div><p class="readmore"><a href="/article/45157.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/9/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/8/">8</a><a class="page-number" href="/page/9/">9</a><span class="page-number current">10</span><a class="page-number" href="/page/11/">11</a><a class="page-number" href="/page/12/">12</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/11/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/55870.html">前端面试中常见的手写代码题合集</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a><a class="tag" href="/tags/%E6%89%8B%E5%86%99/">手写 </a></div><div class="post-meta divider">|</div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-26</span></div><div class="post-content"><p><code>作者：我不吃饼干呀 原文：https://juejin.im/post/5c9edb066fb9a05e267026dc</code><br>前端面试中常见的手写代码题合集</p></div><p class="readmore"><a href="/article/55870.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/55769.html">手把手教你如何在Github上面精准搜索开源项目</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-26</span></div><div class="post-content"><p><code>作者：觉非 原文：juejin.im/post/5e3d01c56fb9a07c91100801</code><br>很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。</p></div><p class="readmore"><a href="/article/55769.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/24581.html">移动端 H5 相关问题汇总</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-17</span></div><div class="post-content"><p><code>原文地址：https://github.com/suoyuesmile/suo-blog/blob/master/articals/h5/0003.md</code><br>作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等<strong>爬过坑</strong>的问题。现在我将这些问题一一汇总一下，并在后面给出<strong>坑产生的原理</strong>，和<strong>现阶段常规的填坑方案</strong>。由此来做一个阶段性的总结。<br>下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充，之后我也会实践后加以补充，感谢！（经常更新该文）</p></div><p class="readmore"><a href="/article/24581.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/35863.html">如何使div自适应内容的宽度和高度</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-06</span></div><div class="post-content"><p>有时候div无法自适应 内容的宽度高度，如何设置div呢？<br>设置如下 样式 即可</p></div><p class="readmore"><a href="/article/35863.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53524.html">两层div，如何使内层div的内容不换行，超出滚动</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-06</span></div><div class="post-content"><p>今天在遇到了一个问题，需求是两个div平行不换行，宽度超出后实现滚动</p></div><p class="readmore"><a href="/article/53524.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/4233.html">TypeScript和JavaScript混合开发，这或许是配上单元测试的最佳实践</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-03</span></div><div class="post-content"><p><code>作者：前端巅峰 公号 / Peter 谭金杰 原文地址：https://mp.weixin.qq.com/s/L_3z5rlXFTDdwvHpN9tI6g</code><br>既然你选择了TypeScript，那么尽量不要使用any，特殊情况下可以用索引签名或者泛型解决</p></div><p class="readmore"><a href="/article/4233.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/63266.html">CSS实现自适应分隔线的N种方法</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-03</span></div><div class="post-content"><p><code>作者：XboxYan, https://github.com/XboxYan/notes/issues/12 原文地址：https://mp.weixin.qq.com/s/ICkDqd-ltGM67G60WcArow</code><br>分割线是网页中比较常见的一类设计了，比如说知乎的更多回答</p></div><p class="readmore"><a href="/article/63266.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/43397.html">HTTPS 到底加密了什么？</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-03</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/EO2WQt0TQjhyRd3zgoF1Bg</code><br>关于 HTTP 和 HTTPS 这个老生常谈的话题，我们之前已经写过很多文章了，比如这篇《 从 HTTP 到 HTTPS 再到 HSTS 》，详细讲解了 HTTP 和 HTTPS 的进化之路，对的没错，就是 HTTP 兽进化 HTTPS 兽。</p>
+<p>那么今天我们主要聊一聊 HTTPS 到底加密了些什么内容。</p></div><p class="readmore"><a href="/article/43397.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/28976.html">阿里 P6 大佬的面经，送给在面试或学习路上的小伙伴们</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-02-02</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/Xneq2FWi-xpJ_SUcq5WdSQ</code><br>17 年从上家公司离职之后就尝试过去阿里面试，结果还没进入状态就被凉凉了，在扇贝呆了 2 年多的时间，赶上正好租的房子要到期了，就想着再次尝试一下吧，结果还蛮顺利的拿到了 p6 的 offer，趁着目前在家里呆着哪里也不让去的功夫整理一下面试的过程，希望能帮到大家~</p></div><p class="readmore"><a href="/article/28976.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/26850.html">Chrome 神器，这些神奇的技巧你用过没？</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-19</span></div><div class="post-content"><p><code>来源：点滴前端 作者：徐月超 原文地址：https://mp.weixin.qq.com/s/om1h4ghWay9kAUT8TVAjcw</code><br>谷歌开发者工具是前端日常不可缺少的神器，写布局，找 bug，优化加载速度统统靠他。但是你真的了解他么？这篇文章是专门介绍谷歌浏览器各种好用小技巧的。不是什么长篇大论，旨在提高你的开发效率，早日完工回家陪女朋友。</p></div><p class="readmore"><a href="/article/26850.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/9/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/8/">8</a><a class="page-number" href="/page/9/">9</a><span class="page-number current">10</span><a class="page-number" href="/page/11/">11</a><a class="page-number" href="/page/12/">12</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/11/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
   var val = $(this).val()
   var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
   var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
@@ -36,7 +36,7 @@
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">191</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/c5576490.html">面试准备</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')