小乔与你同在

原创 对象篇--宿主对象

1 DOM（Document Objec Model）文档对象模型文档：表示整个html网页文档。对象：表示将网页中的每一个部分都转成一个对象。模型：表示用模型来表示对象之间的关系，方便我们获取对象。连起来理解就是将整个html网页文档转成一个个的对象，js通过这些对象对html文件进行操作。简单来说DOM指的就是html标签，js可以通过DOM来对html文档进行操作，学好这个我们就可以...

原创 对象篇--事件

事件是用户在访问页面时执行的操作，它包含了用户与页面的所有交互，比如单击，键盘按下某键等。简单来说事件就是当我们做出对应的动作时触发对应的代码。1 基础介绍window对象：浏览器对象。""和’'有区别？答：其实没什么区别，就是用来嵌套使用。（1）单引号里面使用双引号（2）双引号里面使用单引号2 事件定义方式：方式一：<元素 事件=”事件处理程序”>方式二：<元...

原创 对象篇--正则表达式

1 正则表达式RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。方式一：RegExp对象创建var reg = RegExp(“正则表达式”,”匹配模式”);方式二：使用字面量创建正则表达式var reg = /正则表达式/匹配模式；2 修饰符（1）i 执行对大小写不敏感的匹配。（2）g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。3 正则表达式案...

原创 对象篇--内置对象

1 一维数组在js中数组也是一个对象，是用来存储和操作一批具有相同类型数据的对象类型<script type="text/javascript">// 第一种：使用内置对象-Array对象,定义长度后在赋值 var arr = new Array(1); arr[0] = "1"; arr[1] = "2"; arr[100] = "3" console.lo...

原创 对象篇--自定义对象总结

1 创建自定义对象//方法一：创建一个函数，在进行创建对象var obj1 = new Object(); obj.name = "coco"; obj.getName = function(){ //要执行的代码体 }//方法二：创建对象同时进行赋值。var obj2 = { name:"coco", getName:function(){ /...

原创 对象篇--原型

我们所创建的每一个函数（方法），解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象，这个对象就是我们所谓的原型对象。（1）如果函数作为普通函数调用prototype没有任何作用（2）如果函数作为构造函数调用prototype，可以创建对象的__proto__属性来访问构造函数的prototype属性。<script type="text/javascript"&g...

原创 对象篇--构造函数

构造函数习惯上首字母大写，需要使用new关键字来调用，与java一样一创建对象就会调用构造函数。语法：function 函数名(){}var 对象名 = new 函数名();举列：学生对象<script type="text/javascript"> function getName(){ console.log(this.name); } func...

原创 设计模式--工厂模式

当我们创建多个对象，多个对象中有大量重复的属性和方法，那么我们就可以使用工厂模式来创建对象。写一个工厂来大批量生产对象。思考：怎么大批量生产对象呢？因为方法是可以反复调用的，所以我们可以通过定义方法来创建对象。<script type="text/javascript">/*1.创建多个对象*/ // var obj1 = new Object(); // obj1.n...

原创 异常--异常的使用及异常内部原理

1 异常抛出机制public static void main(String[] args) { //定义数组 int [] arr = new int[]{100,20,50,40}; //调用方法 int num = getElements(arr,4); System.out.println(num); }/* * 需求：对给定的数组的下标获取元素 * 参数：...

原创 对象篇--自定义对象、数据类型

1 创建对象使用new关键字创建对象，默认调用构造函数。var 对象名 = new 对象();1.1 向obj中添加属性方法一：对象名.属性名 = 属性值;方法二：对象[“属性名”]=属性值;(用于对特殊的属性名)1.2 读取对象中的属性方法一：对象名.属性名方法二：对象[“属性名”]如果没有则返回undefined1.3 删除对象的属性delete 对象.属性名dele...

原创 对象篇--对象的分类

1 内置对象由ES标准中定义的对象，在任何的ES的实现中都可以使用，比如String，Math，Date等。2 宿主对象由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象，比如BOM，DOM。3 自定义对象由开发人员自己创建的对象。....

原创 基础篇--数据类型转换、函数、递归、作用域、闭包

1 类型转换概念：各种基本的数据类型可以进行转换，JavaScript 提供了对应的方法来进行这些转换，但是很多时候这些转换是默认进行的作用：很多时候我们得到的数据类型不是我们最终想要的，所以需要进行转换的处理，比如字符串的数字转换成正常数字1.1 强制转换Number();parseInt();parseFloat();String();Boolean();1.2 隐式...

原创 基础篇--JavaScript的基础知识（数据类型、弹窗、运算符、流程控制语句）

1 什么是JavaScript，它和java有关系吗？JavaScript与java没有关系，javaScript是前端，是用来实现网页的功能部分。（1）脚本语言：不具备开发操作系统的能力，其只是具备操作浏览器功能，是只用来编写控制其他大型应用程序的“脚本”。（类似于小插件）。（2）弱类型语言：语法中变量对于类型的要求并不特别严格（Java是强类型语言）。2 JavaScript的优点（...

原创 HTML+CSS：总结

1 默认情况下，Div盒子元素宽度跟随父级一致，高度为0，对于一个div，只设置颜色，没有宽高，没有样式效果。必须给予高度，才会出现样式效果。2 浮动一般会抽离出来作为一个浮动类（.FR或.FL），但是也要看具体需求。在ul-li标签中，一般直接给li标签在style样式中添加浮动样式（float:left;），这样就避免了需要在每个li标签中添加浮动类。3 inherit和initial属性...

原创 CSS样式--常用CSS3

css3是css2的升级版本，有许多包含了许多新的功能和更加强大的属性。1 圆角与阴影1.1 border-radus 盒子圆角功能：可以将盒子的四个角设置为圆角的风格属性值：数值：border-radius:10px;百分比（基于宽度高度）：border-radius:50%;单个圆角：border-top-lelft-radius：上左角border-top-right-r...

原创 CSS样式--表单表格

1 表单1.1 表单的作用：表单通常是用于当需要收集用户输入的一些数据时，比如用户名用户密码，性别选项等等的时候1.2 表单的结构：表单的构成为一个表单区域（form）和若干表单元素（如input）（1）表单区域(相当于体检表)：规定一个表单作用的范围，以及提交的地址提交方式等等（2）表单元素（相当于体检表里面的详细信息）：用于收集具体数据的标签元素，有许多不同的类别，主要学习的就...

原创 CSS样式--定位

定位属性（position）允许元素相对于其自身所在的位置、父级元素移动、浏览器窗口（取决于属性值）进行移动。优点：1.这样的方式具有很好的灵活性，所以多用于元素需要移动到一些比较偏僻的位置2.定位元素会脱离普通文档流，所以通常用于一个盒子与其他元素重叠的时候，不对其他元素造成影响1 定位的属性与值定位的属性，通过不同的值，赋予元素不同定位的特性。1.1 relative 相对定位属...

原创 CSS样式--浮动

浮动是一个让元素拥有块级元素的特性但却可以在一排显示的属性，无论该元素是否是块级元素还是行内元素，与display:inline-block;的作用非常一致，但是也有很多不同点。1 浮动语法属性：float功能：将元素设置为浮动元素值：left 从左到右排列right 从右到左排列none 无浮动（1）浮动会影响后面兄弟的元素。（2）父级浮动，不会影响子级在父级排列的位置。...

原创 CSS样式-- 继承，规范，阿里图标

1 样式继承某些特定的css样式会被其后代元素继承，从而间接的生效，这种样式大部分为字体、文本样式。1）部分常见继承样式color、font、text-align、list-style、word-spacing、line-height…2）继承注意点①　a标签由于自身拥有字体颜色，所以无法继承字体颜色以及text-decoration也不能继承。②　继承属性的优先级较低3）强制继承（...

原创 CSS样式--字体、文本

1 字体样式字体样式是针对字体本身的一些修饰相关的样式，如字体的颜色，字体的大小等等1.1 color 字体颜色属性：color功能：设置字体的颜色值：（略）( 通用颜色值 )1.2 font-weight 字体粗细属性：font-weight功能：设置字体是否加粗值：关键字：bold-加粗 normal-默认（不加粗）数值：100~900（没有单位，且只有几百这种...

原创 CSS样式--背景、指针、透明度

1 背景背景显示在元素最底层的属性，不会影响到元素内的子级或者文字的正常排列，背景通常包含背景颜色和背景图片，两种形式1.1 background-color 背景颜色属性：background-color功能：设置元素背景的颜色，默认值为透明（transparent）值：1）关键字：red , blue , green , yellow , pink …2）16进制：#ffff...

原创 CSS样式-- 标签的特性

1 行级标签与块级标签我们可以发现并不是所有的标签我们都能为其添加宽度高度等等一些特定样式。根据能否设置宽高，在界面上默认的排列方式，能否设置内外边距等等的特性我们可以把标签大致分为行级和块级两种。1.1 行级标签的特性1）排列特性可以和其他标签在同一行排列2）宽高特性不支持设置宽高、宽高均由内容撑开。在样式中添加宽高，程序不会报错，但是不起作用。3）边距特性上下内外边距设置是生效...

原创 CSS样式--CSS选择器

1 选择器的概述css选择器，能对HTML结构中的一个或者一类元素通过选择器属性进行标记，然后可以通过这些标记找到对应的元素，为其添加样式。1.1 选择器分类1.1.1 标签选择器通过标签的名字，找到与标签名对应的元素：示例：选择器( 标签名 )：div{ margin:0; }选中标签： **<div></div>**特...

原创 CSS样式--CSS样式相关基础、盒子模型相关样式

1 样式作用CSS（Cascading Style Sheets）层叠样式表，当标签没有颜色没有内容时，在浏览器中看不出效果。因此样式表是配合标签使用，主要作用如下：1）装饰对于元素（可视标签）进行装饰，如背景色，边框线，字体等等2）排版布局对元素的排版控制，如元素的宽高，元素之间的距离，位置，元素横排显示等等2 样式书写样式写在style标签中，页面变好看的地方。1）选择器（选...

原创 HTML--标签元素

1 标签的分类1.1根据标签功能分类标签唯一的是与浏览器进行沟通，从功能上说主要分为两大类：a.头部标签（head之内）告诉浏览器与当前文件的一些相关信息，比如网页的标题( title )，网页的描述等等，这些信息通常不能被用户直接看到。b.可视标签（body之内）告诉浏览器应该直接呈现的东西，比如文字，图片（img ），超链接（a）等等，这些标签是一个网页主要组成部分，用户通常能够直...

原创 HTML结构--HTML基本概述

1 超文本标记语言超文本标记语言简称：HTML2 网页基本构成HTML如何构建一个网页？一个网页的基本构成，可以分为三个部分，结构（Tag），样式（CSS），行为（JavaScript）。如果把HTML构建一个网页比喻成，建一栋大楼：设计楼层布局，房间布局等，构建大楼的基本骨架结构贴瓷砖，抹白，过道，楼梯装修等，把基本骨架进行进一步的装饰安装电梯，路灯等功能性的设施HTML的优...

原创 面向对象--内部类

引言当A类中的内容需要被B类直接访问，而A类还需要创建B类对象，去访问B类的内容，这时候就可以直接将B类定义到A类的内部，这样访问更加便捷。这时候B类就称为内部类（内置类，嵌套类）。可简单理解为：两个类之间相互调用就可以使用类嵌套类。输出结果：8 81 内部类的编译在一个类中定义另外一个类叫做内部类，是一个独立的类（可以继承父类和实现接口），在编译之后内部类会被编译成独立的.class...

原创 面向对象--访问权限修饰符

1 Object类Object类是所有类的根类（超类），定义了所有对象具备的功能。API文档----应用程序接口导入源码选中equals，鼠标左键+ctrl，打开申明，打开Attach Source，选中external location，填写jdk路径下src包：（C:/Program Files/Java/jdk1.8.0_191/src.zip）底层代码就是==。但是equa...

原创 面向对象--多态

引言（1）动物类public abstract class Animals { public abstract void eat();} （2）狗类public class Dog extends Animals{ public void eat(){ System.out.println("骨头"); } public void lookHome(){ Syste...

原创 面向对象--接口

1 接口（interface）的定义接口内部只能定义常量和抽象方法。（1）在接口中所有的变量：静态常量（static final）（2）在接口中的所有方法：抽象方法（public abstract）接口中定义的方法不能有方法体，默认是public abstract。接口中定义的变量是常量，默认是public static final。即public static final 和publi...

原创 面向对象--抽象类

引言public class Dog { //叫 public void shout(){ System.out.println("汪汪汪汪汪"); }}public class Cat { //叫 public void shout(){ System.out.println("喵喵喵喵喵喵"); }}public abstract class Anima...

原创 面向对象--继承

1 继承的定义（extends）多个类中存在相同属性和行为时，将这些内容抽取到单独一个类中，那么多个类无需再定义这些属性和行为，只需继承那个类即可。多个类可以称为子类，单独这个类称为父类或者超类。2 继承的使用必须保证类和类之间有所属关系：is-a关系（xxx是zzz的一种）。将需要提高复用的代码进行抽取，定义到一个共性类（父类）中，3 继承的体现（1）java中只允许单继承，但ja...

原创 面向对象--this和static关键字

1 this关键字定义：this代表当前类的对象（谁调用我我就代表谁），记录的是对象的地址。应用：（1）访问对象的成员(包括属性、方法);（2）调用类的构造方法;引言一个类可以创建无数个对象，无数个对象都去调用一个构造方法，那么如果不指名到底是哪个对象，这样就会造成问题，因为构造方法并不知道到底是给哪个对象进行初始化的，所以java提供了this来对对象进行标识。（1）this(参...

原创 面向对象--面向对象思想、封装、构造方法

引言举例：手机有打电话，玩游戏，看电视功能。Phone{ Show(); //看电视 Call(); //打电话 Play(); //玩游戏}（1）面向过程其实就是通过方法体现，并且在主方法中不断的调用方法。每次我需要什么功能，我就自定义一个什么方法，然后在main方法中去调用。若在其它类中也想调用这个方法，只能在其它类中再次单独自定义一个方法然后再去调用。这就叫面向过...

原创 集合--案例：返回字符串中每个字母出现的次数

原创 集合--双列（Map）集合

1 接口 Map<K,V>Map类型集合每个元素值都包含两个对象：<键,值>。并且键在Map中不能有重复对象。类型参数：K - 此映射所维护的键的类型V - 映射值的类型将键映射到值的对象。一个映射不能包含重复的键；每个键最多只能映射到一个值。特点：（1）存储的是键值对（键，值）（1）集合中键唯一小技巧：在分析需求时，出现了对应关系。（1） 如果对应关系...

原创 集合--工具类（Collection类、Arrays类）

1 Collections工具类Collections类是集合框架中用于操作集合对象的工具类，内部提供的方法都为静态方法，可直接静态调用。List list = new ArrayList();list.add("hs");list.add("df");list.add("yy");// List没有指定泛型，list添加的是Object对象类型。String strMax = (S...

原创 集合--增强for循环、泛型

1 增强for循环（1）格式：for(数据类型 变量:遍历对象（集合或数组）){语句}变量就等价于next()方法返回的结果（2）原理：增强for循环底部原理仍然是调用了迭代器。（3）好处及弊端：简化了迭代器代码。只能做遍历元素操作，不能够在遍历的过程中对集合元素做其它操作。public static void main(String[] args) { // 创建对象并添加 ...

原创 集合--Set接口和List接口

JDK 不提供此接口（Collection）的任何直接实现：它提供更具体的子接口（如 Set 和 List）实现。Collection接口定义的是集合种类的共性内容，最基础的功能。1 List接口有序的 collection（也称为序列）。用户可以根据元素的整数索引（在列表中的位置）访问元素（有下标）；允许有重复的元素；List接口普提供了增删改查动作：（1）增加：add(element...

原创 集合--Collection集合

场景当数据多了要进行存储时，需要一个容器，存储固定长度的数据可以使用数组。但是如果数据的个数不确定，再使用数组就较为繁杂。Java就引入了另外一个可变的容器 ---- 集合在1.2版本之后，随着功能和需求的增多，将其不同种类的共性向上抽取，形成了体系，就出现了集合框架，有了更多种类的集合容器，用来完成不同的需求。这些集合容器是通过数据结构（存储数据的一种方式）来进行区分。集合框架的最顶层是一个...