創造を続け、成長を加速させましょう！「ナゲッツデイリーニュープラン・6月アップデートチャレンジ」に参加して8日目です。クリックしてイベントの詳細をご覧ください。
フロントエンドテクノロジーマップ：あなたが学んだことを確認しますか？
1.前に書く
フロントエンドのテクノロジー更新の反復は、各エンドに比べて比較的高速であり、古いテクノロジーを最適化する価値がないのか、業界のトップが「カーリーすぎる」のか、フロントエンドの交換コストが低すぎるのかわかりません。 。幸い、基本的には、JavaScript、HTML、CSSの3つの基本的なフロントエンド（Webフロントエンド）を中心に展開しています。
ヒント：なぜテクニカルマップを組み合わせるのですか？
A：テクニカルマップを整理し、市場のニーズに対応し、時代の発展に遅れずについていき、リークをチェックしてギャップを埋めることは、多くのプログラマーがすべきことかもしれません。
以下は作成されたチャートです。
第二に、地図の説明
フロントエンドテクノロジ（ツールまたはフレームワーク）は、次の7つのカテゴリに分類されます。
- 【1 三类语言】
- 【2 技术框架】
- 【3 工具】
- 【4 UI组件库】
- 【5 js宿主环境】
- 【6 主题业务技术（框架or工具）】
- 【7 小程序】
复制代码1.【13種類の言語】
[13種類の言語]には次のものがあります。
- 【1.1 编程语言】
- 【1.2 标记语言】
- 【1.3 层叠样式表语言】
复制代码その中には、[1.1プログラミング言語]が含まれます。
- 1.1.1 JavaScript（web 前端三大基础之行为，属必知必会）
- 1.1.2 TypeScript（微软出品，js 的超集。ts于js，好似sass之于css）
- 1.1.3 Java（很多科班毕业的前端都会点 Java 信不信？就好像很多 java 后端都会点 vue）
复制代码その中には、[1.2マークアップ言語]が含まれます。
- 1.2.1 HTML（超文本标记语言，web前端三大基础之结构，属必知必会。有意思的是，
js有火热的超集ts，css也有火热的超集sass，同为三大基础的 html 却没有火热的超集，
是html太优秀吗？一个script标签容纳js，一个style标签容纳css，一个video标签容纳视频，
html 万物皆可一个标签容纳？）
- 1.2.2 XHTML（可扩展超文本标记语言，类似 HTML，语法上更严格）
- 1.2.3 XML（可扩展标记语言）
复制代码その中には、[1.3カスケードスタイルシート言語]が含まれます。
- 1.3.1 css（层叠样式表Cascading Style Sheets，web 前端三大基础之表现）
- 1.3.2 sass（自述是世界上最成熟、最稳定、最强大的专业级CSS扩展语言！css 预处理语言之一。）
- 1.3.3 less（比较受欢迎的css预处理语言之一）
复制代码2.[2テクニカルフレームワーク]
[2技術フレームワーク]には6つのカテゴリが含まれます。
- 2.1 Vue.js（前端三大主流框架之一，国内人气较高）
- 2.2 React（前端三大主流框架之一，江湖地位挺高）
- 2.3 Angular（前端三大主流框架之一，遵循 HTML 标准）
- 2.4 jQuery.js（曾经最受欢迎的前端框架）
- 2.5 Bootstrap （自述是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目）
- 2.6 跨平台
复制代码その中で[2.1Vue.js（国内で人気の高い3つの主流のフロントエンドフレームワークの1つ）]は次のとおりです。
その中で[2.2React（3つの主要なフロントエンドフレームワークの1つであり、川や湖で高いステータスを持っている）]は次のとおりです。
残りの2.3、2.4、2.5、および2.6は次のとおりです。
3.【3つのツール】
[3つのツール]は4つのカテゴリに分類されます。
- 3.1 工程化构建工具
- 3.2 代码版本管理
- 3.3 包管理工具
- 3.4 开发工具
复制代码4.[4UIコンポーネントライブラリ]
[4 UIコンポーネントライブラリ]は、PCとモバイルの2つのカテゴリに分類され、7つのタイプがあります。
- 4.1.1 Element UI（被广泛使用的PC端UI库）
- 4.1.2 iView（后更名View UI，更专注于专业版维护）
- 4.1.3 Ant Design （一个 UI 设计语言，PC端UI库）
- 4.1.4 Vant（一个移动 web 不错的 UI库，算首选不为过）
- 4.1.5 Mint UI（饿了么出品移动端UI库，已停维）
复制代码5.[5jsホスティング環境]
[5 jsホスティング環境]には、次の2つのカテゴリがあります。
- 5.1 Node.js（运行在服务端的 JavaScript。 Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台）
- 5.2 浏览器
复制代码それらの中で[5.2.14つの主要なコア]は次のとおりです。
- Trident（IE浏览器内核）
- Gecko（Firefox 浏览器内核）
- Webkit（Safari浏览器内核，曾是 Chrome 和 Opera 浏览器的内核）
- Blink（现在 Chrome 和 Opera 浏览器的内核）
复制代码[5.2.25つの主要なブラウザ]は次のとおりです。
- Internet Explorer（IE浏览器，曾是霸主，即将退役）
- Chrome（现在的霸主）
- Firefox（Mozilla开发的自由及开放源代码的网页浏览器，和那家浏览器史上特殊的公司有关联-网景）
- Safari（苹果公司发布）
- Opera（挪威Opera Software ASA公司旗下的浏览器）
复制代码6. [6トピックのビジネステクノロジー（フレームワークまたはツール）]
[6つのテーマのビジネステクノロジー（フレームワークまたはツール）]は、次の3つのカテゴリに分類されます。
- 6.1 地图服务
- 6.2 图谱与可视化
- 6.3 部署服务
复制代码その中には[6.1マップサービス]が含まれます：
その中には、[6.2 AtlasandVisualization]が含まれます。
その中には[6.3展開サービス]が含まれます。
7.【7ミニプログラム】
【7ミニプログラム】6つのカテゴリーに分類：
- 7.1 微信小程序
- 7.2 支付宝小程序
- 7.3 百度小程序
- 7.4 QQ小程序
- 7.5 字节小程序
- 7.6 快应用（不提也罢系列，九大手机厂商基于硬件平台共同推出的新型应用生态）
复制代码その中には[7.1WeChatミニプログラム]が含まれます。
3.後ろに書いてください
参考のために、個人的な使用のために整理します。