一、互联网原理1.1概述html：就是用来制作网页。互联网原理：上网即请求数据。用户通过在浏览器上输入一个网址，通过HTTP协议向服务器发送请求，服务器做出响应，将相关的网页数据传输到本地计算机，在浏览器上渲染出来。数据：文字、图片、视频、音频等。1.2服务器服务器：sever作用：存放我们的数据。服务器必须24小时在线，掉线了数据访问不到，就不能正常访问网页。可以通过个人的计算机里面的一些软件（

一、响应式的实现-媒介查询@media实现方式一：把media限定到link中实现方式二：把media写到css代码中留活口，ie兼容@charset“utf-8”;*{margin:0;padding:0;}aside{height:200px;width:20%;float:left;background:orange;}div{height:200px;width:40%;float:lef

一、条件语句条件语句格式一：if(条件表达式){条件表达式成立执行的语句;}条件语句格式二：if(条件表达式){条件表达式成立执行的语句;}else{条件表达式不成立执行的语句;}条件语句格式三：if(条件表达式一){条件表达式一成立执行的语句;}elseif(条件表达式二){条件表达式二成立执行的语句;}elseif(条件表达式N){条件表达式N成立执行的语句;}else{以上条件表达式都不成立

复习：雪碧图使用：PS切图à应用雪碧图又叫CSSSprite或CSS精灵将页面中碎小的图片集中在一张比较大的图片进行加载，这样的目的是为了减少http请求，增加页面加载的速度雪碧图的实现关键在于background-position的调整雪碧图分为标准的雪碧图和不标准的雪碧图定位positionStatic静态定位(默认)Relative相对定位相对于本身的移动，并没有脱离文档流，还占有原来的位置

一、背景相关属性Background-colorBackground-imageBackground-repeatBackground-positionBackgroound-attachmentBackground-sizeBackground可以同时添加多张背景图片，如果有颜色，颜色搁在最后一个背景图片的前面Background-origin背景起源，背景原点位置Backgroufn-clip

一、常见的布局1.1固定布局(基本的布局方式)1.2百分比布局(流式布局)width、heigth、padding、margin使用百分比进行布局width、padding、margin相对父元素的宽度进行百分比设置height相对父元素的高度进行百分比设置面试题：border不能用%写绝对定位的元素，如果用%写width、height、padding，分别参考的是自己的定位参考父元素的width

复习：1.1布局模型——前端培训机构与盒子模型一样是最基础、最核心的东西，但是布局模型是从盒子模型基础上进行布局的。流动模型flow、浮动模型float、层模型：绝对定位、固定定位流动模型flow流动模型其实就是一个标准流模型，按照我们书写的html结构顺序，依次按照元素默认的类型在浏览器进行渲染；块状元素独占一行，非块状元素从左到右依次排列。元素类型分类：块状元素block行内元素inline行

一、Ionic移动端有三种开发方向源生APP开发，移动端web开发混合开发（介于以上两者之间的）类微信小程序reactNative，用react语法，开发app。但是与浏览器端不是同一套组件hybird，cordova等，代表就是angular，ionic等，采用浏览器内核渲染视图，实现源生app，所以支持html，css，js等前端语言angular6.0是面向企业级大型项目开发的，因此实现了工

一、jquery1.1jquery历史官网：www.jquery.com看见logo和slogan（口号）：写更少的代码，做更多的事情。官网的自我介绍：jQueryisafast,small,andfeature-richJavaScriptlibrary.jQuery是一个快速、小巧的、特点众多的JavaScript库。ItmakesthingslikeHTMLdocumenttraversal

web前端日趋火热，不只招聘市场需求量大，还有一个重要的原因便是，入行门槛低，入门简单。单是关于许多小白同学来说还是有点担心，不知道零基础能不能学习web前端开发？以为没那么简单。其实web前端是一个先松后紧的学科，前期入门较为简单，下面就为咱们详细介绍web前端开发的相关内容。一、web前端入行门槛低吗?关于这个问题，应该辩证地看。相关于IT技能类的其他岗位，web前端肯定算是门槛较低的，当然对

一、前端页面三个组成部分HTML结构CSS表现JavaScript行为二、什么是JS?由网景（NetScape）公司开发，前身叫做LiveScript;一门基于(面向)对象、面向客户端浏览器，事件驱动的脚本语言;轻量级但功能强大的(类)编程语言；可以用来制作网页游戏交互式操作制作动画等等JS之父布兰登·艾奇JS与JAVA异同点？详见公众号三、JS三个组成部分ECMA核心API:JS基本语法、常量变

爱创课堂前端源码笔记——canvas一、canvascanvas是HTML5新增的标签用于提供“画布”可以通过canvas元素获取对应的“上下文”（可以理解为画笔）来操作显示内容canvas的标准属性有width和height(例如id,class这些都属于通用标准属性)width:表示canvas的宽hieght:表示canvas的高举例：1样式：获取画笔的方式：1获取对应的canvas元素1/

复习：1.1布局模型——前端培训机构与盒子模型一样是最基础、最核心的东西，但是布局模型是从盒子模型基础上进行布局的。流动模型flow、浮动模型float、层模型：绝对定位、固定定位流动模型flow流动模型其实就是一个标准流模型，按照我们书写的html结构顺序，依次按照元素默认的类型在浏览器进行渲染；块状元素独占一行，非块状元素从左到右依次排列。元素类型分类：块状元素block行内元素inline行

效果展示图：90复习：布局模型三种方式：流动模型、浮动模型、层模型1.浮动floatleftrightnone清除浮动clear:left||right||both浮动会使父元素塌陷，造成结构不能按照正常的顺序显示，会影响其他结构：1.1给父元素设置高度1.2外墙法1.3可以在父元素后面同级元素上设置清除浮动1.4内墙法：父元素内部的结尾处添加一个空的div，设置clear:both;1.5ove

一、常见的布局1.1固定布局(基本的布局方式)1.2百分比布局(流式布局)width、heigth、padding、margin使用百分比进行布局width、padding、margin相对父元素的宽度进行百分比设置height相对父元素的高度进行百分比设置面试题：border不能用%写绝对定位的元素，如果用%写width、height、padding，分别参考的是自己的定位参考父元素的width

一、前端页面三个组成部分HTML结构CSS表现JavaScript行为二、什么是JS?由网景（NetScape）公司开发，前身叫做LiveScript;一门基于(面向)对象、面向客户端浏览器，事件驱动的脚本语言;轻量级但功能强大的(类)编程语言；可以用来制作网页游戏交互式操作制作动画等等JS之父布兰登·艾奇JS与JAVA异同点？详见公众号三、JS三个组成部分ECMA核心API:JS基本语法、常量变

一、Math对象JS中对象：内置对象、宿主对象、自定义对象对象是属性与功能的集合。例如把张三看做是一个对象，那么他有身高、体重等等特征，那么这就是属性；还有吃饭、学习、救人的功能，这就是方法。属性和方法的调用对象.属性对象.方法()Math对象属于内置对象，用来执行数学运算Math对象的属性：PI返回圆周率，3.1415926...Math对象的方法：abs()返回绝对值ceil()向上舍入flo

jquery项目实战——爱创课堂专业前端培训一、函数节流函数节流：可以使一些频繁触发的函数事件受到限制，可以使函数在一定的时间之内或者满足某些条件之后再去执行。

一、函数节流函数节流：可以使一些频繁触发的函数事件受到限制，可以使函数在一定的时间之内或者满足某些条件之后再去执行。设一个变量lock取值是布尔值varlock=true函数可以执行lock=false，函数不可以执行举例：1//定义锁varlock=true;2functiona(){3if(!lock){4return;5}6lock=false;7}81.1延时器可以比喻成定时炸弹，在一定的

一、内置构造函数1.1String这是一个内置构造函数，它是string值类型的对应包装类型这也就是为什么字符串可以调用方法的原因举例：1//String是string值类型的对应包装类型2varstr="abcdefg";3console.log(str[1]);4//转为对应的包装类型5varstr_obj=newString(str);输出：11.2Boolean这是一个内置构造函数，它是b

一、内置构造函数1.1String这是一个内置构造函数，它是string值类型的对应包装类型这也就是为什么字符串可以调用方法的原因举例：1//String是string值类型的对应包装类型2varstr=“abcdefg”;3console.log(str[1]);4//转为对应的包装类型5varstr_obj=newString(str);输出：1.2Boolean这是一个内置构造函数，它是bo

JavaScript源码笔记（第八天）—web前端培训一、排他思想1二、对象对象是特征与行为的集合。它由花括号包裹的名值对，中间用逗号隔开。1{name:“zhangsan”,age:23}创建对象的方式：字面量new关键字访问对象的属性和方法obj.att||obj[‘att’]obj.fn()//字面量的方式来创建对象varstu={name:"张二狗",age:23,height:180,h

JavaScript源码笔记（第七天）—web前端培训一、DOM介绍DOM:DocumentObjectModel文档对象模型，用来表示和操作html或xml文档内容的基础API；当网页被加载时，浏览器会创建对应的文档对象模型，而DOM模型被构造为对象的树（DOMHtmlTree简称DOM树，详见资料res）DOM包含了所有的html标签、文本字符串、甚至时html注释。利用DOM中的属性和方法，

JavaScript源码笔记（第六天）—前端培训机构一、JS中的对象JS对象有三种：内置对象、宿主对象、自定义对象JS中，除了undefined之外，所有的东西都可以看做是对象今天主要介绍三种内置对象，在js中这三个内置对象都已经内定了自己的属性和方法供开发者使用。String字符串对象、Array数组对象、RegExp正则表达式对象二、数组Array对象数组是由中括号包裹的各种数据类型的一系列数

一、互联网原理1.1概述html：就是用来制作网页。互联网原理：上网即请求数据。用户通过在浏览器上输入一个网址，通过HTTP协议向服务器发送请求，服务器做出响应，将相关的网页数据传输到本地计算机，在浏览器上渲染出来。数据：文字、图片、视频、音频等。1.2服务器服务器：sever作用：存放我们的数据。服务器必须24小时在线，掉线了数据访问不到，就不能正常访问网页。可以通过个人的计算机里面的一些软件（