1.框架和设计模式的区别
有很多程序员往往把框架模式和设计模式混淆，认为MVC是一种设计模式。实际上它们完全是不同的概念。 [7]
框架、设计模式这两个概念总容易被混淆，其实它们之间还是有区别的。框架通常是代码重用，而设计模式是设计重用，架构则介于两者之间，部分代码重用，部分设计重用，有时分析也可重用。在软件生产中有三种级别的重用：内部重用，即在同一应用中能公共使用的抽象块;代码重用，即将通用模块组合成库或工具集，以便在多个应用和领域都能使用；应用框架的重用，即为专用领域提供通用的或现成的基础结构，以获得最高级别的重用性。
框架与设计模式虽然相似，但却有着根本的不同。设计模式是对在某种环境中反复出现的问题以及解决该问题的方案的描述，它比框架更抽象；框架可以用代码表示，也能直接执行或复用，而对模式而言只有实例才能用代码表示;设计模式是比框架更小的元素，一个框架中往往含有一个或多个设计模式，框架总是针对某一特定应用领域，但同一模式却可适用于各种应用。可以说，框架是软件，而设计模式是软件的知识。
2.框架模式有哪些？
MVC、MTV、MVP、CBD、ORM等等；
框架有哪些？
C++语言的QT、MFC、gtk，Java语言的SSH 、SSI，php语言的 smarty(MVC模式)，python语言的django(MTV模式)等等
设计模式有哪些？
工厂模式、适配器模式、策略模式等等
简而言之：框架是大智慧，用来对软件设计进行分工；设计模式是小技巧，对具体问题提出解决方案，以提高代码复用率，降低耦合度。
3.HTML，CSS，JS之间的关系
本笔记是自己在浏览了各位前辈后拼凑总结下来的知识，供自己使用消化。后面会附上各种链接地址，尊重原创
最准确的网页设计思路是把网页分成三个层次，即：结构层(HTML)、表示层(CSS)、行为层(Javascript)。
一、HTML、CSS、JavaScript简介及简单分工
1、什么是HTML（超文本标记语言 Hyper Text Markup Language），HTML 是用来描述网页的一种语言。
2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值})
3、JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行
对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个很经典的例子是说HTML就像 一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思 考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。
如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人，没有Javascript、CSS是个毁容的植物人。
如果说HTML是建筑师，CSS就是干装修的，Javascript是魔术师。
来自 <http://www.cnblogs.com/dreamingbaobei/p/5062901.html>
html
作为网页内容的载体，HTML包含了用户需要浏览的内容，包括图文、视频，即构成网页的基本元素。HTML是网页的结构（Structure），需要有多种框架和布局，比如frameset框架集、iframe内联框架、div+css布局、table布局等，同时支持表单提交（HTML Form），包括基础表单、input输入框、输入框类型、文本域、列表、label等。
css
CSS的作用是效果，或者说是表现（Presentation），比如网页上的动态文字、文字的色彩、字体、动画效果。正是因为CSS的存在使得HTML变得丰富多样。学习CSS，可以从版本CSS3开始，要了解CSS3的动画效果，如2D变换、过渡、特殊图形的绘制，雪碧图、滑动门等等都是常见的效果；除此之外，CSS3还有媒体查询（Media Queries）、grid，以及多列布局、用户界面等。CSS部分需要配合HTML，并结合实例来加以学习，这样效果会跟好。
javascripe
如果说一个网页只有“结构”和“表现”，而缺少了用户与网页的交互，即行为（Behavior），那么这样的网页就如一潭死水，无法形成良好的用户体验。好的用户体验不仅可以让用户鼠标放在哪里、哪里就会产生人性化的效果，而且可以增强用户的可操作性，例如购物网站用户的订购，网页会实时显示用户的购物动态。这样一来，JavaScript就有了编程的意味。和其他编程语言一样，JavaScript也有数据类型、条件语句、分支语句、字符串详解、数组详解、对象、函数、数值、Math函数、作用域。js是浏览器解析的语言
一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。
4.LAMP
Linux 操作系统底层
Apache 服务器，属于次级服务器，沟通Linux和php
PHP 服务端脚本语言，使用php_module模块与Apache服务器关联，
Mysql 和 Web Aplication (其他web服务)，使用php_extensions 模块相关联
5.api
API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
说得更加通俗易懂一些，别人写好的代码，或者编译好的程序，提供给你使用，就叫做API.你使用了别人代码（或者程序）中的某个函数、类、对象，就叫做使用了某个API。操作系统已经为我们实现了很多功能，它们都被封装成了一个一个的函数，有成百上千个之多，这些函数就叫做 API。
各种编程语言自带的标准库其实也是API
C语言 API 以函数的形式呈现，例如 printf()、scanf()、fopen() 等。
Java API 主要以类的形式呈现，例如 String、Thread、Date 等。
C++ 是在C语言的基础上进行的扩展，所以 C++ API 既包含函数也包含类。
6.路由
路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。
7.URL
统一资源定位系统（uniform resource locator;URL）是因特网的万维网服务程序上用于指定信息位置的表示方法。
url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。
URL其实就是网址，它的英文简称叫做URL
基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://授权/路径?查询”。
8.php-cgi
php自带的解析器
web service（web服务器，比如Apache、ngiux）接受请求/index.html，web service会去根据路径查找，然后发送给浏览器，这时发送的是静态数据，如果接受的请求是/index.php是动态请求，nginx会找php-cgi去做数据处理。需要去找PHP解析器来处理，那么他会把这个请求简单处理后交给PHP解析器。Nginx会传哪些数据给PHP解析器呢？url要有吧，查询字符串也得有吧，POST数据也要有，HTTP header不能少吧，好的，CGI就是规定要传哪些数据、以什么样的格式传递给后方处理这个请求的协议。
9.前端框架
一：前端框架是什么意思
前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速的网站。
二：Web前端开发技术三要素
Web前端开发技术框架包括三个要素：HTML、CSS和JavaScript，当然还有很多高级的前端框架，比如bootstrap、Jquery等。主要是用来帮助高效的开发出前端页面。
三：使用前端框架的好处
使用前段框架可以降低界面开发周期和提高界面的美观性。
有些框架比较轻量，比如jquery，有些框架比较重量，比如extjs。一般来说重量的框架会封装更多的功能，比如extjs，封装的grid控件有很强的数据展示和操作功能。Node.js 是运行在服务端的 JavaScript(是运行环境)
HTML DOM 教程 DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。
原文：https://www.cnblogs.com/swk123/p/12468177.html