- 博客(22)
- 收藏
- 关注
RSS订阅原创 BFC是什么？其实就是创建一个独立的盒子，盒子里面的子元素不会影响到外面元素，反之亦然
文章目录BFCBox：css布局的基本单位Formatting contextBFC的布局规则(渲染规则/约束规则)BFC的生成（即一个块级格式化上下文由以下之一创建）BFC应用场景场景1-解决margin叠加问题场景2-用于布局场景3-用于清除浮动，计算BFC高度总结BFC原理(渲染规则)如何创建BFCBFC应用场景参考BFC在解释什么是BFC之前，我们需要先知道Box、Formattin...
2020-04-04 16:10:36
961
转载 Web服务器工作原理
概述：Web服务器概念较为广泛，我们最常说的Web服务器指的是网站服务器，它是建立在Internet之上并且驻留在某种计算机上的程序。Web服务器可以向Web客户端(如浏览器)提供文档或其他服务，只要是遵循HTTP协议而设计的网络应用程序都可以是Web客户端。Web服务器和HTTP服务器可以说是同一个东西，当然非得细分的话，HTTP服务器是建立在HTTP协议之上的提供文档浏览的服务器，更多的是提...
2020-03-29 22:42:27
537
原创 浏览器工作原理
文章目录**1、浏览器的主要功能****2、浏览器的主要组件****渲染引擎****获取了文档内容之后，渲染引擎开始正式工作，其基本流程如下所示：****解析****上下文无关文法****非上下文无关文法****html解析****css解析 ****js解析 ****预解析Speculative parsing****渲染树的构造****渲染树和Dom树的关系****3、浏览器工作原理****4...
2020-03-28 00:37:09
620
原创 05-HTML5强大的新 API，09-Web Workers
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-10 00:18:01
188
原创 05-HTML5强大的新 API，08-SSE(服务器发送事件)
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 23:58:52
295
原创 05-HTML5强大的新 API，07-Web Sockets
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 23:54:19
195
原创 05-HTML5强大的新 API，06-应用程序缓存
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 23:32:37
164
原创 05-HTML5强大的新 API，05-Web SQL
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 22:58:45
259
原创 05-HTML5强大的新 API，04-web 存储
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 22:46:09
175
原创 05-HTML5强大的新 API，03-地理定位
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 22:35:48
203
原创 05-HTML5强大的新 API，02-拖放 API
HTML5 API：1、文件 API （规范与本地文件进行交互的标准方法）2、拖放 API （提供了直接支持拖放操作的API）3、地理定位 （获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL （在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...
2020-03-09 22:23:12
143
原创 05-HTML5强大的新 API，01-文件 API
HTML5 API1、文件 API2、拖放 API3、地理定位（获取地理位置信息）4、web 存储 （在本地存储用户的浏览数据） 5、Web SQL 6、应用程序缓存 （离线应用程序）7、Web Sockets （通信API）8、SSE9、Web Workers （使用Web Workers处理线程）1、文件 API<input type = "fil...
2020-03-09 21:32:01
162
原创 04-HTML5强大的多媒体支持（借由 video和audio）
video—最好的 HTML 解决方法<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src=...
2020-03-09 17:17:22
195
原创 03-HTML5强大的图像支持（借由canvas和svg）
web端图像绘制手段：canvas：绘制位图， 图像中不会产生任何新的dom对象。SVG：绘制矢量图，图像中包含子dom节点方便js交互。位图成像是以像素为单位的，而矢量图是以线条为构成单元 位图放大后会失真，清晰度下降，但矢量图支持缩放，不会因缩放产生图像失真。但是位图成像色彩更丰富。<canvas id="canvas" width="" height=""></ca...
2020-03-09 16:20:11
230
原创 02-HTML5新的表单控件，比如数字、日期、时间、日历和滑块。
HTML5 增加了多个新的输入类型：color 用于应该包含颜色的输入字段。date 用于应该包含日期的输入字段。datetime 允许用户选择日期和时间（有时区）。datetime-local 允许用户选择日期和时间（无时区）。email 用于应该包含电子邮件地址的输入字段。month 允许用户选择月份和年份。number 用于应该包含数字值的输入字段。range ...
2020-03-09 15:57:11
1038
原创 01-HTML5新的语义标签比如 <header>, <footer>, <article>, <section>,<aside>等
HTML5新的语义标签：headerfooternavmainsectionasidearticlemark定义有记号的文本timedetails定义元素的细节。（详细信息）summary为 元素定义可见的标题。figure定义媒介内容的分组，以及它们的标题。figcaption定义 figure...
2020-03-09 15:40:18
421
原创 再学Apache服务器
文章目录Apache介绍:Web服务器的工作原理：Apache的目录结构与配置指令：Apache服务器的参数设置Apache服务器中使用的配置段（容器）配置虚拟主机Apache介绍:网站只有发布以后，用户才能通过Web浏览器访问到该网站中的信息资源。Web服务器软件就是用于发布网站的服务器，而Apache是世界使用排名第一的Web服务器软件，它可以运行在几乎所有广泛使用的计算机平台上。它是自由...
2020-03-05 15:32:25
326
原创 Apache服务器的下载、安装、配置等等
一、Apache简介1、www概念解析Internet：也就是我们平时所说的互联网，有时候也叫因特网。Internet是网络与网络之间串连成的庞大网络，这些网络以一组通用的协议（TCP/IP）相连，形成逻辑上的单一的、巨大的国际网络。Intranet：也就是我们平时所说的企业内部网，或者直接简称为内网，它通常建立在一个企业或组织的内部，并为其成员提供信息共享和交流服务，比如说文件传输、电子邮...
2020-03-02 21:01:11
5390
原创 Web服务器
一、Web服务器：一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览；可以放置数据文件，让全世界下载。目前最主流的三个Web服务器是Apache、 Nginx 、IIS。二，当前互联网主流Web服务软件：Apache：中小型web服务的主流，web服务使用目前排名第一Nginx：大型网站web服务的主流，目前使用使...
2020-03-02 20:24:18
543
原创 event对象的属性：clientX、clientY、pageX、pageY、offsetX、offsetY
clientX：距离可视窗口左面的距离clientY：距离可视窗口顶端的距离pageX：距离整个页面（超出可视窗口的页面）左面的距离pageY：距离整个页面（超出可视窗口的页面）顶端的距离offsetX：距离容器左面的距离offsetY：距离容器顶部的距离...
2020-02-22 12:08:16
354
原创 页面元素位置宽度的属性：clientWidth、offsetWidth、scrollWidth、clientTop、offsetTop、scrollTop...
clientWidth / clientHeightoffsetWidth / offsetHeightscrollWidth / scrollHeightclientLeft / clientTop.offsetLeft / offsetTopscrollLeft / scrollTop元素位置宽度的属性：1、clientWidth / clientHeight (width + ...
2020-02-21 23:27:21
337
原创 读《曾国藩》上卷 唐浩明版 之感悟
修身之事：修身应当以《朱子全书》即朱熹的著作为宗旨。这部书应该熟读，以之作为日常功课，按着朱子的教导切切实实地履行，不宜将它当作泛泛而读的一般书籍对待。践行：在外，注重言行容止；在内：守定一个宗旨不分心。 读《朱子全书》重在践行。践行的要点在五字：诚、敬、静、谨、恒。不欺人，不自欺。以恭肃之心待人待物。用志不纷仍凝于神。不妄语，不大言。持之以恒，有度有节。每天用这五个字对照自身，切实反省。最好的...
2020-02-14 13:48:34
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人