1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Blog of Leon Zhang</title> 7 <meta name="author" content="Leon Zhang"> 8 <meta name="description" content="Leon Zhang, font end engineer. record and share something here"> 9 <meta name="keywords" content="Leon Zhang, ç« é¹ç¨"> 10 <!-- Open Graph --> 11 <meta property="og:title" content="Blog of Leon Zhang"> 12 <meta property="og:type" content="website"> 13 <meta property="og:url" content="https://www.njleonzhang.com/page2/"> 14 <meta property="og:description" content="Leon Zhang, font end engineer. record and share something here"> 15 <meta property="og:site_name" content="Blog of Leon Zhang"> 16 <link rel="stylesheet" href="//cdn.staticfile.org/normalize/6.0.0/normalize.min.css"> 17 <link rel="stylesheet" href="//at.alicdn.com/t/font_roc50gemkxpw4s4i.css"> 18 <link rel="stylesheet" href="/assets/css/github-markdown.css"> 19 <link rel="stylesheet" href="/assets/css/prism.css"> 20 <link rel="stylesheet" href="/assets/css/share.min.css"> 21 <link rel="stylesheet" href="/assets/css/app.min.css"> 22 <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"> 23
23<script src="/assets/js/jquery-3.2.1.min.js"></script>
23 24 25 <!-- GrowingIO Analytics code version 2.1 --> 26 <!-- Copyright 2015-2018 GrowingIO, Inc. More info available at http://www.growingio.com --> 27 28
28<script type='text/javascript'> 29 !function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.giocdn.com/2.1/gio.js","gio"); 30 gio('init','aefd9176b0bbe64a', {}); 31 32 //custom page code begin here 33 34 //custom page code end here 35 36 gio('send'); 37 38 </script>
38 39 40 <!-- End GrowingIO Analytics code version: 2.1 --> 41 42 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 42-43
42 43 <script async src="https://www.googletagmanager.com/gtag/js?id=
43UA-110377374-2
vendor: 16 bytes, lines 43-44
43"></script> 44
44<script> 45
vendor: 152 bytes, lines 45-49
45window.dataLayer = window.dataLayer || []; 46 function gtag(){dataLayer.push(arguments);} 47 gtag('js', new Date()); 48 49 gtag('config', '
49UA-110377374-2
vendor: 8 bytes, lines 49-50
49'); 50
50</script>
50 51 <meta name="baidu-site-verification" content="SOkQ90FQet" /> 52
52<script> 53 (function(){ 54 var bp = document.createElement('script'); 55 var curProtocol = window.location.protocol.split(':')[0]; 56 if (curProtocol === 'https') { 57 bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; 58 } 59 else { 60 bp.src = 'http://push.zhanzhang.baidu.com/push.js'; 61 } 62 var s = document.getElementsByTagName("script")[0]; 63 s.parentNode.insertBefore(bp, s); 64 })(); 65 </script>
65 66</head> 67 68<body> 69 <!--[if lt IE 10]> 70<div class="alert-danger" role="alert">ä½ çæµè§å¨å®å¨å¤ªå¤ªå¤ªæ§äºï¼æ¾å¦å«èµ°ï¼å级å®æµè§å¨å说ï¼<a target="_blank" class="alert-link" href="http://browsehappy.com">ç«å³å级</a></div> 71<![endif]--> 72 <input id="nm-switch" type="hidden" value="false"> 73 <div class="visible"> 74 <header class="g-header"> 75 <div class="g-logo"> 76 <a href="/"></a> 77 </div> 78 <i id="menu-toggle" class="iconfont icon-menu"></i> 79 <nav class="g-nav"> 80 <ul> 81 82 <li><a href="/">home</a></li> 83 84 <li><a href="/tags.html">tags</a></li> 85 86 </ul> 87 </nav> 88</header> 89 90 91<div class="g-banner home-banner banner-theme-default" data-theme="default"> 92 <h2>ä»é¶å¼å§</h2> 93 <h3>ä»å°ç½å°å ¥é¨</h3> 94 95</div> 96 97<main class="g-container home-content"> 98 <div class="article-list"> 99 100 <article class="article-item"> 101 102 <div class="post-cover"> 103 <a class="post-link" href="/2018/09/26/vue-reactive.html" title="Vue ååºå¼åçç½è¯ç"></a> 104 <img src="https://raw.githubusercontent.com/njleonzhang/image-bed/master/assets/893f05c7-7ee5-e7a8-1cd9-f626ae0425d4.png" href="/2018/09/26/vue-reactive.html" alt=""> 105 </div> 106 107 <section class="post-preview"> 108 <a class="post-link" href="/2018/09/26/vue-reactive.html" title="Vue ååºå¼åçç½è¯ç"></a> 109 <h2 class="post-title">Vue ååºå¼åçç½è¯ç</h2> 110 111 112 <p class="post-excerpt">ä½ä¸ºä¸ä¸ªå端ç MvvM æ¡æ¶ï¼Vue çåºæ¬æè·¯å angularãReact 并æ äºè´ï¼å ¶æ ¸å¿å°±å¨äº: å½æ°æ®ååæ¶ï¼èªå¨å»å·æ°é¡µé¢ Domï¼è¿ä½¿å¾æ们è½ä»ç¹çç Dom æä½ä¸è§£æ¾åºæ¥ï¼ä»èä¸å¿å°å»å¤çä¸å¡é»è¾ãåæ³ä¸ä¸ jQuery æ¶ä»£...</p> 113 114 </section> 115 <footer class="post-meta"> 116 <div class="post-tags"> 117 118 119 <a href=tags.html#vue class="post-tag">vue</a> 120 121 122 </div> 123 <time class="post-date" datetime="18-09-26">26 Sep 2018</time> 124 </footer> 125 </article> 126 127 <article class="article-item"> 128 129 <div class="post-cover"> 130 <a class="post-link" href="/2018/09/20/raw-data-in-js.html" title="Javascript çäºè¿å¶ç±»å"></a> 131 <img src="https://raw.githubusercontent.com/njleonzhang/image-bed/master/assets/22296fc7-f1f9-f868-0ff1-b818c0df656e.png" href="/2018/09/20/raw-data-in-js.html" alt=""> 132 </div> 133 134 <section class="post-preview"> 135 <a class="post-link" href="/2018/09/20/raw-data-in-js.html" title="Javascript çäºè¿å¶ç±»å"></a> 136 <h2 class="post-title">Javascript çäºè¿å¶ç±»å</h2> 137 138 139 <p class="post-excerpt">äºè¿å¶çå¤çæ¹é¢ï¼js ä¸ç´å¾å¼±ãå¨ Typed Array å¼å ¥ä¹åï¼js çè³æ²¡æ读åäºè¿å¶å 容çè½åãéçè¶æ¥è¶å¤ api çå¼å ¥, js ä¹æ ¢æ ¢å¯ä»¥å¤ç æ件, ç½ç»æµ è¿äºäºè¿å¶ bufferãèµ·å Web ç js æ ååºé没æäºè¿å¶...</p> 140 141 </section> 142 <footer class="post-meta"> 143 <div class="post-tags"> 144 145 146 <a href=tags.html#javascript class="post-tag">javascript</a> 147 148 149 </div> 150 <time class="post-date" datetime="18-09-20">20 Sep 2018</time> 151 </footer> 152 </article> 153 154 <article class="article-item"> 155 156 <div class="post-cover"> 157 <a class="post-link" href="/2018/09/18/typescript-doc-note.html" title="Typescript æ档读书ç¬è
157®°"></a> 158 <img src="https://www.typescriptlang.org/assets/images/foreground_bluprint.svg" href="/2018/09/18/typescript-doc-note.html" alt=""> 159 </div> 160 161 <section class="post-preview"> 162 <a class="post-link" href="/2018/09/18/typescript-doc-note.html" title="Typescript æ档读书ç¬è®°"></a> 163 <h2 class="post-title">Typescript æ档读书ç¬è®°</h2> 164 165 166 <p class="post-excerpt">好记æ§ä¸å¦çç¬å¤´ã</p> 167 168 </section> 169 <footer class="post-meta"> 170 <div class="post-tags"> 171 172 173 <a href=tags.html#typescript class="post-tag">typescript</a> 174 175 176 </div> 177 <time class="post-date" datetime="18-09-18">18 Sep 2018</time> 178 </footer> 179 </article> 180 181 <article class="article-item"> 182 183 <section class="post-preview"> 184 <a class="post-link" href="/2018/08/30/react-native-modules.html" title="RN native module æ件å¼å"></a> 185 <h2 class="post-title">RN native module æ件å¼å</h2> 186 187 188 <p class="post-excerpt">React native å®ç½ä¸æå ³äº native module çå¼åææ¡£, ios å androidï¼åè®¾ä½ å·²ç»çæäºå®æ¹çè¿ä¸ª2ç¯ææ¡£ï¼ã ææ¡£ç»åºäºå®ç° RN native module ç Api 说æååºæ¬çä¾åãä¾åæ¼ç¤ºæ§çå¨ ...</p> 189 190 </section> 191 <footer class="post-meta"> 192 <div class="post-tags"> 193 194 195 <a href=tags.html#react-native class="post-tag">react-native</a> 196 197 198 </div> 199 <time class="post-date" datetime="18-08-30">30 Aug 2018</time> 200 </footer> 201 </article> 202 203 <article class="article-item"> 204 205 <section class="post-preview"> 206 <a class="post-link" href="/2018/08/21/vue-jsx.html" title="vue jsx å®è·µ"></a> 207 <h2 class="post-title">vue jsx å®è·µ</h2> 208 209 210 <p class="post-excerpt">Vue èµ·æºäº Angular 1, 并ä¸ç»§æ¿ååæ¬äº Angular 1 template ç³»ç»ï¼ç¶è模æ¿ç³»ç»å¤©çæçèªå·±ç缺é·ï¼æ¯å¦å®ç½çè¿ä¸ªä¾å:</p> 211 212 </section> 213 <footer class="post-meta"> 214 <div class="post-tags"> 215 216 217 <a href=tags.html#vue class="post-tag">vue</a> 218 219 220 </div> 221 <time class="post-date" datetime="18-08-21">21 Aug 2018</time> 222 </footer> 223 </article> 224 225 <article class="article-item"> 226 227 <section class="post-preview"> 228 <a class="post-link" href="/2018/08/15/flexible-pc-full-screen.html" title="大å±ä¸çå ¨å±é¡µé¢çèªéåºéé æ¹æ¡"></a> 229 <h2 class="post-title">大å±ä¸çå ¨å±é¡µé¢çèªéåºéé æ¹æ¡</h2> 230 231 232 <p class="post-excerpt">é常æ¥è¯´PC端ç页é¢å¹¶ä¸å移å¨ç«¯é¡µé¢é£æ ·å¯¹å±å¹å¤§å°ååå«çæé£ä¹å¼ºçä¾èµãä¸è¬ç页é¢é½æ¯åå±å¹ä¸é´çä¸å宽度(1280px), 两边çç½, é«åº¦éçå 容çé¿åº¦æ»å¨ãè¿æ ·æ 论çªå£æä¹ååï¼é¡µé¢é½æ¯å¯ç¨çãæ¯å¦ï¼æ们çè¿ä¸ªé¡µé¢. ç¶èä¹æå°æ°ç页é¢ï¼...</p> 233 234 </section> 235 <footer class="post-meta"> 236 <div class="post-tags"> 237 238 239 <a href=tags.html#rem class="post-tag">rem</a> 240 241 <a href=tags.html#viewport class="post-tag">
241viewport</a> 242 243 <a href=tags.html#flexible class="post-tag">flexible</a> 244 245 246 </div> 247 <time class="post-date" datetime="18-08-15">15 Aug 2018</time> 248 </footer> 249 </article> 250 251 252 253 <nav class="pagination"> 254 <input type="hidden" id="total_pages" value="4"> 255 <input type="hidden" id="current_pages" value="2"> 256 <input type="hidden" id="base_url" value="/"> 257 <div class="page-links"> 258 259 260 <a href="/" class="page-link" title="Previous Page">«</a> 261 262 263 <div id="page-link-container"></div> 264 265 <a href="/page3/" class="page-link">»</a> 266 267 </div> 268</nav> 269 270 271 272 </div> 273 274 <aside class="g-sidebar-wrapper"> 275 <div class="g-sidebar"> 276 <section class="author-card"> 277 <div class="avatar"> 278 <img src="/assets/img/profile.jpeg" alt=""> 279 </div> 280 <div class="author-name" rel="author">Leon Zhang</div> 281 <div class="bio"> 282 <p>FED @ a startup<br/> Former engineer @citrix <br/> Former engineer @trendmicro</p> 283 </div> 284 285 <ul id="sns-links" class="sns-links"> 286 287 <li> 288 <a href="//weibo.com/u/1199856281" target="_blank"> 289 <i class="iconfont icon-weibo"></i> 290 </a> 291 </li> 292 293 <li> 294 <a href="//github.com/njleonzhang" target="_blank"> 295 <i class="iconfont icon-github"></i> 296 </a> 297 </li> 298 299 </ul> 300 301 </section> 302 303 304 <section class="tags-card"> 305 306 307 <a href="tags.html#Django" class="tag">Django</a> 308 309 310 <a href="tags.html#frontend" class="tag">frontend</a> 311 312 313 <a href="tags.html#webpack" class="tag">webpack</a> 314 315 316 <a href="tags.html#karma" class="tag">karma</a> 317 318 319 <a href="tags.html#mocha" class="tag">mocha</a> 320 321 322 <a href="tags.html#typescript" class="tag">typescript</a> 323 324 325 <a href="tags.html#vue" class="tag">vue</a> 326 327 328 <a href="tags.html#SSR" class="tag">SSR</a> 329 330 331 <a href="tags.html#Misc" class="tag">Misc</a> 332 333 334 <a href="tags.html#vscode" class="tag">vscode</a> 335 336 337 <a href="tags.html#extension" class="tag">extension</a> 338 339 340 <a href="tags.html#rem" class="tag">rem</a> 341 342 343 344 </section> 345 346 </div> 347 348 349 <div class="search-card"> 350 <input id="search_input" type="text" placeholder="Search..." autocomplete="off"> 351 <i class="iconfont icon-search"></i> 352 <div class="search_result"></div> 353 </div> 354 355 356 </aside> 357 358</main> 359 360<footer class="g-footer"> 361 <section>Blog of Leon Zhang © 362 363 364 2018 365 - 366 367 2023 368 </section> 369 <section>Powered by <a href="//jekyllrb.com">Jekyll</a> | <a href="https://github.com/kaeyleo/jekyll-theme-H2O">Theme H2O</a></section> 370</footer> 371 372 373 </div> 374
374<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
374 375
375<script src="/assets/js/prism.js"></script>
375 376
376<script src="/assets/js/index.min.js"></script>
376 377</body> 378</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.