<!DOCTYPE html><html><head><meta name="generator" content="Hexo 3.8.0"><meta charset="utf-8"><meta name="baidu-site-verification" content="edtsfArgpQ"><meta name="author"><title>关于 | mton的小站</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="keywords" content><meta name="description" content="mton的小站"><script src="//cdn.jsdelivr.net/npm/
[email protected]/dist/av-min.js" async></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async></script><script src="//unpkg.com/valine/dist/Valine.min.js" async></script><script>window.AD_CONFIG={leancloud:{appid:"qlhpmNXwEMjT0LcW0AnRqiTR-gzGzoHsz",appkey:"qRa8J0Kyn7FNF6vYyGdwlucP",comment:!0,count:!0},welcome:{enable:!0,interval:30},start_time:"2019-01-18",passwords:[],is_post:!1,lock:!1,author:"mtonhuang",share:{twitter:!0,facebook:!0,weibo:!0,qq:!0,wechat:!0},mathjax:!0,page_type:"about",root:"/"}</script><script src="/vendor/sha256.min.js"></script><script src="/js/index.js"></script><script src="/vendor/qrcode.min.js"></script><link rel="icon" href="/images/mt.ico"><link rel="apple-touch-icon" href="/images/touch-icon.png"><link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="/styles/components/highlight/highlight.css"></head><body><header class="site-header"><div class="site-header-brand"> <span class="site-header-brand-title"><a href="/">mtonhuang</a></span> <span class="site-header-brand-motto">| 无名无利，专心练剑</span></div><div class="site-header-right"><nav class="site-header-navigation"> <a href="/" target="_self">首页</a> <a href="/archives/" target="_self">归档</a> <a href="/tags/" target="_self">标签</a> <a href="/categories/" target="_self">分类</a> <a href="/friends/" target="_self">友链</a> <a href="/about/" target="_self">关于</a></nav><div class="site-header-btn"><a href="https://github.com/mtonhuang" target="_blank" id="site-github"><i class="fa fa-github"></i></a><a href="javascript:void(0);" id="site-search"><i class="fa fa-search"></i></a><a href="javascript:void(0);" id="site-nav-btn"><i class="fa fa-ellipsis-v"></i></a></div></div></header><nav class="table-content" id="site-nav"><div class="table-content-title"> <span>导航</span></div><div class="table-content-main"><ol class="toc"><li class="toc-item"> <a href="/" target="_self">首页</a></li><li class="toc-item"> <a href="/archives/" target="_self">归档</a></li><li class="toc-item"> <a href="/tags/" target="_self">标签</a></li><li class="toc-item"> <a href="/categories/" target="_self">分类</a></li><li class="toc-item"> <a href="/friends/" target="_self">友链</a></li><li class="toc-item"> <a href="/about/" target="_self">关于</a></li></ol></div></nav><div id="site-process"></div><main><div class="about"><h1 class="passage-title"> about</h1><article class="passage-article"><p>我是mtonhuang，这里是我关于前端架构，版本工具，源码剖析，h5c3等的日常总结，让我们在前端进阶的路上，共勉^_^ 。</p><h2 id="无名无利，砥砺前行"><a href="#无名无利，砥砺前行" class="headerlink" title="无名无利，砥砺前行"></a>无名无利，砥砺前行</h2><p>2019.03.09 00:35 我的<a href="https://github.com/mtonhuang/bolg" target="_blank" rel="noopener">github blog</a>(点击页面右上角可跳转)在ID为uniquexiaobai的star下，成功破百，开心至极，夜不能寐。</p><p>多多少少缓了08号下午股市大跌，亏损5个点的低迷情绪。</p><p>从2月12号至今，感谢大家的支持，感恩！</p><p>这也坚定了我坚持写技术blog的决心，接下来会做更多的技术分享，大家一起努力hahao(<em>￣︶￣</em>)o</p><blockquote><p>_Written at 02:43 on March 9, 2019.</p></blockquote><h3 id="缘起"><a href="#缘起" class="headerlink" title="缘起"></a>缘起</h3><p>之前做项目的时候，往往会遇到各种各样的问题，这些问题有可能是会遇到很多次，不善于总结沉淀。</p><p>这是很多人的一个通病，包括我自己也是。</p><p>于是我就萌生了把这些问题沉淀成blog的想法，分享自己成长路线。希望能帮助到大家。</p><p>也让大家见证我的勤奋与努力，一起进步。</p><p>大部分文章会同步更新 <a href="https://juejin.im/user/5b3ba41af265da0f4734f926/posts" target="_blank" rel="noopener">掘金</a> ,欢迎骚扰！</p><p>这里呢，是我的 <a href="http://huangmiantong.cn/">小站</a> ，欢迎大家。</p><h3 id="github-blog地址（持续输出ing）"><a href="#github-blog地址（持续输出ing）" class="headerlink" title="github blog地址（持续输出ing）"></a>github blog地址（持续输出ing）</h3><h4 id="剖析源码"><a href="#剖析源码" class="headerlink" title="剖析源码"></a>剖析源码</h4><ul><li><a href="https://github.com/mtonhuang/bolg/tree/master/analysis_jq" target="_blank" rel="noopener">一步步分析JQ源码</a></li><li>vue源码（待更新）</li><li>react<ul><li><a href="https://github.com/mtonhuang/bolg/tree/master/React/basic_theory" target="_blank" rel="noopener">React基础理论图</a></li><li>进阶</li></ul></li><li>ES6（待更新）</li></ul><h4 id="h5c3"><a href="#h5c3" class="headerlink" title="h5c3"></a>h5c3</h4><ul><li><a href="https://github.com/mtonhuang/bolg/tree/master/h5" target="_blank" rel="noopener">h5开发坑点总结</a></li><li><a href="https://github.com/mtonhuang/bolg/tree/master/h5/h5_adaptation" target="_blank" rel="noopener">h5适配</a></li></ul><h4 id="版本-打包架构工具"><a href="#版本-打包架构工具" class="headerlink" title="版本/打包架构工具"></a>版本/打包架构工具</h4><ul><li><a href="https://github.com/mtonhuang/bolg/tree/master/git_mindMap" target="_blank" rel="noopener">git思维导图（关于git的常用命令，重推！！！）</a></li><li><a href="https://github.com/mtonhuang/blog/tree/master/webpack4.0" target="_blank" rel="noopener">手撸webpack4.0配置</a></li></ul><h4 id="自编杂文"><a href="#自编杂文" class="headerlink" title="自编杂文"></a>自编杂文</h4><ul><li><a href="https://github.com/mtonhuang/bolg/tree/master/ESLint_rules" target="_blank" rel="noopener">ESLint常用rules总结</a></li><li><a href="https://github.com/mtonhuang/bolg/tree/master/collect" target="_blank" rel="noopener">前端开源项目收集 -> 2019.03.06刊</a> （更新）</li></ul></article><aside class="table-content" id="site-toc"><div class="table-content-title"><i class="fa fa-arrow-right fa-lg" id="site-toc-hide-btn"></i> <span>目录</span></div><div class="table-content-main"><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#无名无利，砥砺前行"><span class="toc-text">无名无利，砥砺前行</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#缘起"><span class="toc-text">缘起</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#github-blog地址（持续输出ing）"><span class="toc-text">github blog地址（持续输出ing）</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#剖析源码"><span class="toc-text">剖析源码</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#h5c3"><span class="toc-text">h5c3</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#版本-打包架构工具"><span class="toc-text">版本/打包架构工具</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#自编杂文"><span class="toc-text">自编杂文</span></a></li></ol></li></ol></li></ol></div></aside></div></main><div class="site-comment-contanier" data-plateform="leancloud"><p id="site-comment-info"><i class="fa fa-spinner fa-spin"></i> 评论加载中</p><div id="site-comment"></div></div><div class="site-footer-wrapper"><footer class="site-footer"><div class="site-footer-col"><h5 class="site-footer-title">同事朋友其他</h5> <span class="site-footer-item"><a href="https://www.cnblogs.com/peunzhang/" target="_blank">白树（张老师）</a></span> <span class="site-footer-item"><a href="http://blog.cssforest.org/" target="_blank">css森林（鬼哥）</a></span> <span class="site-footer-item"><a href="https://www.tangjietop.cn/" target="_blank">TANGJIE（杰哥）</a></span></div><div class="site-footer-col"><h5 class="site-footer-title">个人系列教程</h5> <span class="site-footer-item"><a href="https://www.huangmiantong.cn/categories/h5c3/" target="_blank">h5c3系列</a></span> <span class="site-footer-item"><a href="https://www.huangmiantong.cn/categories/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/" target="_blank">个人开源项目</a></span> <span class="site-footer-item"><a href="https://www.huangmiantong.cn/tags/hot/" target="_blank">hot</a></span></div><div class="site-footer-col"><h5 class="site-footer-title">推荐资源</h5> <span class="site-footer-item"><a href="http://fe.wxpay.oa.com/uploader/" target="_blank">wxpay文件上传</a></span> <span class="site-footer-item"><a href="https://tinypng.com/" target="_blank">残暴的熊猫压缩tiny</a></span> <span class="site-footer-item"><a href="https://zhuanlan.zhihu.com/p/27905838" target="_blank">vscode插件</a></span> <span class="site-footer-item"><a href="https://juejin.im/post/582bd0b4da2f600063d4f89e" target="_blank">全面理解git</a></span> <span class="site-footer-item"><a href="https://noises.online/" target="_blank">白噪音</a></span></div><div class="site-footer-col"><h5 class="site-footer-title">抓到我</h5> <span class="site-footer-item"><a href="https://juejin.im/user/5b3ba41af265da0f4734f926" target="_blank">掘金</a></span> <span class="site-footer-item"><a href="https://github.com/mtonhuang" target="_blank">github</a></span></div><div class="site-footer-info"><i class="fa fa-clock-o"></i> 本站已稳定运行<span id="site-time"></span></div><div class="site-footer-info"><i class="fa fa-paw"></i> 您是本站第<span id="site-count"></span>位访客</div><div class="site-footer-info"><i class="fa fa-at"></i> Email:
[email protected]</div><div class="site-footer-info"><i class="fa fa-copyright"></i> 2019 Blog Created by <a href="https://github.com/mtonhuang/mtonhuang.github.io" target="_blank">mtonhuang</a>. All rights reserved.</div> <a href="javascript:void(0);" id="back-top-btn"><span>Top</span> <img src="https://act.weixin.qq.com/static/images/201906/0617178e22d1d92c1576028284a5a336.gif" data-original="/images/rocket.gif" width="80" height="80" alt="top"></a><div class="chuyin"><div class="dialogue"> <span class="status">不star一下主人的<a href="https://github.com/mtonhuang/blog">github</a>吗？</span></div><div class="egg"> <span>底下有彩蛋哦！</span></div></div></footer></div><div id="site-layer" style="display:none"><div class="site-layer-content"><div class="site-layer-header"><span class="site-layer-header-title" id="site-layer-title"></span><i class="fa fa-close" id="site-layer-close"></i></div><div class="site-layer-body" id="site-layer-container"><div class="site-layer-input" id="site-layer-search" style="display:none"> <input type="text"><i class="fa fa-search"></i></div><div class="site-layer-reward" id="site-layer-reward" style="display:none"><div> <img src="https://act.weixin.qq.com/static/images/201906/0617178e22d1d92c1576028284a5a336.gif" data-original="/images/wechat.jpg" alt="WeChat"><p>WeChat</p></div><div> <img src="https://act.weixin.qq.com/static/images/201906/0617178e22d1d92c1576028284a5a336.gif" data-original="/images/alipay.jpg" alt="AliPay"><p>AliPay</p></div></div><div id="site-layer-welcome" style="display:none"></div></div></div></div><div class="bottom-bar"><div class="bottom-bar-left"><a href="javascript:void(0);" id="site-toggle-share-btn"><i class="fa fa-share-alt"></i></a><a href="javascript:void(0);" id="site-reward"><i class="fa fa-gratipay"></i></a></div><div class="bottom-bar-middle"><a href="javascript:void(0);" data-enable="false"><i class="fa fa-arrow-left"></i> <span>上一页</span></a> <a href="javascript:void(0);" data-enable="false"><span>下一页 </span><i class="fa fa-arrow-right"></i></a></div><div class="bottom-bar-right"><a href="javascript:void(0);" data-enable="true" id="site-toc-show-btn"><i class="fa fa-bars"></i></a><a href="#site-comment" data-enable="true"><i class="fa fa-commenting"></i></a></div></div><div id="share-btn"><a id="share-btn-twitter" href="javascript:void(0);" target="_blank"><i class="fa fa-twitter"></i></a><a id="share-btn-facebook" href="javascript:void(0);" target="_blank"><i class="fa fa-facebook"></i></a><a id="share-btn-weibo" href="javascript:void(0);" target="_blank"><i class="fa fa-weibo"></i></a><a id="share-btn-qq" href="javascript:void(0);" target="_blank"><i class="fa fa-qq"></i></a><a id="share-btn-wechat" href="javascript:void(0);" target="_blank"><i class="fa fa-wechat"></i></a></div><p id="love"> <img src="https://act.weixin.qq.com/static/images/201906/0617178e22d1d92c1576028284a5a336.gif" data-original="/images/love.png" width="18.5" height="311.5" alt></p><script>!function(e){var l=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function i(){for(var c=0;c<l.length;c++)0<=(t=l[c].getBoundingClientRect()).top&&0<=t.left&&t.top<=(e.innerHeight||document.documentElement.clientHeight)&&function(t){var n,e,i,o,r=l[c];n=r,e=function(){l=l.filter(function(t){return r!==t})},i=new Image,o=n.getAttribute("data-original"),i.onload=function(){n.src=o,e()},i.src=o}();var t}i(),e.addEventListener("scroll",function(){var t,n;t=i,n=e,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(n)},500)})}(this)</script></body></html>
0 commit comments