バーの自動巻フロントのプロセスについて書くのは初めて

~~人生は簡単ではありませんああ~~（消さ）今日はまた、活力に満ち日です！

読書+ B + moocネットワークステーションネットワーククラスのレッスン公式API + +コードをノック！！

1まず、当然のHTMLのCSS

ただ、非常に理解していないCSSを書き始め、常にたびに、このような複合体を書くためになぜ尋ねます。。今私が思うことを本当にナイーブです。HTMLは記述言語のWebコンテンツで、フォントカラー画像のサイズ：CSSのようなそのスタイルを決定することであるなど。例この部分はHTML + CSSでの21日の熟達の多くのように読みます。本書の例では、理解、主に身近な感情や考えをノックされています。このようにすることができます。
このようにしています
HTMLコードは、おそらく長い道のりです

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> 
<title>你的第一个程序</title> 
</head>
<body>
 
<h1>bulabula</h1>
</body>
</html>

CSSコードは、おそらく長い道のりです

a {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    transition: 0.3s;
}

a:hover {
    box-shadow: 0 0 2px 1px rgba
    (0, 140, 186, 0.5);
}

そこFrameworkのブートストラップ

2のJavaScript＆jQueryの

JavaScriptが動作を記述する言語です。たとえば、ページ上のボタンをポイントすると、それはあなたのフィードバックを与えます。jQueryのは、それが一般的に使用される機能のためのJavaScriptコードをカプセル化するJSフレームワーク、最適化HTML文書の操作、イベント処理、アニメーションとAjaxの相互作用デザインにシンプルなJavaScriptのデザインパターンを提供します。以下は、有名なリトルレッドブックは良い利用の基本です。
ここに画像を挿入説明
jsのコードは、おそらく長い道のりです

<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>

以下は、jQueryの2冊の本の研究である
ここに画像を挿入説明
JQコードは、おそらく長い道のりです

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

3 ES6

（ES6と呼ばれる）のECMAScript 6が正式にリリースされ、正式にはECMAScript 2015（ES2015）と呼ばれる2015年6月における標準のJavaScript言語です。その目標は、JavaScript言語は、大規模で複雑なアプリケーション、エンタープライズクラスの開発言語を記述するために使用することができます有効にすることです。

ここに画像を挿入説明
ルアンYifengの先生は非常に強力で、添付のリンク エントリーES6標準を

es6代码大概长这样

for (var i = 0; i < 10; i++) {
  setTimeout(function(){
    console.log(i);
  })
}
// 输出十个 10
for (let j = 0; j < 10; j++) {
  setTimeout(function(){
    console.log(j);
  })
}

4 Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。 Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。
b站Node.js视频链接这个老师讲得挺好，而且人也很有意思。
中间还有讲一些MongoDB，学完基础的MongoDB的增删改查也就会了。

node代码大概长这样

var http = require('http');

http.createServer(function (request, response) {
    // 发送 HTTP 头部 
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {'Content-Type': 'text/plain'});
    // 发送响应数据 "Hello World"
    response.end('Hello World\n');
}).listen(1717);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:1717/');

5 Vue.js

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

b站Vue.js视频链接以及 Vue.js API

下面是一些基于Vue.js的框架

1.element-ui 官方网址
2.iview 官方网址
3.cube-ui 官方网址
4.at-ui 官方网址
还有很多…
vue代码大概长这样

<div id="app">
    <div v-html="message"></div>
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    message: '<h1>第一个vue代码</h1>'
  }
})
</script>

6 React.js

反応JAVASCRIPTは、ライブラリのユーザーインターフェイスを構築するために使用されます。主にUIを構築するために使用される反応し、多くの人が反応はMVC V（ビュー）であると思います。社内プロジェクトのウェブサイトを設定し、2013年5月にオープンするフェイスブック、およびInstagramの発祥反応します。
Bステーションビデオリンクフレームは、ここに表示されていない多くのがあります。

コードは、おそらく長い道のりです

<div id="example"></div>
<script type="text/babel">
  ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('example')
  );
</script>

もちろん、私が学んだことがないので角度は、言及しなかった3つのフレームがあります。（彼の後ろ）

ここではいくつかのコードエディタです

1. 崇高なテキストは、あなたがまだ始まったばかり、この提案を使用することができ、軽量な外観の優れたエディタです。
2. VSCode強力なプラグインが豊富。あなたは、直接（学んだノードがいかに重要かを知っているA）ターミナルを開くことができます
。3. Hbuilderも非常に良い試み
4. ポストマンのテストインタフェース。後端に接続した後、インタフェースは、最初、これは使用できない使用しようと、検出コードが正しいかどうかです。多くは、ライトバック、結果は多くの問題のバグから背中を見て、努力を無駄になりません。マイクロチャネルの開発ツール、特に小型のマイクロチャネルプログラムを書かれ、APIも非常に詳細な、自分でものを書くことのために、アプレット興味上で見ることができます。