rain_zhh-CSDN博客

原创 javascript操作数组的方法大全

js操作数组的方法一.ES5数组的方法 1.Array.isArray() 用来判断是否为数组 var arr = [1, 2, 3, 4, 5]; var obj = {}; console.log(Array.isArray(arr)); // true console.log(Array.isArray(obj)); // false 2.valueOf() 返回数组的原始值（一般情况下是数组本身） var arr = [1, 2, 3, '你好','lianyu']; c

2020-09-24 02:12:57 205

原创 HTML5新特性归纳

HTML5新特性归纳一.简介 Html5是下一代html的标准必须使用<!doctype html>进行声明 PS:对于中文网页需要使用<meta charset='utf-8'>声明编码,否则会出现乱码二.十大新特性 1.语义化结构化标签 1.section 表示页面中的一个内容区块 2.header 表示页面中的头部区域 3.footer 表示页面中的底部区域 4.nav 表示定义导航链接的区域 5.article 表示

2020-10-03 22:13:51 301

原创五大主流浏览器以及它的内核

五大主流浏览器以及它的内核一.简介浏览器最重要的部分是浏览器的内核,浏览器内核是浏览器的核心,也称之为"渲染引擎",用来解释网页语法并渲染到页面上,浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息,不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同的内核的浏览器中测试网页渲染效果. 二.浏览器内核组成浏览器内核可以分为两个部分: (1) 渲染引擎 (2) JS引擎内核负责取得网页的内容(HTML,XML,图像等等),整理讯息(比如j加入CSS),以及计算网.

2020-10-03 17:45:02 1755

原创 CSS清除浮动的方法以及优缺点

CSS清除浮动的方式一.背景先来了解下为什么要清除浮动? #box{ border:1px solid red; /* overflow: hidden; */ } #left{ float: left; width: 500px; height: 300px; background: green; } #right{ float: left; width: 500px; height: 300px; backgro

2020-10-03 11:32:11 394 1

原创 BFC的原理以及应用场景

BFC的原理以及应用场景一.定义 BFC(Block Formattin Context) 直译过来就是块级格式化上下文，它是页面中一块独立渲染的区域,有一套渲染规则,只有Block-level box参与,也就是只有块级盒子参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部无关 FC(Formattin Context)是W3C CSS2.1规范中的一个概念,它是页面中一块渲染区域,并且有一套渲染规则,它决定了其子元素如何定位,以及和其他元素的关系和相互作用,最常见的有

2020-10-03 11:02:20 795

原创 css中操作元素水平垂直居中的常用方法

css水平垂直居中的方法 1.绝对定位absolute 负margin 思路:使用绝对定位,负边距,需要知道子元素的宽高,且把子元素设置为position:absolute,再设置left和top为50%,再加上负边距,margin-left和margin-top相对于宽高各一半 <style> .box { background: red; width: 100px; height: 100px; positi

2020-09-25 00:38:10 155

原创 js中定义声明变量的三种方式var和let,const的区别

var和let,const区别一.var 1.var属于ES5范畴 2.预解析 var有预解析阶段，会被js解析器扫描，然后放到仓库，等待逐行代码的执行，此时var声明变量初始值为undefined； 3.声明提升 var会存在声明提升，当js解析器扫描到var关键字后，会将var声明的变量放到当前作用域的顶部 4.作用域全局作用域或者函数作用域 5.挂载对象 var声明的全局变量会挂载在window对象上二.let 1.let属于ES6规范 2.let只在.

2020-09-24 23:35:24 395

rain_zhh的博客