自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 BFC是什么?其实就是创建一个独立的盒子,盒子里面的子元素不会影响到外面元素,反之亦然

文章目录BFCBox:css布局的基本单位Formatting contextBFC的布局规则(渲染规则/约束规则)BFC的生成(即一个块级格式化上下文由以下之一创建)BFC应用场景场景1-解决margin叠加问题场景2-用于布局场景3-用于清除浮动,计算BFC高度总结BFC原理(渲染规则)如何创建BFCBFC应用场景参考BFC在解释什么是BFC之前,我们需要先知道Box、Formattin...

2020-04-04 16:10:36 959

转载 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 163

原创 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 258

原创 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 201

原创 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 194

原创 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 417

原创 再学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 542

原创 event对象的属性:clientX、clientY、pageX、pageY、offsetX、offsetY

clientX:距离可视窗口左面的距离clientY:距离可视窗口顶端的距离pageX:距离整个页面(超出可视窗口的页面)左面的距离pageY:距离整个页面(超出可视窗口的页面)顶端的距离offsetX:距离容器左面的距离offsetY:距离容器顶部的距离...

2020-02-22 12:08:16 352

原创 页面元素位置宽度的属性: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 376

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除