封面

最新推荐文章于 2022-08-30 18:18:41 发布
最新推荐文章于 2022-08-30 18:18:41 发布
阅读量364 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w1374401940/article/details/106386716
版权 
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <title>grebell 教程</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="grebell 教程">
  <meta name="keywords" content="grebell 教程">
  <meta name="author" content="grebell 教程">
  <meta name="robots" content="index,follow">
  <meta name="application-name" content="bootcss.com">
  <meta property="qc:admins" content="1603466166416277433363757477167" />
  <!-- Site CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/css/site.min.css" rel="stylesheet">

  <style>
    .job-hot {
      position: absolute;
      color: #d9534f;
      right: 0;
      top: 15px;
    }
  </style>

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->

  <!-- Favicons -->
  <link rel="apple-touch-icon-precomposed"
    href="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/ico/apple-touch-icon-precomposed.png">
  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/ico/favicon.ico">

</head>

<body>

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"><span class="lesson-font">grebell 教程</span>
        </a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="true">前端 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">html</a></li>
              <li><a href="#">css</a></li>
              <li><a href="#">JavaScript</a></li>
              <li><a href="#">vue</a></li>
              <li><a href="#">Angular</a></li>
              <li><a href="#">React</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false"> 后端<span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">C</a></li>
              <li><a href="#">C++</a></li>
              <li><a href="#">Java</a></li>
              <li><a href="#">Ruby</a></li>
              <li><a href="#">Lua</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">移动端 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">Android</a></li>
              <li><a href="#">ionic</a></li>
              <li><a href="#">React Native</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">数据库 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">MySQL</a></li>
              <li><a href="#">PostGreSQL</a></li>
              <li><a href="#">Redis</a></li>
              <li><a href="#">Menached</a></li>
              <li><a href="#">MongoDB</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">虚拟化 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">OpenStack</a></li>
              <li><a href="#">K8s</a></li>
              <li><a href="#">docker</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">大数据 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">Hadoop</a></li>
              <li><a href="#">Spark</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">运维 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">Linux 基础</a></li>
              <li><a href="#">Linux 常用软件安装</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">面试 <span class="caret"></span></a>
            <ul class="dropdown-menu lesson-ul">
              <li><a href="#">前端面试</a></li>
              <li><a href="#">数据库面试</a></li>
              <li><a href="#">Java面试</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="jumbotron masthead">
    <div class="container">
      <h1>grebell 教程</h1>
      <h2>让入门编程变得更加简单、快速、高效</h2>
      <p class="masthead-button-links">
      </p>
      <ul class="masthead-links">
        <h3>
          触手可及的教程
        </h3>
      </ul>
    </div>
  </div>


  <div class="container projects">

    <div class="projects-header page-header">
      <h2>前端教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/html.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">Html<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>html 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="./static/images/css.jpg" width="300" height="150"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">CSS<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="./static/images/js.jpg" width="300" height="150" alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">JavaScript
                <br><small>中文手册</small></a>
            </h3>
            <p>TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">
            <img class="lazy" src="./static/images/vue.jpg" width="300" height="150" alt="Svelte">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">vue<br><small>中文网</small></a>
            </h3>
            <p>vue 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器，它将声明性组件转换成高效的 JavaScript 代码，并像做外科手术一样细粒度地更新 DOM。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">
            <img class="lazy" src="./static/images/react.jpg" width="300" height="150"
              alt="Next.js 是一个轻量级的 React 服务端渲染应用框架。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">React<br><small>中文文档</small></a>
            </h3>
            <p>Next.js 是一个轻量级的 React 服务端渲染应用框架。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">
            <img class="lazy" src="./static/images/angular.jpg" width="300" height="150"
              alt="Babel 是一个 JavaScript 编译器。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">Angular <br><small>是一个 JavaScript
                  编译器。</small></a>
            </h3>
            <p>Babel 是一个 JavaScript 编译器。Babel 通过语法转换器支持最新版本的 JavaScript 语法。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
            target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">
            <img class="lazy" src="./static/images/jquery.jpg" width="300" height="150"
              alt="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
                target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">Jquery
                <br><small>中文文档</small></a>
            </h3>
            <p>Jquery 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/bootstrap-docs.png"
              alt="Bootstrap 文档全集">
          </a>
          <div class="caption">
            <h3>
              <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">Bootstrap Docs <br><small>Bootstrap
                  文档全集</small></a>
            </h3>
            <p>这里收集了 Bootstrap 从 V1.0.0 版本到现在，整个文档的历史。Bootstrap 本身就是一个传奇，而这些文档就是传奇的见证！</p>
          </div>
        </div>
      </div>

    </div>


    <div class="projects-header page-header">
      <h2>后端教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/c.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">C语言<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>C语言 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="./static/images/cplus.jpg" width="300" height="150"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">C++<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>C++ 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="./static/images/java.jpg" width="300" height="150" alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">Java
                <br><small>中文手册</small></a>
            </h3>
            <p>Java 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">
            <img class="lazy" src="./static/images/python.jpg" width="300" height="150" alt="Svelte">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">python<br><small>中文网</small></a>
            </h3>
            <p>python 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器，它将声明性组件转换成高效的 JavaScript 代码，并像做外科手术一样细粒度地更新 DOM。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">
            <img class="lazy" src="./static/images/scala.png" width="300" height="150"
              alt="Next.js 是一个轻量级的 React 服务端渲染应用框架。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">scala<br><small>中文文档</small></a>
            </h3>
            <p>scala 是一个轻量级的 React 服务端渲染应用框架。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">
            <img class="lazy" src="./static/images/ruby.jpg" width="300" height="150" alt="Babel 是一个 JavaScript 编译器。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">Ruby <br><small>是一个 JavaScript
                  编译器。</small></a>
            </h3>
            <p>Ruby 是一个 JavaScript 编译器。Babel 通过语法转换器支持最新版本的 JavaScript 语法。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
            target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">
            <img class="lazy" src="./static/images/lua.jpg" width="300" height="150"
              alt="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
                target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">Lua
                <br><small>中文文档</small></a>
            </h3>
            <p>Lua 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。</p>
          </div>
        </div>
      </div>

    </div>


    <div class="projects-header page-header">
      <h2>移动端教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/android.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">Android<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>Android 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="./static/images/ionic.jpg" width="300" height="150"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">ionic<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>ionic 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="./static/images/reactnative.jpg" width="300" height="150" alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">React native
                <br><small>中文手册</small></a>
            </h3>
            <p>React native 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

    </div>


    <div class="projects-header page-header">
      <h2>数据库教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/mysql.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">MySQL<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>MySQL 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="./static/images/postgresql.jpg" width="300" height="150"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">PostGreSQL<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>PostGreSQL 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="./static/images/redis.jpg" width="300" height="150" alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">Redis
                <br><small>中文手册</small></a>
            </h3>
            <p>Redis 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">
            <img class="lazy" src="./static/images/memcached.jpg" width="300" height="150" alt="Svelte">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">Memcached<br><small>中文网</small></a>
            </h3>
            <p>Memcached 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器，它将声明性组件转换成高效的 JavaScript 代码，并像做外科手术一样细粒度地更新 DOM。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">
            <img class="lazy" src="./static/images/mongodb.jpg" width="300" height="150"
              alt="Next.js 是一个轻量级的 React 服务端渲染应用框架。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">mongodb<br><small>中文文档</small></a>
            </h3>
            <p>mongodb 是一个轻量级的 React 服务端渲染应用框架。</p>
          </div>
        </div>
      </div>

    </div>


    <div class="projects-header page-header">
      <h2>虚拟化教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/openstack.jpg" width="300" height="150"
              alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">OpenStack<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>OpenStack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="./static/images/k8s.jpg" width="300" height="150"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">k8s<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>k8s 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="./static/images/docker.jpg" width="300" height="150" alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">docker
                <br><small>中文手册</small></a>
            </h3>
            <p>docker 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

    </div>


    <div class="projects-header page-header">
      <h2>大数据教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/hadoop.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">Hadoop<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>Hadoop 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="./static/images/spark.jpg" width="300" height="150"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">Spark<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>Spark 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>



      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/svelte.png" alt="Svelte">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">Svelte<br><small>中文网</small></a>
            </h3>
            <p>Svelte 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器，它将声明性组件转换成高效的 JavaScript 代码，并像做外科手术一样细粒度地更新 DOM。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/bootstrap-docs.png"
              alt="Bootstrap 文档全集">
          </a>
          <div class="caption">
            <h3>
              <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">Bootstrap Docs <br><small>Bootstrap
                  文档全集</small></a>
            </h3>
            <p>这里收集了 Bootstrap 从 V1.0.0 版本到现在，整个文档的历史。Bootstrap 本身就是一个传奇，而这些文档就是传奇的见证！</p>
          </div>
        </div>
      </div>

    </div>



    <div class="projects-header page-header">
      <h2>运维教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/html.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">Webpack<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/react.png"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">React<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/typescript.png"
              alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">TypeScript
                <br><small>中文手册</small></a>
            </h3>
            <p>TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/svelte.png" alt="Svelte">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">Svelte<br><small>中文网</small></a>
            </h3>
            <p>Svelte 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器，它将声明性组件转换成高效的 JavaScript 代码，并像做外科手术一样细粒度地更新 DOM。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/nextjs.png"
              alt="Next.js 是一个轻量级的 React 服务端渲染应用框架。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">Next.js<br><small>中文文档</small></a>
            </h3>
            <p>Next.js 是一个轻量级的 React 服务端渲染应用框架。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/babeljs.png"
              alt="Babel 是一个 JavaScript 编译器。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">Babel <br><small>是一个 JavaScript
                  编译器。</small></a>
            </h3>
            <p>Babel 是一个 JavaScript 编译器。Babel 通过语法转换器支持最新版本的 JavaScript 语法。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
            target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/lernajs.png"
              alt="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
                target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">Lerna
                <br><small>中文文档</small></a>
            </h3>
            <p>Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/bootstrap-docs.png"
              alt="Bootstrap 文档全集">
          </a>
          <div class="caption">
            <h3>
              <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">Bootstrap Docs <br><small>Bootstrap
                  文档全集</small></a>
            </h3>
            <p>这里收集了 Bootstrap 从 V1.0.0 版本到现在，整个文档的历史。Bootstrap 本身就是一个传奇，而这些文档就是传奇的见证！</p>
          </div>
        </div>
      </div>

    </div>



    <div class="projects-header page-header">
      <h2>面试教程</h2>
    </div>

    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank">
            <img class="lazy" src="./static/images/html.jpg" width="300" height="150" alt="Webpack 是前端资源模块化管理和打包工具">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.grebell.com/" title="Webpack 是前端资源模块化管理和打包工具" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'webpack'])">Webpack<br><small>是前端资源模块化管理和打包工具</small></a>
            </h3>
            <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/react.png"
              alt="React - 用于构建用户界面的 JavaScript 框架">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.reactjscn.com/" title="React - 用于构建用户界面的 JavaScript 框架" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'react'])">React<br><small>用于构建用户界面的 JavaScript
                  框架</small></a>
            </h3>
            <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/typescript.png"
              alt="TypeScript 中文手册">
          </a>
          <div class="caption">
            <h3>
              <a href="https://typescript.bootcss.com/" title="TypeScript 中文手册" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'typescript'])">TypeScript
                <br><small>中文手册</small></a>
            </h3>
            <p>TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/svelte.png" alt="Svelte">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.sveltejs.cn/" title="Svelte" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'svelte'])">Svelte<br><small>中文网</small></a>
            </h3>
            <p>Svelte 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器，它将声明性组件转换成高效的 JavaScript 代码，并像做外科手术一样细粒度地更新 DOM。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/nextjs.png"
              alt="Next.js 是一个轻量级的 React 服务端渲染应用框架。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.nextjs.cn/" title="Next.js 是一个轻量级的 React 服务端渲染应用框架。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'nextjs'])">Next.js<br><small>中文文档</small></a>
            </h3>
            <p>Next.js 是一个轻量级的 React 服务端渲染应用框架。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/babeljs.png"
              alt="Babel 是一个 JavaScript 编译器。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://www.babeljs.cn" title="Babel 是一个 JavaScript 编译器。" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'babel'])">Babel <br><small>是一个 JavaScript
                  编译器。</small></a>
            </h3>
            <p>Babel 是一个 JavaScript 编译器。Babel 通过语法转换器支持最新版本的 JavaScript 语法。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
            target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/lernajs.png"
              alt="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。">
          </a>
          <div class="caption">
            <h3>
              <a href="https://lernajs.bootcss.com/" title="Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。"
                target="_blank" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'lernajs'])">Lerna
                <br><small>中文文档</small></a>
            </h3>
            <p>Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。</p>
          </div>
        </div>
      </div>

      <div class="col-sm-6 col-md-4 col-lg-3 ">
        <div class="thumbnail">
          <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
            onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">
            <img class="lazy" src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/null.png"
              width="300" height="150"
              data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/bootstrap-docs.png"
              alt="Bootstrap 文档全集">
          </a>
          <div class="caption">
            <h3>
              <a href="http://docs.bootcss.com/" title="Bootstrap 文档全集" target="_blank"
                onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'docs'])">Bootstrap Docs <br><small>Bootstrap
                  文档全集</small></a>
            </h3>
            <p>这里收集了 Bootstrap 从 V1.0.0 版本到现在，整个文档的历史。Bootstrap 本身就是一个传奇，而这些文档就是传奇的见证！</p>
          </div>
        </div>
      </div>

    </div>


  </div>
  <!-- /.container -->

  <footer class="footer ">
    <div class="container">
      <div class="row footer-top">
        <div class="col-md-6 col-lg-6">
          <h4>
            <img src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/img/logo.png">
          </h4>
          <p>我们一直致力于为广大开发者提供更多的优质技术文档和辅助开发工具！</p>
        </div>
        <div class="col-md-6  col-lg-6">
          <div class="row about">
            <div class="col-sm-3">
              <h4>关于</h4>
              <ul class="list-unstyled">
                <li><a href="/about/">关于我们</a></li>
                <li><a href="/ad/">广告合作</a></li>
              </ul>
            </div>
          </div>

        </div>
      </div>
      <hr />
      <div class="row footer-bottom">
        <ul class="list-inline text-center">
          <li><a href="http://www.beian.miit.gov.cn/" target="_blank">京xxxx号-6</a></li>
          <li>京公网安备xxxx</li>
        </ul>
      </div>
    </div>
  </footer>
  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery-unveil@1.3.2/jquery.unveil.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/markgoodyear/scrollup@2.4.1/dist/jquery.scrollUp.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@firstandthird/toc@1.4.1/dist/toc.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight-min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.24/dist/js/site.min.js"></script>

</body>

</html>
计算机技术之指尖密码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
机房设备、系统运行及维护记录表
01-02
机房设备、系统运行及维护记录表， 机房设备、系统运行及维护记录表！
CSDN自定义专栏封面
12-14
CSDN自定义专栏封面
CSDN MarkDown编辑器支持展示文章封面啦【8月1日】
CSDN 官方博客
08-02 3193
盼星星，盼月亮，盼到一周结束，C菌也终于带着更新来了～废话不多说，follow me！ CSDN博客产品用户体验优化 1、优化创作中心首页，调整「平台公告」位置 首页一分为三，将「平台公告」模块调整至第三栏展示，推荐指标窗口也同步调整到平台公告下方，不再收起；整体页面清晰明了，视觉效果大大提升～ 2、Markdown编辑器新增「展示封面」 功能推出有一段时间了，产品大大们自然不能厚此薄彼，快马加鞭给Markdown深度爱好者也安排上～！ 问答产品改进 １、我的问答列表新增「问题
设置CSDN博客的标题、域名、皮肤及代码皮肤
CCSS'S BLOG
02-10 3187
以前总觉的自己的CSDN博客很单调，后来有时间查了查，发现设置博客的标题、皮肤什么的都挺简单的，下面将设置的步骤罗列一下。 步骤一：打开博客并配置 首先登录博客，随便打开博客，我在这里打开了写博客；然后选择下图所示的“博客配置”，这样就可以设置博客的内容了。 步骤二：设置博客标题和描述 博客的标题是指打开博客后左上角显示的内容，比如“XX的专栏”。默认的是自己的登录名，通过修改
显示一个封面
wewaa的专栏
01-31 1307
显示一个封面假设要为项目创建一个封面。封面能够在应用程序启动时显示，并在应用程序初始化期间一直停留在屏幕上。显示封面是一件很简单的事情。下面是创建一个封面的基本步骤：1) 在创建了主窗体后，再创建一个窗体来作为封面。把这个窗体叫做SplashForm。2) 使用Project | Options菜单命令，确保SplashForm没有出现在Auto-Create列表中。3) 把SplashForm的
CSDN专属红包封面来啦！速领！
CSDN人工智能头条
03-25 232
微信红包封面有多火爆呢？微信群里出现一种怪相，一个红包扔出来，没人在意抢了多少钱，都在讨论红包封面：你这个红包挺好看，哪儿领到的？#红包封面话题更是经常承包微博热搜，全网都在分享自己抢到的...
CSDN专栏封面，制作专栏时可使用，png格式
08-22
一个CSDN专栏封面，制作专栏时可使用，png格式。 样式：灰色背景，正中间写着半透明小写字符c。
CSDN_封面_CSDN_封面
08-22
CSDN_封面_CSDN_封面
GameTDB-ds_coverS-US-2022-02-02.zip NDS游戏封面数据包
02-05
来自GAME TDB 的NDS游戏封面数据包，美版。 解压后放到`F:\_nds\TWiLightMenu\boxart`路径下即可
杭电文档封面
12-02
该文件为杭电文档的封面，在写文档时缺少封面，网上要3块才能从百度文库里下载下来，为了方便上传，供有需求的人使用
方案（标书）文本封面设计
12-19
网上收集的60多个方案标书封皮设计，是很好的素材！
今天给BLOG上面加了一张小轩新专辑里的封面照
开心小肉妞的天空
06-08 77
今天给BLOG上面加了一张小轩新专辑里的封面照 感觉还不错。昨天开始学CSS，还挺充实的，全当是玩，觉得网页这东西真是很好学，只是一个时间的问题。 posted on 2006-06-08 00:10 lbsjs 阅读(...) 评论(...) 编辑 收藏 ...
关于博客封面的提取与处理
逐梦者
11-22 1343
最近两天凯哥给我找了些好事干，所以忙了两天，加上学长们也没有出题，我就全身心的去做凯哥找的事——帮一个微博橙V认证的大V做封面图，整整做了两天。 本来以为这只是一个十分简单的事，可是不做不知道，这真的是件麻烦事，甚至超出了我的现有水平，然而我就喜欢干一些超出自己的现有水平的事，因为这样子可以快速进步，我是一个爱挑战自我的人。 首先，学长相中了一个别人微博的封面，一个非常复杂的图片，他想要稍微改动一下
在csdn平台写博客时，如何插入图片
user012的博客
06-28 1666
在创作第一篇csdn博客时，插入图片遇到了问题，下面介绍一下正确插入图片的方法（图片要符合格式、大小规范）。 完成上面5个步骤，就能成功插入图片了。 我遇到有种情况就是，按照这个步骤执行却看不到插入图片，原因是我用的IE浏览器兼容性太低，建议换成谷歌或者火狐浏览器。有时候步骤已经没问题了，这时候就要找找其他可能出问题的地方了。 ...
关于封面
weixin_33795833的博客
09-15 91
关于封面   有用的函数式编程（Real-World Functional Programming）图片上使用封面“雇员”这是第一个有这个东西在这个快（。展现的是一个工作人员或公务员。穿着高雅，戴大礼盖子，夹着伞。 19 世纪法国出版的Sylvain Maréchal 的四卷本区域穿着习惯，当中每一幅图都绘得非常精细，并手工着色。Maréchal 丰富多彩的收藏使我们想就在 200 年...
CSDN博客写文章如何选择封面，看完这篇博客就够了（数千字手把手教学）
Yu仙笙的博客
08-30 2552
总是看着别人的博客有绚丽、多彩、精致的封面，可是自己写博客选择封面的时候总感觉不符合题意、丑陋、不够精致。那么恭喜您点进了此博客，你将解决该问题，那么请跟随我的脚步，走进今天的个人心得分享吧！.........
2018年 CSDN博客背景皮肤设置
奋斗的菜鸟博客
09-09 9581
登录CSDN后，点击“我的博客”，如右图所示，
markdown封面
最新发布
06-21
Markdown封面通常指的是使用Markdown语法来创建文档或博客文章的标题页或者封面部分。Markdown本身是一种轻量级的标记语言，主要用来格式化文本内容，但并不直接支持制作复杂的图形或设计元素。不过，有一些Markdown...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值