kleinBlue.的博客

一 、静态页面布局传统页面布局，网页上的所有元素的尺寸一律使用px作为单位。静态页面布局通常有几下几种：1、表格布局2、层布局3、div+css样式表布局表格布局：表格布局容易把握，是最简单的一种总局方式，适用于初学者。设计网页的第一步是设计版面布局。所谓布局，就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。网页设计常用布局方法是表格布局。另外一种方便的工具，就是使用框架。框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。案例：①在

　超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。　　为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通

一、var在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量注意：顶层对象，在浏览器环境指的是window对象，在Node指的是global对象vara=10;console.log(window.a)//10使用var声明的变量存在变量提升的情况console.log(a)//undefinedvara=20在编译阶段，编译器会将其变成以下执行varaconsole.log(a)a=20...

一、扩展运算符的应用ES6通过扩展元素符...，好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1,2,3])//123console.log(1,...[2,3,4],5)//12345[...document.querySelectorAll('div')]//[<div>,<div>,<div>]主要用于函数调用的时候，将一个数组变为参数序列fu...

一、属性的简写ES6中，当对象键名与对应值名相等的时候，可以进行简写constbaz={foo:foo}//等同于constbaz={foo}方法也能够进行简写consto={method(){return"Hello!";}};//等同于consto={method:function(){return"Hello!";}}在函数内作为返回值，也会变得方便很多functi...

一、参数ES6允许为函数的参数设置默认值functionlog(x,y='World'){console.log(x,y);}console.log('Hello')//HelloWorldconsole.log('Hello','China')//HelloChinaconsole.log('Hello','')//Hello函数的形参是默认声明的，不能使用let或const再次声明functionfoo(x=5){...

如果要用一句话来描述，我们可以说Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构什么是集合？什么又是字典？ 集合 是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合 字典 是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同 区别？ 共同点：集合、字典都可以存储不重复的值 不同点：集合是以[值，值]的形式存储元素，字典是以[键，值]的形式存储 一、SetSet是es6新增的数据结构，类似于..

一、介绍Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码doSomething(function(result){doSomethingElse(result,function(newResult){doThirdThing(newResult,function(finalResult){console.log('得到最终结果:'+...

一、介绍Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同回顾下上文提到的解决异步的手段： 回调函数 promise 那么，上文我们提到promsie已经是一种比较流行的解决异步方案，那么为什么还出现Generator？甚至async/await呢？该问题我们留在后面再进行分析，下面先认识下GeneratorGenerator函数执行Generator函数会返回一个遍历器对象，可以依次遍历Generator函数内部的...

一、介绍定义：用于定义基本操作的自定义行为本质：修改的是程序默认形为，就形同于在编程语言层面上做修改，属于元编程(meta programming)元编程（Metaprogramming，又译超编程，是指某类计算机程序的编写，这类计算机程序编写或者操纵其它程序（或者自身）作为它们的数据，或者在运行时完成部分本应在编译时完成的工作一段代码来理解#!/bin/bash#metaprogramecho'#!/bin/bash'>programfor((I=1;I...

一、介绍模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。两个基本的特征：外部特征和内部特征 外部特征是指模块跟外部环境联系的接口（即其他模块或程序调用该模块的方式，包括有输入输出参数、引用的全局变量）和模块的功能 内部特征是指模块的内部环境具有的特点（即该模块的局部数据和程序代码） 为什么需要模块化 代码抽象 代码封装 代码复用 依赖管理 如果没有模块化，我们代码会怎样？..

一、介绍Decorator，即装饰器，从名字上很容易让我们联想到装饰者模式简单来讲，装饰者模式就是一种在不改变原类和使用继承的情况下，动态地扩展对象功能的设计理论。ES6中Decorator功能亦如此，其本质也不是什么高大上的结构，就是一个普通的函数，用于扩展类属性和类方法这里定义一个士兵，这时候他什么装备都没有classsoldier{}定义一个得到 AK 装备的函数，即装饰器functionstrong(target){target.AK=tr...