1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 6 <title>å¼åç代ç åº | CCJoe</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 8 <meta name="description" content="viewbind.jsåºäºjQueryçæ°æ®è§å¾ååç»å®è§£å³æ¹æ¡, æ´å¥½çç»ç»è§å¾ç»æ, ä¸æ°æ®äº¤äºgit: https://github.com/ccjoe/viewbind.jsdemo: https://jsbin.com/qijemu/edit?html,js,console,outputdocs: http://ccjoe.github.io/viewbind.js/viewbind"> 9<meta property="og:type" content="website"> 10<meta property="og:title" content="å¼åç代ç åº"> 11<meta property="og:url" content="http://ccjoe.github.io/pm/index.html"> 12<meta property="og:site_name" content="CCJoe"> 13<meta property="og:description" content="viewbind.jsåºäºjQueryçæ°æ®è§å¾ååç»å®è§£å³æ¹æ¡, æ´å¥½çç»ç»è§å¾ç»æ, ä¸æ°æ®äº¤äºgit: https://github.com/ccjoe/viewbind.jsdemo: https://jsbin.com/qijemu/edit?html,js,console,outputdocs: http://ccjoe.github.io/viewbind.js/viewbind"> 14<meta property="og:updated_time" content="2016-08-26T07:52:08.968Z"> 15<meta name="twitter:card" content="summary"> 16<meta name="twitter:title" content="å¼åç代ç åº"> 17<meta name="twitter:description" content="viewbind.jsåºäºjQueryçæ°æ®è§å¾ååç»å®è§£å³æ¹æ¡, æ´å¥½çç»ç»è§å¾ç»æ, ä¸æ°æ®äº¤äºgit: https://github.com/ccjoe/viewbind.jsdemo: https://jsbin.com/qijemu/edit?html,js,console,outputdocs: http://ccjoe.github.io/viewbind.js/viewbind"> 18 19 <link rel="alternative" href="/atom.xml" title="CCJoe" type="application/atom+xml"> 20 21 22 <link rel="icon" href="/img/ccjoe.ico"> 23 24 <link rel="stylesheet" href="/css/style.css"> 25</head> 26<body> 27 <div id="container"> 28 <div class="left-col"> 29 <div class="overlay"></div> 30<div class="intrude-less"> 31 <header id="header" class="inner"> 32 <a href="/" class="profilepic"> 33 34 <img lazy-src="/img/avatar.jpeg" class="js-avatar"> 35 36 </a> 37 38 <hgroup> 39 <h1 class="header-author"><a href="/">Joe</a></h1> 40 </hgroup> 41 42 43 <p class="header-subtitle">é£æ¶åï¼è½¦ï¼é©¬ï¼æé³...</p> 44 45 46 47 <div class="switch-btn"> 48 <div class="icon"> 49 <div class="icon-ctn"> 50 <div class="icon-wrap icon-house" data-idx="0"> 51 <div class="birdhouse"></div> 52 <div class="birdhouse_holes"></div> 53 </div> 54 <div class="icon-wrap icon-ribbon hide" data-idx="1"> 55 <div class="ribbon"></div> 56 </div> 57 58 <div class="icon-wrap icon-link hide" data-idx="2"> 59 <div class="loopback_l"></div> 60 <div class="loopback_r"></div> 61 </div> 62 63 64 <div class="icon-wrap icon-me hide" data-idx="3"> 65 <div class="user"></div> 66 <div class="shoulder"></div> 67 </div> 68 69 </div> 70 71 </div> 72 <div class="tips-box hide"> 73 <div class="tips-arrow"></div> 74 <ul class="tips-inner"> 75 <li>èå</li> 76 <li>æ ç¾</li> 77 78 <li>åæ é¾æ¥</li> 79 80 81 <li>å ³äºæ</li> 82 83 </ul> 84 </div> 85 </div> 86 87 88 <div class="switch-area"> 89 <div class="switch-wrap"> 90 <section class="switch-part switch-part1"> 91 <nav class="header-menu"> 92 <ul> 93 94 <li><a href="/">主页</a></li> 95 96 <li><a href="/archives">æææç« </a></li> 97 98 <li><a href="/cao">æ¯æ¥ç³ç¹</a></li> 99 100 <li><a href="/pm">代ç åºé¡¹ç®</a></li> 101 102 </ul> 103 </nav> 104 <nav class="header-nav"> 105 <div class="social"> 106 107 <a class="github" target="_blank" href="https://github.com/ccjoe" title="github">github</a> 108 109 <a class="zhihu" target="_blank" href="http://www.zhihu.com/people/chu0" title="zhihu">zhihu</a> 110 111 </div> 112 </nav> 113 </section> 114 115 116 <section class="switch-part switch-part2"> 117 <div class="widget tagcloud" id="js-tagcloud"> 118 <a href="/tags/ES6/" style="font-size: 10px;">ES6</a> <a href="/tags/ajax/" style="font-size: 10px;">ajax</a> <a href="/tags/angular/" style="font-size: 10px;">angular</a> <a href="/tags/angularjs/" style="font-size: 10px;">angularjs</a> <a href="/tags/backbone/" style="font-size: 10px;">backbone</a> <a href="/tags/build/" style="font-size: 12.5px;">build</a> <a href="/tags/co/" style="font-size: 10px;">co</a> <a href="/tags/cross-domain/" style="font-size: 10px;">cross-domain</a> <a href="/tags/design-pattern/" style="font-size: 10px;">design pattern</a> <a href="/tags/facebook/" style="font-size: 10px;">facebook</a> <a href="/tags/flux/" style="font-size: 10px;">flux</a> <a href="/tags/generator/" style="font-size: 10px;">generator</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/google/" style="font-size: 10px;">google</a> <a href="/tags/grunt/" style="font-size: 10px;">grunt</a> <a href="/tags/gulp/" style="font-size: 12.5px;">gulp</a> <a href="/tags/iframe/" style="font-size: 10px;">iframe</a> <a href="/tags/javascript/" style="font-size: 17.5px;">javascript</a> <a href="/tags/jquery/" style="font-size: 10px;">jquery</a> <a href="/tags/linux/" style="font-size: 10px;">linux</a> <a href="/tags/mac/" style="font-size: 10px;">mac</a> <a href="/tags/mvc/" style="font-size: 20px;">mvc</a> <a href="/tags/mvvm/" style="font-size: 10px;">mvvm</a> <a href="/tags/nodejs/" style="font-size: 20px;">nodejs</a> <a href="/tags/npm/" style="font-size: 10px;">npm</a> <a href="/tags/passport/" style="font-size: 10px;">passport</a> <a href="/tags/pattern/" style="font-size: 10px;">pattern</a> <a href="/tags/react/" style="font-size: 15px;">react</a> <a href="/tags/regExp/" style="font-size: 10px;">regExp</a> <a href="/tags/rest/" style="font-size: 12.5px;">rest</a> <a href="/tags/sort/" style="font-size: 10px;">sort</a> <a href="/tags/svn/" style="font-size: 10px;">svn</a> <a href="/tags/thunk/" style="font-size: 10px;">thunk</a> <a href="/tags/webapp/" style="font-size: 15px;">webapp</a> <a href="/tags/webä¼å/" style="font-size: 10px;">webä¼å</a> <a href="/tags/便笺/" style="font-size: 10px;">便笺</a> <a href="/tags/å½±è¯/" style="font-size: 10px;">å½±è¯</a> <a href="/tags/æ§è½åæ/" style="font-size: 10px;">æ§è½åæ</a> <a href="/tags/æèµ/" style="font-size: 10px;">æèµ</a> <a href="/tags/çè´¢/" style="font-size: 10px;">çè´¢</a> <a href="/tags/çæ´»/" style="font-size: 12.5px;">çæ´»</a> <a href="/tags/çµå½±/" style="font-size: 10px;">çµå½±</a> <a href="/tags/ç»ä»¶å/" style="font-size: 12.5px;">ç»ä»¶å</a> 119 </div> 120 </section> 121 122 123 124 <section class="switch-part switch-part3"> 125 <div id="js-friends"> 126 127 <a target="_blank" class="main-nav-link switch-friends-link" href="https://developer.mozilla.org/zh-CN/">MDN</a> 128 129 <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.github.com/">Github</a> 130 131 </div> 132 </section> 133 134 135 136 137 <section class="switch-part switch-part4"> 138 139 <div id="js-aboutme">çæ 常æ¯ï¼äºæ 常éã éé¢å¾å¤æç« é½æ¯åå®æå¼æå¨å®åç¸å ³ä¸»é¢ï¼ä» ä½ä¸ºä½è æ´çæè·¯ï¼ è¯»è è§è° ã</div> 140 </section> 141 142 </div> 143 144 </div> 145 <div style="position:absolute; top:550px; width:100%; font-size:12px; line-height:22px;"> 146 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="ç¥è¯å ±äº«è®¸å¯åè®®" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br /><a>ææçåå</a> <br> æ¬ä½åéç¨<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">ç¥è¯å ±äº«ç½²å-éåä¸æ§ä½¿ç¨-ç¸åæ¹å¼å ±äº« 4.0 å½é 许å¯åè®®</a>è¿è¡è®¸å¯ã 147 </div> 148 </header> 149</div> 150 </div> 151 <div class="mid-col"> 152 <nav id="mobile-nav"> 153 <div class="overlay"> 154 <div class="slider-trigger"></div> 155 <h1 class="header-author js-mobile-header hide">Joe</h1> 156 </div> 157 <div class="intrude-less"> 158 <header id="header" class="inner"> 159 <div class="profilepic"> 160 <img lazy-src="/img/avatar.jpeg" class="js-avatar"> 161 </div> 162 <hgroup> 163 <h1 class="header-author">Joe</h1> 164 </hgroup> 165 166 <p class="header-subtitle">é£æ¶åï¼è½¦ï¼é©¬ï¼æé³...</p> 167 168 <nav class="header-menu"> 169 <ul> 170 171 <li><a href="/">主页</a></li> 172 173 <li><a href="/archives">æææç« </a></li> 174 175 <li><a href="/cao">æ¯æ¥ç³ç¹</a></li> 176 177 <li><a href="/pm">代ç åºé¡¹ç®</a></li> 178 179 <div class="clearfix"></div> 180 </ul> 181 </nav> 182 <nav class="header-nav"> 183 <div class="social"> 184 185 <a class="github" target="_blank" href="https://github.com/ccjoe" title="github">github</a> 186 187 <a class="zhihu" target="_blank" href="http://www.zhihu.com/people/chu0" title="zhihu">zhihu</a> 188 189 </div> 190 </nav> 191 </header> 192 </div> 193</nav> 194 <div class="body-wrap"><article id="page-undefined" class="article article-type-page" itemscope itemprop="blogPost"> 195 196 <div class="article-meta"> 197 <a href="/pm/index.html" class="article-date"> 198 <time datetime="2016-08-25T10:38:08.000Z" itemprop="datePublished">2016-08-25</time> 199</a> 200 </div> 201 202 <div class="article-inner"> 203 204 205 <header class="article-header"> 206 207 208 <h1 class="article-title" itemprop="name"> 209 å¼åç代ç åº 210 </h1> 211 212 213 </header> 214 215 <div class="article-info article-info-post"> 216 217 218 219 <div class="clearfix"></div> 220 </div> 221 222 223 <div class="article-entry" itemprop="articleBody"> 224 225 <p><br></p> 226<blockquote> 227<h3 id="viewbind-js">viewbind.js</h3><p>åºäºjQueryçæ°æ®è§å¾ååç»å®è§£å³æ¹æ¡, æ´å¥½çç»ç»è§å¾ç»æ, ä¸æ°æ®äº¤äº<br>git: <a href="https://github.com/ccjoe/viewbind.js" target="_blank" rel="external">https://github.com/ccjoe/viewbind.js</a><br>demo: <a href="https://jsbin.com/qijemu/edit?html,js,console,output" target="_blank" rel="external">https://jsbin.com/qijemu/edit?html,js,console,output</a><br>docs: <a href="http://ccjoe.github.io/viewbind.js/viewbind.html">http://ccjoe.github.io/viewbind.js/viewbind.html</a></p> 228</blockquote> 229<hr> 230<blockquote> 231<p>vue-ratchet<br>git: <a href="https://github.com/ccjoe/vue-ratchet" target="_blank" rel="external">https://github.com/ccjoe/vue-ratchet</a><br>demo: </p> 232</blockquote> 233<hr> 234<blockquote> 235<p>jc-mvc<br>åºäºNodejsçMVCæ¡æ¶<br>git: <a href="https://github.com/ccjoe/jc-mvc" target="_blank" rel="external">https://github.com/ccjoe/jc-mvc</a></p> 236</blockquote> 237<hr> 238<blockquote> 239<p>cora.js</p> 240</blockquote> 241<hr> 242<blockquote> 243<p>url.js</p> 244</blockquote> 245<hr> 246<blockquote> 247<p>store.js</p> 248</blockquote> 249 250 251 </div> 252 253 </div> 254 255 256 257</article> 258 259 260<div class="share"> 261 <!-- JiaThis Button BEGIN --> 262 <div class="jiathis_style"> 263 <span class="jiathis_txt">å享å°ï¼</span> 264 <a class="jiathis_button_tsina"></a> 265 <a class="jiathis_button_cqq"></a> 266 <a class="jiathis_button_douban"></a> 267 <a class="jiathis_button_weixin"></a> 268 <a class="jiathis_button_tumblr"></a> 269 <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a> 270 </div> 271
271<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1405949716054953" charset="utf-8"></script>
271 272 <!-- JiaThis Button END --> 273</div> 274 275 276 277<div class="duoshuo"> 278<!-- å¤è¯´è¯è®ºæ¡ start --> 279 <div class="ds-thread" data-thread-key="undefined" data-title="å¼åç代ç åº" data-url="http://ccjoe.github.io/pm/index.html"></div> 280<!-- å¤è¯´è¯è®ºæ¡ end --> 281<!-- å¤è¯´å ¬å ±JS代ç start (ä¸ä¸ªç½é¡µåªéæå ¥ä¸æ¬¡) -->
282<script type="text/javascript"> 283var duoshuoQuery = {short_name:"ccjoe"}; 284 (function() { 285 var ds = document.createElement('script'); 286 ds.type = 'text/javascript';ds.async = true; 287 ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js'; 288 ds.charset = 'UTF-8'; 289 (document.getElementsByTagName('head')[0] 290 || document.getElementsByTagName('body')[0]).appendChild(ds); 291 })(); 292 </script>
292 293<!-- å¤è¯´å ¬å ±JS代ç end --> 294</div> 295 296 297 298</div> 299 <footer id="footer"> 300 <div class="outer"> 301 <div id="footer-info"> 302 <div class="footer-left"> 303 © 2016 Joe 304 </div> 305 <div class="footer-right"> 306 <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/litten/hexo-theme-yilia" target="_blank">Yilia</a> by Litten 307 </div> 308 </div> 309 </div> 310</footer> 311 </div> 312 313
314<script> 315 var yiliaConfig = { 316 fancybox: false, 317 mathjax: false, 318 animate: true, 319 isHome: false, 320 isPost: false, 321 isArchive: false, 322 isTag: false, 323 isCategory: false, 324 open_in_new: false 325 } 326</script>
vendor: 1 bytes, line 326
326
327<script src="/js/require-2.1.6,jquery-1.9.1.min.js"></script>
vendor: 1 bytes, line 327
327
328<script src="/js/coraui.pgg.js"></script>
vendor: 1 bytes, line 328
328
329<script src="/js/main.js"></script>
329 330 331 332 333 334 335 336 </div> 337</body> 338</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.