cosmos033-CSDN博客

转载网页的渲染流程

向DNS发起请求，得到ip 根据得到的ip，发起TCP请求在TCP请求建立好的基础上，发起HTTP请求到负载均衡部分，请求到真实的服务器以Tomcat为例，首先，监听在80端口的connector将socket请求，封装成request和response对象，然后传给container。在container中，依次向Engine，Host，Context传递最终传递到serv...

2019-02-07 20:38:59 225

转载数值的整数次方

#include<stdio.h>double PowerWithExponent(double base,int exponent){ if(exponent == 0) return 1.0; if(exponent == 1) return base; double result = PowerWithExponent(base,exponent>>...

2019-02-07 20:37:14 186

转载打印0到最大的n位数

#include <stdio.h>#include <stdlib.h>void PrintToMaxNumRecursively(char *s,int lenght,int index){ if(index == lenght-1) { //Print(s); int i; //for(i=0;i<lenght;i++) //{ ...

2019-02-07 20:36:23 200

转载网络安全——常见的几种WEB攻击：

1.XSS攻击：指的是跨脚本攻击，指的是攻击者在网页中嵌套，恶意脚本程序，当用户打开网页时，程序开始在浏览器上启动，盗取用户的cooks，从而盗取密码等信息，下载执行木马程序。解决方法：XSS之所以会发生,是因为用户输入的数据变成了代码。因此,我们需要对用户输入的数据进行HTML转义处理,将其中的“尖括号”、“单引号”、“引号” 之类的特殊字符进行转义编码。 2.CSRF攻击：C...

2018-10-25 09:24:42 12299 1

转载 css——BFC 、IFC

FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC和IFC都是常见的FC。分别叫做Block Fomatting Context 和Inline Formatting Context。BFC：Block Formatting Context ...

2018-08-08 11:51:07 204

原创 CSS——选择器优先级、display常见属性

!important > 行内样式>ID选择器 > 类选择器class=伪类： > 标签 = 伪元素：：> 通配符 *> 继承 > 浏览器默认属性同级，子级内所有同级元素空格针对性子级 > 同级之后 + ...

2018-08-08 11:27:20 558

转载 css——position五种属性及特点

w3c中获取定义:static ：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。inherit：规定应该从父元素继承 position 属性的值。fixed ：生成绝对定位的元素，相对于浏览器窗口进行定位。（元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定...

2018-08-08 11:17:46 500

转载 css——水平居中与垂直居中方法

水平居中：① text-align:center; ② margin:0 auto; ③ width:fit-content; ④ flex ⑤ 盒模型 ⑥ transform ⑦ ⑧ 两种不同的绝对定位方法垂直居中：① 单行文本, line-height ② 行内块级元素, 使用 display: inline-block, vertical-align: middle;...

2018-08-08 11:00:08 284

转载 css——隐藏元素方法

tips：visibility: hidden; 这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在 opacity: 0; CSS3属性，设置0可以使一个元素完全透明 position: absolute; 设置一个很大的 left 负值定位，使元素定位在可见区域之外 display: none; 元素会变得不可见，并且不会再占用文档的空间。 transform: scale...

2018-08-08 00:01:19 297

转载 css——清除浮动的8种方法

1.结尾处加空div标签 clear:both 原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单、代码少、浏览器支持好、不容易出现怪问题缺点：不少初学者不理解原理；如果页面浮动布局多，就要增加很多空div，让人感觉很不好建议：不推荐使用，但此方法是以前主要使用的一种清除浮动方法 2.父级div定义 overflow:h...

2018-08-07 23:53:31 268

转载 HTML5和CSS3新特性

转自https://blog.csdn.net/chandoudeyuyi/article/details/69206236 http://www.cnblogs.com/star91/p/5659134.htmlHTML51.HTML5 新元素HTML5提供了新的元素来创建更好的页面结构：标签描述 <a...

2018-08-07 12:58:07 497

转载面试—自定义标签

<!DOCTYPE html><html xmlns:mine><head&g...

2018-08-07 12:49:07 239

转载面试—标签嵌套规则及 HTML转义

1.标签嵌套规则1>有些标签是固定的嵌套规则，比如ul包含li、ol包含li、dl包含dt和dd。2>块级元素与块级元素平级、内嵌元素与内嵌元素平级。3>块元素可以包含内联元素或某些块元素，但内联元素不能包含块元素，它只能包含其它的内联元素。4>有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素： h1、h2、h3、h4、h5、h6、p、dt...

2018-08-07 12:25:48 275

转载面试—DOM结构（DOM树）如何去优化DOM结构（DOM层级尽量小）

1. Document Object Model （简称DOM）既文档对象模型文档：就是我们的html页面文档对象：是页面中的元素文档对象模型：为了能够让程序--js去操作页面中的元素而定义的标准，通过 DOM，可访问 HTML 文档的所有元素把整个文档看成一棵树，树分支就是节点，同时定义了很多方法来操作这些节点，如下图是一个将html代码分解成的DOM树：DOM树中三种常...

2018-08-07 12:07:34 2065

转载面试— !Doctype的作用，严格模式和混杂模式的区别、以及如何触发两种模式

!Doctype是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5。 !Doctype的作用<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html...

2018-08-07 11:34:11 694

转载面试—html语义化，SEO的原理，什么是爬虫、怎么去写一个爬虫

html语义化：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。（1）当元素去掉或者丢失样式的时候能够让页面呈现出清晰的结构（2）有利于SEO（搜索引擎优化），语义化标签可以和搜索引擎建立良好沟通，有助于爬虫抓（3）取更多的有效信息——爬虫依赖于标签来确定上下文和各个关键字的权重...

2018-08-07 10:41:42 352

原创面试—块级、行内、内联元素的特点，常见的元素的特点属性（href、src的区别，alt和title的区别）

块级元素：每个元素独占一行；支持所有的样式；不设置宽度时宽度等于父元素宽度；换行符不会解析；常用的块状元素有：<div>,<p>,<h1>~<h6>,<ol>,<ul>,<dl>,<form>,<table>,&amp

2018-08-07 10:07:26 703

原创计时器的应用

2018-05-26 21:49:51 639

原创 ”innerHTML“的应用实例

<body> <button type="button">下一页</button> <ul> </ul> <script> var oUl = document.getElementsByTagName("ul")[0]; var oBtn = document.getElementsByTagNa

2018-05-21 21:08:40 434

原创 that与this的应用实例

<body> <button type="button">按钮1</button> <button type="button">按钮2</button> <button type="button">按钮3</button> <script&a

2018-05-21 20:52:43 185

原创索引值

<ul> <li></li> <li></li> <li></li> </ul> <script> var aLi = document.getElementsByTagName("li"); for(var i=0;i<aL

2018-05-21 20:47:36 1628

原创独立计数器

<body> <input type="button" value="0"/> <input type="button" value="0"/> <input type="button" value="0"/> <script> var aBtn =

2018-05-21 20:14:21 168

cosmos033的博客