-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 8.87 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><title>技术前行的路上</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="description"><meta property="og:type" content="website"><meta property="og:title" content="技术前行的路上"><meta property="og:url" content="http://www.shizuwu.cn/index.html"><meta property="og:site_name" content="技术前行的路上"><meta property="og:description"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="技术前行的路上"><meta name="twitter:description"><link rel="alternative" href="/atom.xml" title="技术前行的路上" type="application/atom+xml"><link rel="icon" href="/favicon.png"><link rel="stylesheet" href="/css/style.css" type="text/css"></head><body><div id="container"><div class="left-col"><div class="overlay"></div><div class="intrude-less"><header id="header" class="inner"><a href="/" class="profilepic"><img lazy-src="http://ww1.sinaimg.cn/large/68574fffgw1eyatjqnjs6j203k03k0sk.jpg" class="js-avatar"></a><hgroup><h1 class="header-author"><a href="/">null</a></h1></hgroup><div class="switch-btn"><div class="icon"><div class="icon-ctn"><div class="icon-wrap icon-house" data-idx="0"><div class="birdhouse"></div><div class="birdhouse_holes"></div></div><div class="icon-wrap icon-ribbon hide" data-idx="1"><div class="ribbon"></div></div><div class="icon-wrap icon-link hide" data-idx="2"><div class="loopback_l"></div><div class="loopback_r"></div></div><div class="icon-wrap icon-me hide" data-idx="3"><div class="user"></div><div class="shoulder"></div></div></div></div><div class="tips-box hide"><div class="tips-arrow"></div><ul class="tips-inner"><li>菜单</li><li>标签</li><li>友情链接</li><li>关于我</li></ul></div></div><div class="switch-area"><div class="switch-wrap"><section class="switch-part switch-part1"><nav class="header-menu"><ul><li><a href="/">主页</a></li><li><a href="/archives">所有文章</a></li><li><a href="/tags/前端">前端</a></li><li><a href="/tags/后端">后端</a></li><li><a href="/tags/工具">工具</a></li></ul></nav><nav class="header-nav"><div class="social"><a class="rss" target="_blank" href="/atom.xml" title="rss">rss</a></div></nav></section><section class="switch-part switch-part2"><div class="widget tagcloud" id="js-tagcloud"></div></section><section class="switch-part switch-part3"><div id="js-friends"><a target="_blank" class="main-nav-link switch-friends-link" href="http://zhibimo.com/read/Ashu/front-end-style-guide/">前端规范</a></div></section><section class="switch-part switch-part4"><div id="js-aboutme">技术前行路上</div></section></div></div></header></div></div><div class="mid-col"><nav id="mobile-nav"><div class="overlay"><div class="slider-trigger"></div><h1 class="header-author js-mobile-header hide">null</h1></div><div class="intrude-less"><header id="header" class="inner"><div class="profilepic"><img lazy-src="http://ww1.sinaimg.cn/large/68574fffgw1eyatjqnjs6j203k03k0sk.jpg" class="js-avatar"></div><hgroup><h1 class="header-author">null</h1></hgroup><nav class="header-menu"><ul><li><a href="/">主页</a></li><li><a href="/archives">所有文章</a></li><li><a href="/tags/前端">前端</a></li><li><a href="/tags/后端">后端</a></li><li><a href="/tags/工具">工具</a></li><div class="clearfix"></div></ul></nav><nav class="header-nav"><div class="social"><a class="rss" target="_blank" href="/atom.xml" title="rss">rss</a></div></nav></header></div></nav><div class="body-wrap"><article id="post-写在前面" class="article article-type-post" itemscope itemprop="blogPost"><div class="article-meta"><a href="/2015/10/17/写在前面/" class="article-date"><time datetime="2015-10-17T13:18:19.000Z" itemprop="datePublished">2015-10-17</time></a></div><div class="article-inner"><input type="hidden" class="isFancy"><header class="article-header"><h1 itemprop="name"><a class="article-title" href="/2015/10/17/写在前面/">写在前面</a></h1></header><div class="article-entry" itemprop="articleBody"><h2 id="关于技术交流">关于技术交流</h2><p><strong>前端</strong></p><ol><li><p>基础<br>JS/CSS/HTML/PS/Firebug/Chrome Tools/</p></li><li><p>提高效率的途径</p><ul><li><p>3.1 工具使用<br>IDE工具选择：<br>首推sublime text，其次配合php推荐使用的phpstorm</p><p>辅助插件：<br>emmet、js/css format、tinypng cli、uncss</p></li><li><p>3.2 code snippets<br>搜集和收藏常用的css、js代码段，不需反复书写同样的功能<br>如：js模板替换、ajax请求封装、js数据格式化、css3动画和按钮</p></li><li><p>3.3 善于搜索<br>技术问题首选google搜索（shadowsocks、vpn）<br>前端技术问题可以查API文档和去经常更新的前端技术博客</p></li><li><p>3.4 切图工具<br>同类型图片可以批量导出图片（PS脚本）<br>重复操作可以使用批量动作（PS动作）</p></li><li><p>3.5 文档书写总结<br>markdown、hexo、云笔记</p></li><li><p>3.6 使用新技术<br>Node/Npm/Gulp/Bower/Yo/Less/Sass/AngularJS/React/Docker/SVG</p><p><strong>tips:新技术的使用，可以后期再找时间交流</strong></p></li><li><p>3.7 掌握非前端类工具</p><ul><li>git</li><li>vim</li><li>shell</li><li>fiddler / wireshark</li></ul></li></ul></li><li><p>提高项目质量的手段</p><ul><li><p>4.1 代码书写规范</p><ul><li><a href="http://zhibimo.com/read/Ashu/front-end-style-guide/" target="_blank" rel="external">前端代码规范</a></li><li><a href="http://html5ify.com/fks/" target="_blank" rel="external">前端工程师技能树</a></li><li><a href="http://www.jstherightway.org/" target="_blank" rel="external">JS the right way</a></li></ul></li><li><p>4.2 校验工具</p><ul><li>Sublimelinter</li><li>jshint</li><li>csslint</li></ul></li><li><p>4.3 编程思想</p><ul><li>面向对象</li><li>设计模式</li><li>数据结构</li></ul></li></ul></li></ol><ol><li><p>相关资料</p><ul><li><p>前端技能树<br><img src="/img/前端技术学习路线.png" alt="前端技术相关" title="前端技术学习路线"></p></li><li><p>API</p><ul><li><p><a href="http://tool.oschina.net/apidocs/" target="_blank" rel="external">API doc</a></p></li><li><p><a href="http://apistore.baidu.com/" target="_blank" rel="external">API Store</a></p></li></ul></li><li><p>snippets</p><ul><li><a href="http://7xixta.com2.z0.glb.qiniucdn.com/js/jquery.js?v=2" target="_blank" rel="external">JS snippets</a></li><li><a href="">CSS snippets</a></li></ul></li><li><p>技术网站</p><ul><li><a href="http://github.com/" target="_blank" rel="external">github</a></li><li><a href="http://segmentfault.com/" target="_blank" rel="external">segmentfault</a></li><li><a href="http://codepen.io/" target="_blank" rel="external">codepen</a></li><li><a href="http://jsfiddle.net/" target="_blank" rel="external">jsfiddle</a></li><li><a href="http://www.w3cfuns.com/" target="_blank" rel="external">w3cfuns</a></li><li><a href="http://stackoverflow.com" target="_blank" rel="external">stackoverflow</a></li><li>其它<ul><li><a href="http://coding.net" target="_blank" rel="external">coding</a></li><li><a href="http://git.oschina.net/" target="_blank" rel="external">oschina</a></li></ul></li></ul></li><li><p>工具对应</p><ul><li><a href="http://www.sublimetext.com/3" target="_blank" rel="external">sublime text 3</a><ul><li><a href="http://blog.csdn.net/sudoers/article/details/45166873" target="_blank" rel="external">破解</a></li><li><a href="http://www.cnblogs.com/Rising/p/3741116.html" target="_blank" rel="external">扩展插件安装</a></li></ul></li><li><a href="http://nodejs.org" target="_blank" rel="external">Nodejs</a><ul><li><a href="http://npmjs.com" target="_blank" rel="external">NPM</a></li><li><a href="https://github.com/websperts/tinypng-cli" target="_blank" rel="external">Tinypng</a></li><li><a href="https://github.com/giakki/uncss" target="_blank" rel="external">uncss</a></li></ul></li></ul></li><li><p>工具集合</p><ul><li><a href="http://www.w3cfuns.com/tools.php" target="_blank" rel="external">w3cfuns 神器集</a></li><li><a href="http://tool.lu/" target="_blank" rel="external">iTools</a></li></ul></li><li><p>非技术类辅助工具</p><ul><li><a href="">Adblock</a></li><li><a href="">二维码</a></li><li><a href="">RSS订阅</a></li></ul></li></ul></li></ol></div><div class="article-info article-info-index"><div class="clearfix"></div></div></div></article></div><footer id="footer"><div class="outer"><div id="footer-info"><div class="footer-left">© 2015 技术前行的路上</div><div class="footer-right"></div></div></div></footer></div><link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css"><script>var yiliaConfig={fancybox:!0,mathjax:!1,animate:!0,isHome:!0,isPost:!1,isArchive:!1,isTag:!1,isCategory:!1,open_in_new:!1};</script><script src="http://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js" type="text/javascript"></script><script src="/js/main.js" type="text/javascript"></script></div></body></html>