互联网【技术框架】【思维导图】【开发术语】

互联网的使用的技术框架的思维导图，涉及我们常见的码农接触开发术语，便于了解整体框架，如图所示：

1. 浏览器、HTTP协议这些肯定要了解，
2. 三剑客也必须掌握基础，三剑客都是最基本的要求：HTML，CSS，JavaScript
3. W3C标准你得大概了解，
4. HTML掌握了基础后，还有DOM、BOM这些都要懂

5. 三剑客都是最基本的要求：HTML，CSS，JavaScript

    

UI框架’这个说法其实不准确,应该成为UI库;

最后的桌面应用开发相对少了一些了,目前较多的是移动应用开发,‘

 

在小公司的有个“好处”就是，经常要“造飞机”，技术栈的宽度和深度选择，得自己去权衡利弊。

可能在产品看来，煲饭的流程：通电、洗米、放米、合盖、按下开始键；

而在技术人员的角度，要思考的是如下：

• 1、内部的具体逻辑是如何实现；
• 2、不同分辨率下如何响应处理；
• 3、数据的处理等等；

 

框架是解决问题的工具：

• 前端框架（前端流行框架主要有Vue Ag React  修炼一门就够）、
• 服务端语言（eg:php,以前自己搭服务器，我用的后端语言就是PHP，很多公司的后端是Java）、
• Nodejs生态圈（不是框架）

MVC分层开发  Vue框架 就属于V层   Vue的开发思想就是MVCM  这是对MVC分层开发的延伸

 

目前较常见的技术栈有下面这些：

1. HTML：HTML5
2. CSS：CSS3 关于CSS，说漏了一点 现在已经不直接写CSS了，一般用预处理器比较多，目前有LESS和SASS
3. JavaScript
4. Vue.js：Vue是框架，围绕着框架出现了一些的UI组件库、包（package）等等，这些就属于Vue框架生态圈内容
5. Webpack：Webpack是项目构建化工具，这个东西也挺折腾
6. jQuery
7. Bootstrap：Bootstrap这种属于UI库，里面已经用Css写好各种UI样式，比如按钮、滚动条、轮播图、导航条、表格等等，Bootstrap是响应式开发的UI库之一
8. Less及相关UI框架和插件库。
9. node.js

Node.js

• 前后端分离就涉及到技术选型 ，考虑到性能优化，这就需要Nodejs出场了 。 nodejs中间层，在服务器渲染好再响应给前端，实现各种业务逻辑 ，所谓的各种框架，最底层都是js
• Nodejs的话，也是博大精深  针对Nodejs，以前用的是框架是Express，模板引擎是artTemplate，现在有的公司用的框架是Koa，模板引擎用的是nunjucks
• Nodejs用JS写的 它的特点是  异步、非阻塞、基于事件驱动  可以让Js在Nodejs搭建的服务器上运行，不局限于浏览器，因为Js能跑起来，需要在浏览器的引擎
• 说到引擎，得了解各大浏览器的引擎，这几年涉及到兼容问题，Nodejs的出现，就意味着JS这个弱类型脚本语言可以运行在nodejs搭建的环境下
• 这是刚刚一直在讲的Nodejs，它是后台语言，这是这门语言的api，实际上，这不属于前端的范畴，但能力强的前端一般少不了一门后端语言，这仅仅是api，像三剑客的api你应该都感受过了，不要求记住每一个，但起码需要知道有这个api，我刚学Java的时候就一直翻帮助文档