BaseService
/
docCentor


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655
							
<!DOCTYPE HTML>
<html lang="" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>前端基础 · GitBook</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        
        
    <link rel="stylesheet" href="../gitbook/style.css">

    
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-emphasize/plugin.css">
                
            
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-tbfed-pagefooter/footer.css">
                
            
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-chapter-fold/chapter-fold.css">
                
            
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-search/search.css">
                
            
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        <link rel="stylesheet" href="../res/remove_publish.css">
        
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="web.html" />
    
    
    <link rel="prev" href="golang.html" />
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search" />
</div>

            
                <nav role="navigation">
                

<ul class="summary">
    
    
        <li>
            <a href="/BaseService/docCentor/raw/master/_book/index.html" target="_blank" class="custom-link">首页</a>
        </li>
    
    
    <li class="divider"></li>
    

        <li class="chapter " data-level="1.1" data-path="../">
            
                <a href="../">
            
                    
                    首页
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.2" data-path="../info.html">
            
                <a href="../info.html">
            
                    
                    协作信息
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.3" data-path="../cooperation.html">
            
                <a href="../cooperation.html">
            
                    
                    协作流程
            
                </a>
            

            <ul class="articles">
                
    
        <li class="chapter " data-level="1.3.1" data-path="../cooperation/design.html">
            
                <a href="../cooperation/design.html">
            
                    
                    设计规范
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.3.2" data-path="../cooperation/dev.html">
            
                <a href="../cooperation/dev.html">
            
                    
                    开发规范
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.3.3" data-path="../cooperation/test.html">
            
                <a href="../cooperation/test.html">
            
                    
                    测试规范
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.3.4" data-path="../cooperation/devops.html">
            
                <a href="../cooperation/devops.html">
            
                    
                    运维规范
            
                </a>
            

        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="share.html">
            
                <a href="share.html">
            
                    
                    经验分享
            
                </a>
            

            <ul class="articles">
                
    
        <li class="chapter " data-level="1.4.1" data-path="nodejs.html">
            
                <a href="nodejs.html">
            
                    
                    windows下nodejs和npm的安装
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.4.2" data-path="golang.html">
            
                <a href="golang.html">
            
                    
                    golang相关资料
            
                </a>
            

        </li>
    
        <li class="chapter active" data-level="1.4.3" data-path="webbase.html">
            
                <a href="webbase.html">
            
                    
                    前端基础
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.4.4" data-path="web.html">
            
                <a href="web.html">
            
                    
                    前端相关资料
            
                </a>
            

        </li>
    
        <li class="chapter " data-level="1.4.5" data-path="devops.html">
            
                <a href="devops.html">
            
                    
                    运维资料
            
                </a>
            

        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.5" data-path="../devtools.html">
            
                <a href="../devtools.html">
            
                    
                    开发工具
            
                </a>
            

        </li>
    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            Published with GitBook
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    
<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >前端基础</a>
    </h1>
</div>


                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <h1 id="&#x524D;&#x7AEF;&#x77E5;&#x8BC6;&#x4F53;&#x7CFB;">&#x524D;&#x7AEF;&#x77E5;&#x8BC6;&#x4F53;&#x7CFB;</h1>
<ul>
<li><a href="https://roadmap.sh/frontend" target="_blank">2022&#x5E74;&#x524D;&#x7AEF;&#x5B66;&#x4E60;&#x8DEF;&#x7EBF;&#x56FE;</a></li>
</ul>
<h2 id="&#x5F00;&#x53D1;&#x73AF;&#x5883;">&#x5F00;&#x53D1;&#x73AF;&#x5883;</h2>
<h3 id="ide">IDE</h3>
<ul>
<li><p><a href="https://code.visualstudio.com/" target="_blank">vs code</a></p>
<p>&#x5FAE;&#x8F6F;&#x51FA;&#x54C1;&#xFF0C;&#x5F00;&#x6E90;&#xFF0C;&#x57FA;&#x4E8E;Electron&#x5F00;&#x53D1;&#xFF0C;&#x4F53;&#x79EF;&#x5C0F;&#xFF0C;&#x6269;&#x5C55;&#x591A;&#x3002;</p>
</li>
<li><p><a href="https://www.jetbrains.com/webstorm/eap/" target="_blank">WebStorm Eap</a></p>
<p>&#x6709;&#x5F3A;&#x5927;&#x7684;&#x667A;&#x80FD;&#x8865;&#x5168;&#x548C;&#x63D0;&#x793A;&#xFF0C;&#x5199;&#x8D77;&#x6765;&#x6BD4; vs code &#x8212;&#x670D;&#x5F88;&#x591A;&#x3002;
&#x4F46;&#x662F;&#x662F;&#x4E00;&#x6B3E;&#x6536;&#x8D39;&#x8F6F;&#x4EF6;&#xFF0C;&#x8FD9;&#x91CC;&#x5EFA;&#x8BAE;&#x4F7F;&#x7528;&#x514D;&#x8D39;&#x7684; WebStorm Eap &#x7248;&#xFF0C;&#x662F;&#x9884;&#x53D1;&#x5E03;&#x7248;&#x672C;&#xFF0C;&#x6BCF;&#x6708;&#x66F4;&#x65B0;&#x4F53;&#x9A8C;&#x6D4B;&#x8BD5;&#x3002;</p>
</li>
</ul>
<h3 id="node">Node</h3>
<p>Node.js &#x662F;&#x4E00;&#x4E2A;&#x57FA;&#x4E8E; Chrome V8 &#x5F15;&#x64CE;&#x7684; JavaScript &#x8FD0;&#x884C;&#x73AF;&#x5883;&#x3002;</p>
<ul>
<li><p><a href="https://nodejs.org/en/" target="_blank">node</a> &#x5B98;&#x7F51;&#x4E0B;&#x8F7D;&#x6700;&#x65B0;&#x7A33;&#x5B9A;&#x7248;</p>
</li>
<li><p><a href="https://github.com/coreybutler/nvm-windows" target="_blank">nvm</a> &#x4F7F;&#x7528;nvm&#x7BA1;&#x7406;&#x548C;&#x5207;&#x6362;Node&#x7248;&#x672C;</p>
</li>
<li><p><a href="https://juejin.im/entry/59658035f265da6c360a19dd" target="_blank">npx</a> &#x4F7F;&#x7528;npx&#x4E5F;&#x53EF;&#x4EE5;&#x7528;&#x6765;&#x5207;&#x6362;Node&#x7248;&#x672C;</p>
<pre><code>npx node@4 -e &quot;console.log(process.version)&quot;
npx node@6 -e &quot;console.log(process.version)&quot;
</code></pre></li>
</ul>
<h4 id="npm--yarn">npm &amp; yarn</h4>
<p>&#x56FD;&#x5185;&#x7F51;&#x7EDC;&#x539F;&#x56E0;&#xFF0C;&#x5EFA;&#x8BAE;&#x4F7F;&#x7528;&#x6DD8;&#x5B9D;&#x955C;&#x50CF;&#x52A0;&#x901F;&#x6A21;&#x5757;&#x4E0B;&#x8F7D;</p>
<ul>
<li><p>npm</p>
<pre><code>npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
</code></pre><ul>
<li><a href="https://juejin.im/post/5ab3f77df265da2392364341#heading-20" target="_blank">&#x4F60;&#x4E0D;&#x77E5;&#x9053;&#x7684; npm</a></li>
</ul>
</li>
<li><p><a href="https://yarnpkg.com/zh-Hans/docs/usage" target="_blank">yarn</a></p>
<pre><code>npm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
</code></pre><p>&#x7528;<code>yarn add</code>&#x67D0;&#x7B2C;&#x4E09;&#x65B9;&#x5E93;&#x540D;&#x4EE3;&#x66FF;<code>npm install</code>&#x67D0;&#x7B2C;&#x4E09;&#x65B9;&#x5E93;&#x540D;&#x3002;</p>
</li>
</ul>
<h2 id="&#x4E86;&#x89E3;&#x524D;&#x7AEF;">&#x4E86;&#x89E3;&#x524D;&#x7AEF;</h2>
<p>&#x7B80;&#x5355;&#x7684;&#x4ECB;&#x7ECD;&#x548C;&#x5165;&#x95E8;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#xFF0C;&#x8BF7;&#x6839;&#x636E;&#x4F60;&#x7684;&#x559C;&#x597D;&#x9009;&#x62E9;&#x6587;&#x6863;&#x6216;&#x662F;&#x89C6;&#x9891;&#x6A21;&#x5F0F;&#x3002;</p>
<ul>
<li><p>&#x89C6;&#x9891;&#x6559;&#x7A0B;</p>
<ul>
<li><a href="http://study.163.com/provider/318013/course.htm" target="_blank">&#x7FC1;&#x607A; HTML &amp; CSS &amp; JS &#x5165;&#x95E8;</a></li>
</ul>
</li>
<li><p>&#x5176;&#x4ED6;&#x65B9;&#x6848;</p>
<ul>
<li><a href="http://www.runoob.com/" target="_blank">&#x83DC;&#x9E1F;&#x7F16;&#x7A0B; &#x5728;&#x7EBF;&#x7F16;&#x7801;&#x5B66;&#x4E60;</a></li>
<li><a href="https://freecodecamp.cn" target="_blank">freecodecamp &#x5728;&#x7EBF;&#x7F16;&#x7801;&#x5B66;&#x4E60;</a></li>
<li><a href="https://www.w3cschool.cn/codecamp/list?pename=html5_and_css_camp" target="_blank">w3school &#x6587;&#x6863;</a></li>
</ul>
</li>
</ul>
<p>&#x4E0B;&#x9762;&#x5C06;&#x5FAA;&#x5E8F;&#x6E10;&#x8FDB;&#x7684;&#x5217;&#x51FA;&#x5B66;&#x4E60;&#x7684;&#x94FE;&#x63A5;&#x548C;&#x5728;&#x7EBF;&#x8BAD;&#x7EC3;,&#x8D44;&#x6599;&#x591A;&#x4E3A;&#x56FE;&#x6587;,&#x6613;&#x653E;&#x5F03;..</p>
<h3 id="&#x8D70;&#x8FDB;-html--css-8h">&#x8D70;&#x8FDB; HTML &amp; CSS <code>8h</code></h3>
<ul>
<li><p>&#x719F;&#x6089;&#x5143;&#x7D20;&#x53CA;&#x8BED;&#x4E49;&#x5316; <code>1.5h</code></p>
<ul>
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element" target="_blank">HTML&#x5143;&#x7D20;&#x53C2;&#x8003;</a></li>
<li><a href="http://justineo.github.io/slideshows/semantic-html" target="_blank">&#x8BED;&#x4E49;&#x5316;HTML</a></li>
</ul>
</li>
<li><p>&#x719F;&#x6089;css&#x5143;&#x7D20;&#x53CA;&#x9009;&#x62E9;&#x5668; <code>0.5h</code></p>
<ul>
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference" target="_blank">css&#x5143;&#x7D20;&#x53C2;&#x8003;</a></li>
<li><a href="http://www.w3school.com.cn/cssref/css_selectors.asp" target="_blank">css&#x9009;&#x62E9;&#x5668;&#x53C2;&#x8003;</a></li>
</ul>
</li>
<li><p>&#x5B8C;&#x6210; HTML5 &amp; CSS &#x7CFB;&#x5217;&#x8BAD;&#x7EC3; (&#x4E8C;&#x9009;&#x4E00;)</p>
<ul>
<li><a href="https://freecodecamp.cn" target="_blank">freecodecamp</a></li>
<li><a href="https://www.w3cschool.cn/codecamp/list?pename=html5_and_css_camp" target="_blank">w3c</a></li>
</ul>
</li>
<li><p>&#x5B9E;&#x73B0;&#x57FA;&#x672C;&#x5E03;&#x5C40; <code>3h</code></p>
<ul>
<li>&#x5723;&#x676F;&#x5E03;&#x5C40; <code>0.5h</code></li>
<li>&#x624B;&#x673A;&#x7AEF;&#x5E38;&#x89C1;&#x5E03;&#x5C40; <code>0.5h</code>
&#x8FD9;&#x91CC;&#x4F60;&#x53EF;&#x80FD;&#x9700;&#x8981;&#x53BB;&#x91CD;&#x6E29;<a href="http://zh.learnlayout.com/" target="_blank">css &#x5E03;&#x5C40;&#x57FA;&#x7840;</a> <a href="http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html" target="_blank">flex &#x5E03;&#x5C40;</a>
<img src="https://zhangyuhan2016.gitee.io/week/assets/img/css.32f5459d.jpg" alt="&#x5E38;&#x89C1;&#x5E03;&#x5C40;"></li>
</ul>
</li>
<li><p>&#x6A21;&#x4EFF;&#x4E00;&#x4E9B;&#x7F51;&#x7AD9;</p>
<ul>
<li><p><a href="https://www.baidu.com/" target="_blank">&#x767E;&#x5EA6;</a></p>
<p>&#x4F60;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x53F3;&#x952E;&#x53E6;&#x5B58;&#x83B7;&#x53D6;&#x4F60;&#x9700;&#x8981;&#x7684;&#x56FE;&#x6807;
&#x5F53;&#x7136;&#x6211;&#x5EFA;&#x8BAE;&#x4F60;&#x6309;&#x4E0B; <kbd>F12</kbd> &#x9009;&#x62E9; <kbd>Network</kbd> &#x518D;&#x7B5B;&#x9009; <kbd>Img</kbd> ,<kbd>F5</kbd> &#x5237;&#x65B0;&#x540E;&#x53EF;&#x4EE5;&#x770B;&#x5230;&#x6240;&#x6709;&#x7684;&#x56FE;&#x7247;&#x8BF7;&#x6C42;
&#x8FD9;&#x91CC;&#x4F60;&#x53EF;&#x80FD;&#x4F1A;&#x770B;&#x5230;&#x4E00;&#x5F20;&#x542B;&#x6709;&#x6240;&#x6709;&#x5C0F;&#x56FE;&#x6807;&#x7684;<a href="http://www.w3school.com.cn/css/css_image_sprites.asp" target="_blank">&#x7CBE;&#x7075;&#x56FE;</a></p>
</li>
</ul>
</li>
</ul>
<h4 id="&#x6DF1;&#x5165;&#x524D;&#x7AEF;&#x77E5;&#x8BC6;">&#x6DF1;&#x5165;&#x524D;&#x7AEF;&#x77E5;&#x8BC6;</h4>
<p>&#x52A0;<code>*</code>&#x4E3A;&#x63A8;&#x8350;&#x5B8C;&#x6210;&#x9879;</p>
<ul>
<li><a href="#">* &#x4F7F;&#x7528;IconFont</a></li>
<li><a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web" target="_blank">* Web&#x5F00;&#x53D1;&#x5165;&#x95E8;</a></li>
<li><p><a href="https://www.sass.hk/guide/" target="_blank">* CSS&#x8FDB;&#x9636; Sass</a></p>
</li>
<li><p><a href="http://autoprefixer.github.io/" target="_blank">autoprefixer</a></p>
</li>
<li><a href="http://yanxyz.github.io/emmet-docs/" target="_blank">&#x5F00;&#x53D1;&#x6548;&#x7387; Emmet</a></li>
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Grid_Layout" target="_blank">CSS Grid</a></li>
</ul>
<h3 id="&#x4E86;&#x89E3;-javascript--n-day-">&#x4E86;&#x89E3; JavaScript <code> n day </code></h3>
<ul>
<li><a href="https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/What_is_JavaScript" target="_blank">* &#x4E86;&#x89E3; JavsScript</a></li>
<li><a href="https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000" target="_blank">&#x5ED6;&#x96EA;&#x5CF0; JavaScript</a></li>
<li><a href="http://es6.ruanyifeng.com/" target="_blank">* ES6 &#x5165;&#x95E8;</a></li>
<li><a href="http://www.ruanyifeng.com/blog/2016/04/cors" target="_blank">&#x8DE8;&#x57DF;</a></li>
<li><a href="http://youmightnotneedjquery.com/" target="_blank">jQ&#x539F;&#x751F;&#x5199;&#x6CD5; &#x4F60;&#x53EF;&#x80FD;&#x4E0D;&#x9700;&#x8981;jQuery</a></li>
<li><a href="https://github.com/axios/axios" target="_blank">* axios</a></li>
<li><a href="http://www.ruanyifeng.com/blog/javascript/" target="_blank">&#x962E;&#x4E00;&#x5CF0;</a></li>
</ul>
<h3 id="&#x8FDB;&#x9636;">&#x8FDB;&#x9636;</h3>
<ul>
<li><a href="https://www.tslang.cn/" target="_blank">* TypeScript</a></li>
<li><a href="http://eslint.cn/docs/user-guide/getting-started" target="_blank">EsLint</a><ul>
<li><a href="https://github.com/standard/standard/blob/master/docs/README-zhcn.md" target="_blank">standard</a></li>
</ul>
</li>
</ul>
<h3 id="&#x5E38;&#x89C1;&#x6846;&#x67B6;">&#x5E38;&#x89C1;&#x6846;&#x67B6;</h3>
<table>
<thead>
<tr>
<th style="text-align:center">&#x6846;&#x67B6;</th>
<th style="text-align:center">Vue</th>
<th style="text-align:center">React</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">PC UI</td>
<td style="text-align:center"><a href="https://element.eleme.io/" target="_blank">element</a></td>
<td style="text-align:center"><a href="https://elemefe.github.io/element-react/#/zh-CN/quick-start" target="_blank">element</a></td>
</tr>
<tr>
<td style="text-align:center">Mobile UI</td>
<td style="text-align:center"><a href="https://vux.li/" target="_blank">vux</a></td>
<td style="text-align:center"><a href="https://mobile.ant.design/" target="_blank">ant</a></td>
</tr>
<tr>
<td style="text-align:center">Native-APP</td>
<td style="text-align:center"><a href="https://vue-native.io/" target="_blank">vue-native</a></td>
<td style="text-align:center"><a href="https://reactnative.cn/docs/getting-started/" target="_blank">react-native</a></td>
</tr>
<tr>
<td style="text-align:center">Native-PC</td>
<td style="text-align:center"><a href="https://simulatedgreg.gitbooks.io/electron-vue/content/cn/" target="_blank">electron-vue</a></td>
<td style="text-align:center"><a href="https://electronjs.org/" target="_blank">electron</a></td>
</tr>
<tr>
<td style="text-align:center">Router</td>
<td style="text-align:center"><a href="https://router.vuejs.org/zh/" target="_blank">vue-router</a></td>
<td style="text-align:center"><a href="https://reactnavigation.org/" target="_blank">react-navigation</a></td>
</tr>
</tbody>
</table>
<ul>
<li><a href="https://github.com/tyroprogrammer/learn-react-app" target="_blank">learn-react-app</a></li>
</ul>
<h2 id="&#x56E2;&#x961F;&#x534F;&#x4F5C;">&#x56E2;&#x961F;&#x534F;&#x4F5C;</h2>
<p><a href="https://lab.github.com/courses" target="_blank">Learning More From Github</a></p>
<h3 id="&#x4E86;&#x89E3;-markdown-05h">&#x4E86;&#x89E3; Markdown <code>0.5h</code></h3>
<ul>
<li><a href="https://www.zhihu.com/question/20409634" target="_blank">&#x4EC0;&#x4E48;&#x662F; Markdown</a></li>
<li><a href="https://segmentfault.com/markdown" target="_blank">Markdown &#x8BED;&#x6CD5;</a></li>
<li><a href="http://wowubuntu.com/markdown/" target="_blank">Markdown &#x8BED;&#x6CD5;</a></li>
</ul>
<h3 id="&#x6D4B;&#x8BD5;">&#x6D4B;&#x8BD5;</h3>
<h4 id="cypress">Cypress</h4>
<h2 id="&#x5176;&#x4ED6;">&#x5176;&#x4ED6;</h2>
<h3 id="web&#x7F51;&#x7AD9;">Web&#x7F51;&#x7AD9;</h3>
<ul>
<li><p><a href="https://www.zhihu.com/question/22689579/answer/22318058" target="_blank">Web &#x5EFA;&#x7AD9;&#x6280;&#x672F;&#x4E2D;&#xFF0C;HTML&#x3001;HTML5&#x3001;XHTML&#x3001;CSS&#x3001;SQL&#x3001;JavaScript&#x3001;PHP&#x3001;ASP.NET&#x3001;Web Services &#x662F;&#x4EC0;&#x4E48;&#xFF1F;</a></p>
<p>&#x5F53;&#x4F60;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x8F93;&#x5165;&#x4F60;&#x7F51;&#x9875;&#x5F97;&#x4E07;&#x7EF4;&#x7F51;&#x5730;&#x5740;&#x540E;
&#x6D4F;&#x89C8;&#x5668;&#x4ECE;&#x672C;&#x5730;Host&#x67E5;&#x627E;&#x670D;&#x52A1;&#x5668;&#x5730;&#x5740;&#xFF0C;&#x5982;&#x679C;&#x6CA1;&#x6709;&#x627E;&#x5230;&#xFF0C;&#x5219;&#x4E00;&#x5C42;&#x4E00;&#x5C42;&#x8BF7;&#x6C42;&#x57DF;&#x540D;&#x670D;&#x52A1;&#x5668;
&#x670D;&#x52A1;&#x5668;&#x6536;&#x5230;&#x8BF7;&#x6C42;&#xFF0C;&#x7ED9;&#x4F60;&#x8FD4;&#x56DE;&#x7F51;&#x9875;&#x6587;&#x4EF6;
&#x6D4F;&#x89C8;&#x5668;&#x6E32;&#x67D3;&#x6536;&#x5230;&#x5F97;&#x6587;&#x4EF6;&#xFF0C;&#x5448;&#x73B0;&#x9875;&#x9762;</p>
</li>
<li><p><a href="https://zhangyuhan2016.github.io/article/EFE-hitchhiker.html" target="_blank">&#x524D;&#x7AEF;&#x6F2B;&#x6E38;&#x6307;&#x5357;</a></p>
</li>
</ul>
<h3 id="&#x5E38;&#x89C1;&#x6846;&#x67B6;"><a href="https://www.cnblogs.com/jtjds/p/9516152.html" target="_blank">&#x5E38;&#x89C1;&#x6846;&#x67B6;</a></h3>
<h3 id="donejs"><a href="https://donejs.com/Guide.html" target="_blank">done.js</a></h3>
<h3 id="webstorm">WebStorm</h3>
<ul>
<li><a href="https://stackoverflow.com/questions/23732228/sass-filewatcher-for-webstorm" target="_blank">sass-filewatcher-for-webstorm</a><pre><code>&#x9996;&#x5148;&#x5B89;&#x88C5; node-sass
    npm i node-sass -g
WebStorm &gt; Setting &gt; Tools &gt; File Watcher
    Program:      xx/node-sass.cmd
    Arguments:    --source-map true  --output-style compressed $FileName$ $FileNameWithoutExtension$.css
    Output:       $FileNameWithoutExtension$.css $FileNameWithoutExtension$.css.map 
    Working:      $FileDir$
</code></pre>node sass cli parameters<pre><code>-w, --watch                Watch a directory or file
-r, --recursive            Recursively watch directories or files
-o, --output               Output directory
-x, --omit-source-map-url  Omit source map URL comment from output
-i, --indented-syntax      Treat data from stdin as sass code (versus scss)
-q, --quiet                Suppress log output except on error
-v, --version              Prints version info
--output-style             CSS output style (nested | expanded | compact | compressed)
--indent-type              Indent type for output CSS (space | tab)
--indent-width             Indent width; number of spaces or tabs (maximum value: 10)
--linefeed                 Linefeed style (cr | crlf | lf | lfcr)
--source-comments          Include debug info in output
--source-map               Emit source map
--source-map-contents      Embed include contents in map
--source-map-embed         Embed sourceMappingUrl as data URI
--source-map-root          Base path, will be emitted in source-map as is
--include-path             Path to look for imported files
--follow                   Follow symlinked directories
--precision                The amount of precision allowed in decimal numbers
--importer                 Path to .js file containing custom importer
--functions                Path to .js file containing custom functions
--help                     Print usage info
</code></pre></li>
</ul>
<footer class="page-footer"><span class="copyright">jianyu360 all right reserved&#xFF0C;powered by Gitbook</span><span class="footer-modification">&#x4FEE;&#x6539;&#x65F6;&#x95F4;&#xFF1A;
2022-03-24 16:03:24
</span></footer>
                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                <a href="golang.html" class="navigation navigation-prev " aria-label="Previous page: golang相关资料">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="web.html" class="navigation navigation-next " aria-label="Next page: 前端相关资料">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"前端基础","level":"1.4.3","depth":2,"next":{"title":"前端相关资料","level":"1.4.4","depth":2,"path":"share/web.md","ref":"./share/web.md","articles":[]},"previous":{"title":"golang相关资料","level":"1.4.2","depth":2,"path":"share/golang.md","ref":"./share/golang.md","articles":[]},"dir":"ltr"},"config":{"plugins":["emphasize","-highlight","tbfed-pagefooter","chapter-fold","-sharing"],"styles":{"website":"./res/remove_publish.css","ebook":"styles/ebook.css","pdf":"styles/pdf.css","mobi":"styles/mobi.css","epub":"styles/epub.css"},"pluginsConfig":{"tbfed-pagefooter":{"copyright":"jianyu360","modify_label":"修改时间：","modify_format":"YYYY-MM-DD HH:mm:ss"},"emphasize":{},"chapter-fold":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"theme":"default","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"links":{"sidebar":{"首页":"/BaseService/docCentor/raw/master/_book/index.html"}},"gitbook":"*"},"file":{"path":"share/webbase.md","mtime":"2022-03-24T08:03:24.296Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2022-06-23T07:44:07.915Z"},"basePath":"..","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="../gitbook/gitbook.js"></script>
    <script src="../gitbook/theme.js"></script>
    
        
        <script src="../gitbook/gitbook-plugin-chapter-fold/chapter-fold.js"></script>
        
    
        <script src="../gitbook/gitbook-plugin-search/search-engine.js"></script>
        
    
        <script src="../gitbook/gitbook-plugin-search/search.js"></script>
        
    
        <script src="../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
        
    
        <script src="../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
        
    
        <script src="../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    
    </body>
</html>