隐藏页面元素的常用方法 隐藏页面元素的四种方法Opacity将一个元素的opacity的属性值设置为0，也就是将元素设置为完全透明。元素依然存在页面上，会影响页面布局。元素绑定的事件依旧可以正常触发，读屏软件会阅读元素中的内容。属性可继承，子元素也可以通过改动自身的opacity属性值来实现可见。Visibility将一个元素的visibility的属性值设置为hidden。元素依然存在页面上，会影...
HTTPS协议 加密对称加密你和网站使用同一种加密方法来传输数据。缺点：如果保证秘钥只有你和网站知道，而不被黑客知道。优点：效率高、性能好。非对称加密加密方式为公钥加密，私钥解密。公私钥是一套存在的。你拿着网站的公钥加密你要发送给网站的数据，然后网站用自己的私钥解开并读取数据。网站再拿着你的公钥加密要返回给你的数据。然后你拿着你的私钥解开并读取数据。私钥都在各自的手上。但是有一个问题就是公钥如何获取。假...
HTTP协议 HTTP协议HTTP的工作原理1、客户端与服务器端通过TCP协议建立连接（三次握手）。2、客户端向服务器端发起HTTP请求。3、服务器返回响应信息给客户端4、断开连接（四次挥手）5、客户端将响应信息交给浏览器显示给用户在HTTP1.1协议中，默认会开启Keep-Alive，这样建立的TCP连接，就可以在多次请求中复用。HTTP报文的格式HTTP的报文分为三大部分，第一部分是请求...
TCP的三次握手和四次挥手 TCP的三次握手TCP头中有以下几种状态位：状态位描述SYN发起一个连接ACK响应、确定PSH表示有数据传输FIN结束连接RST重新连接URG紧急指针字段值有效TCP的连接建立，我们常常称为三次握手。其实就是一个请求、应答、再应答的过程。就跟我们平常不知道信号好不好的时候打电话一样，通常都会有这么一个场景：A：你好，我...
JS中的事件 事件事件句柄事件句柄（又称事件处理函数、事件监听函数），指用于响应某个事件而调用的函数。每一个事件均对应一个事件句柄，在程序执行时，将相应的函数或语句指定给事件句柄，则在该事件发生时，浏览器便执行指定的函数或语句。事件的定义为特定事件定义监听函数有三种方式：直接在HTML中定义元素的事件相关属性例如：<button onclick="alert('hello')">按钮&...
JS中的节点操作 DOM的节点操作create系列方法创建节点方法功能document.createElement（）创建一个元素节点document.createTextNode（）创建一个文本节点document.createDocumentFragment（）创建一个文档片段document.createComment（）创建一个注释节点高效创建节点的方...
如何解决HTML5标签在IE6-8浏览器中不能包裹子元素和不能应用CSS样式的问题 目的：主要用于解决HTML5标签在IE6-8浏览器中不能包裹子元素和不能应用CSS样式的问题。JS代码如下：<script> (function(){ if(! /*@cc_on!@*/ //IE的条件编译，IE浏览器会执行中间的代码，则条件为假，就会执行下面的代码。 0) return; var e="abbr,article,aside...
JS的数据类型及内置对象 js中的数据类型ECMAScript中有5种基本数据类型：undefined、null、boolean、number、string。还有一种复杂数据类型–object，object本质上是由一组无序的名值对组成的。ES不支持任何创建自定义类型的机制。type of操作符语法type of（变量）或type of变量功能检测变量类型返回值string、number、Boolean、...
CSS3动画 CSS3动画概念使元素从一种样式逐渐变化为另一种样式的效果。兼容性IE10+、Firefox16+、Chrome43+、Safari9+、Opera30+、Android（-webkit-）CSS3 animationanimation-name属性概念检索或设置对象所应有的动画名称。语法animation-name：keyframename | none；...
CSS3过渡 过渡概念允许CSS属性值在一定的时间区间内平滑地过渡，在鼠标点击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。兼容性IE10+、Firefox16+、Chrome26+、Safari6.1+、Opera12.1+transition-property属性概念检索或设置元素中的参与过渡的属性。属性值属性值描述none没...
CSS3转换 transform属性概念让元素在一个坐标系统中变形，这个属性包含一系列变形函数，可以移动、旋转和缩放元素。兼容性IE10+、FireFox16+、Chrome36+、Safari16+、Opera23+2D转换rotate属性值概念通过指定的角度参数对原元素指定一个2D旋转。语法transform：rotate（角度）；（正数表示顺时针旋转，负数表示逆时针旋转）tr...
CSS3文本效果 CSS3文本阴影text-shadow属性概念设置文本的阴影。语法text-shadow：h-shadow v-shadow blur color；属性值属性值取值描述h-shadowlength阴影在水平方向上的偏移量v-shadowlength阴影在竖直方向上的偏移量blurlength阴影模糊的效果color#xxxxx...
CCS3背景与渐变 CSS3背景背景图像区域background-clip属性概念：指定背景的绘制区域。属性值属性值描述border-box从边框开始显示背景图像padding-box从内边距开始显示背景图像content-box从内容区开始显示背景图像兼容性IE9+、FireFox、Chrome、Safari、Opera背景图像定位backgro...
CSS3边框与圆角 CSS3圆角border-radius属性概念一个最多可指定四个border-*-radius属性的复合属性，这个属性允许你为元素添加圆角边框。语法border-radius：length|% length|% length|% length|%(4个属性值只能为长度或者百分比)兼容性IE8+、FireFox4+、Chrome、Safari5+、Opera多个值的时...
CSS3选择器 新增基本选择器选择器概念语法格式兼容性子元素选择器选择某个元素的子元素父元素>子元素IE8+、FireFox、Chrome、Safari、Opera相邻兄弟选择器选择紧接在元素后的兄弟元素，它们具有同一父元素元素+兄弟相邻元素IE8+、FireFox、Chrome、Safari、Opera通用兄弟选择器选择元素后面的所有兄弟元素，它们具有同...
textarea placeholder 不显示 <textarea></textarea>标签之间不要有空格！！！例如：<textarea name="textarea" rows="5" cols="20" placeholder="请输入信息"></textarea>上面这行代码可以显示placeholder属性的值。 <textarea name="textarea" row...
HTML5新增标签与重定义标签以及属性变化 HTML5的DOCTYPE声明只需要简单的一行<!DOCTYPE html>，因为HTML5不基于SGML，所以不需要引用DTD（DTD可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构）。结构标签标签名描述article标记定义一篇文章header标记定义一个页面或者一个区域的头部nav标记定义导航链接section...
CSS中的position定位 position的属性属性名称作用static自然模型使元素定位于自然流中relative相对定位模型可定位的祖先元素absolute绝对定位模型使元素脱离常规流fixed固定定位模型使元素脱离常规流sticky磁贴定位模型relative与fixed的完美结合，制造出吸附效果position 5个属性的特点stati...
清除浮动防止高度塌陷 元素使用浮动以后会脱离普通流，导致浮动溢出这时候就需要清除浮动方法一：在浮动元素后添加一个空元素，并且写一行CSS代码clear：both。例如<div class="clear" style="clear:both"> <div>方法二：给浮动元素的容器添加一行CSS代码 overflow：hidden。方法三：使用CSS3的伪元素：after。并且在CSS...
CSS知识整理 CSS（Cascading Style Sheets）层叠样式表CSS使用方法类别引入方法位置加载行内样式在开始标签的style属性中HTML文档内同时内部样式在<head>标签中的<style>标签内部HTML文档内同时外部样式在<head>标签中用<link>标签引入CSS样式文件中页面加...
关注
