互联网【技术框架】【思维导图】【开发术语】
互联网的使用的技术框架的思维导图,涉及我们常见的码农接触开发术语,便于了解整体框架,如图所示:
- 浏览器、HTTP协议这些肯定要了解,
- 三剑客也必须掌握基础,三剑客都是最基本的要求:HTML,CSS,JavaScript
- W3C标准你得大概了解,
- HTML掌握了基础后,还有DOM、BOM这些都要懂
-
三剑客都是最基本的要求:HTML,CSS,JavaScript
UI框架’这个说法其实不准确,应该成为UI库;
最后的桌面应用开发相对少了一些了,目前较多的是移动应用开发,‘
在小公司的有个“好处”就是,经常要“造飞机”,技术栈的宽度和深度选择,得自己去权衡利弊。
可能在产品看来,煲饭的流程:通电、洗米、放米、合盖、按下开始键;
而在技术人员的角度,要思考的是如下:
- 1、内部的具体逻辑是如何实现;
- 2、不同分辨率下如何响应处理;
- 3、数据的处理等等;
框架是解决问题的工具:
- 前端框架(前端流行框架主要有Vue Ag React 修炼一门就够)、
- 服务端语言(eg:php,以前自己搭服务器,我用的后端语言就是PHP,很多公司的后端是Java)、
- Nodejs生态圈(不是框架)
MVC分层开发 Vue框架 就属于V层 Vue的开发思想就是MVCM 这是对MVC分层开发的延伸
目前较常见的技术栈有下面这些:
- HTML:HTML5
- CSS:CSS3 关于CSS,说漏了一点 现在已经不直接写CSS了,一般用预处理器比较多,目前有LESS和SASS
- JavaScript
- Vue.js:Vue是框架,围绕着框架出现了一些的UI组件库、包(package)等等,这些就属于Vue框架生态圈内容
- Webpack:Webpack是项目构建化工具,这个东西也挺折腾
- jQuery
- Bootstrap:Bootstrap这种属于UI库,里面已经用Css写好各种UI样式,比如按钮、滚动条、轮播图、导航条、表格等等,Bootstrap是响应式开发的UI库之一
- Less及相关UI框架和插件库。
- 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的时候就一直翻帮助文档