自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(201)
  • 收藏
  • 关注

原创 4.2JS中自定义对象

第二种语法: 自定义构造函数创建对象(function)第一种语法:调用系统的构造函数创建对象(Object)第三种语法: 字面量的方式创建对象(JSON)1调用系统的构造函数创建对象。2自定义构造函数创建对象。3字面量的方式创建对象。

2023-01-08 21:05:35 6

原创 4.3JS中的原型的介绍

当我们用构造方法创建一个类时,在内存会预先调用构造方法创建一个对象,这对象我们称之为原型对象,构造方法对象中有一个prototype属性指向该对象,原型对象中有一个constructor属性指向构造方法.获得一个类的原型对象可以通过类名.prototype的方式获得.当前类的每一个对象内部有一个 _proto_的一个属性,指向他们的原型, 当我们用对象获取属性和调用方法时,如果当前对象中没有,那么会去他们所对应的原型对象中去找,也就是说,我们通过对原型的操作可以实现为一个类所有的对象添加属性和方法.

2023-01-08 21:00:33 3

原创 直接获取节点;操作节点属性

直接获取节点的几种方式。

2023-01-08 00:13:51 6

原创 七DOM编程学习-概念引入

document对象是window对象的一个成员属性,通过window.document来访问,当然也可以直接使用document,根据HTML代码结构特点,document对象本身是一种树形结构的文档对象。document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程的关键所在。结点对象:Node,document对象中的每一个分支点都是一个node对象,它有三个子类。1.查询元素(获取元素,进而操作元素,或者元素的属性,文本)

2023-01-08 00:09:55 6

原创 8.2echarts展示数据

Echarts快速使用。

2023-01-08 00:07:27 2

原创 8.1echarts的引入

ECharts(Enterprise Charts),一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。涉及行业包含金融、教育、医疗、物流、气候监测等众多领域,其中甚至包括阿里巴巴、腾讯、华为、联想、小米、国家电网、中国石化等。² series(系列,一组数值以及他们映射成的图)

2023-01-08 00:03:44 18

原创 2_2属性选择器

attribute1][attribute2] 复合属性选择器,需要同时满足多个属性。[attribute^=value] 匹配给定的属性是以某些值开始的元素。[attribute$=value] 匹配给定的属性是以某些值结尾的元素。[attribute*=value] 匹配给定的属性是以包含某些值的元素。[attribute=value] 匹配给定的属性是某个特定值的元素。[attribute!=value] 匹配所有属性不等于特定值的元素。[attribute] 匹配包含给定属性的元素。

2023-01-06 16:43:02 3

原创 2_1基本选择器

可以看到提供了众多的选择器,可以非常方便简单的获取要选择的内容。这些选择器其实我们并不陌生,因为在讲解CSS样式中都有类似的选择器,并且其含义也是一样的。不同的在CSS中是对选择的内容定义CSS样式,在jQuery中用来选择内容并后续进行更多的下步操作。类选择器 $(".class") $("h2.class")ID选择器 $("#id") $("p#id")并集选择器$("elem1,elem2,elem3")后代选择器$(ul li)标签选择器 $("a")通配选择器 $("*")

2023-01-06 16:40:23 3

原创 1_2jQuery初次使用

简写为$(function(){}),相当于window.onload=function(){}但是功能比window.onload更强大window.onload一个页面只能写一个,但是可以写多个$() 而不冲突,window.onload要等整个页面加载完后再执行(包括图片、超链接、音视频等),但是$()的执行时间要早。jQuery.min.js是jQuery文件的压缩版,生产环境下推荐压缩版,$是jQuery是使用最多的符号,它有多个作用。jQuery具有强大的选择器功能,后面会有专门章节进行介绍。

2023-01-06 16:37:46 4

原创 1_1jQuery简介

将常用的、复杂的操作进行函数化封装,直接调用,大大降低了使用JavaScript的难度,改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做,但使用jQuery能大幅提高开发效率,由美国人John Resig在2006年推出,目前最新版本是v3.5.1。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4。q 2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。

2023-01-06 16:32:47 6

原创 6_案例开发实现三级联动

使用china.sql生成area表格。AreaController代码。AreaService代码。

2023-01-06 00:05:44 4

原创 4_jsonp跨域处理

出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)本地路径地址:协议不一样IP不一致端口不一致IP不一致演示代码如下。

2023-01-05 23:58:49 5

原创 3_jQuery实现ajax的其他写法

至于jQuery的getJSON()函数,只是设置了JSON参数的ajax()函数的一个简化版本。仅仅是等效于上述函数,但是除此之外这个函数也是可以跨域使用的,相比get()、post()有一定优势。jQuery load() 方法是简单但强大的 AJAX 方法,load() 方法从服务器加载数据,并把返回的数据放入被选元素中。如果需要在出错时执行函数,请使用$.ajax。注意:$.getJSON是以GET方式提交数据,如果需要提交很大的数据量,可选$.post。callback:载入成功时回调函数。

2023-01-05 23:54:27 4

原创 2_jQuery.ajax()属性介绍

ajax异步提交的可选属性和方法较多,实际研发我们没必要写这么多,一般可以使用默认值的属性就可以省略不写,一些业务逻辑或者功能上不需要的方法也可以省略不写,由于属性太多,针对于一些特殊情况,jQuery也给我们提供了一些专用的方法,这样可以简化$.ajax的写法,每一种简化写法都相当于已经指定了$.ajax一些属性的值.”为正确的函数名,以执行回调函数。要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。

2023-01-05 23:47:41 3

原创 1_jQuery.ajax()的简单使用

每次书写AJAX代码比较繁琐 步骤都是一样的,数据回显使用原生js代码也比较繁琐,可以使用jQuery对上述问题进行优化,jQuery不仅仅对dom操作进行了封装 同时也对AJAX提交和回显已经进行了封装,可大大简化AJAX的操作步骤。

2023-01-05 23:42:54 5

原创 4_JSON格式

其实,可以这么理解:JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。JSON格式字符串,拼接比较麻烦,可以修改toString方法但是就破坏了toString原有的格式,而且一旦字段如果太多修改工作量大,后面可以使用JSON工具类转换。gson工具类中已经给我们封装好了json格式和java对象之间转换的API,我们直接使用即可,再也不用手动去转换项目中。如果响应的数据是一个对象或者对象集合,数据处理起来会非常麻烦,可以使用JSON格式处理。

2023-01-05 23:37:03 2

原创 2_AJAX介绍

Asynchronous Javascript And XML”(异步 JavaScript和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。使用DOM进行动态显示和交互,对页面进行局部修改。使用JavaScript将所有的元素绑定在一起。AJAX的最大的特点: 异步访问,局部刷新。

2023-01-05 23:31:49 2

原创 1_认识同步和异步

最后,服务器对请求进行响应,将结果返回给客户端,返回一个HTML在浏览器中显示,通常会有CSS样式丰富页面的显示效果。在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记录的始终是当前一个的静态页面。在动态更新页面的情况下,用户可以回到前一个页面状态,浏览器能记下历史记录中的静态页面,用户通常都希望单击后退按钮时,就能够取消他们的前一次操作,同步交互可以实现这个需求.1同步交互的不足之处,会给用户一种不连贯的体验,当服务器处理请求时,用户只能等待状态,页面中的显示内容只能是空白。

2023-01-05 23:27:20 3

原创 5.2常见事件演示

【代码】【无标题】

2023-01-04 10:40:26 3

原创 6.3BOM中其他常见对象

history对象是window对象的一个属性,代表浏览器访问历史记录,通过history的操作我们可以实现翻阅浏览器历史网页。location对象,是window对象的一个属性,代表浏览器上URL地址栏,使用location对象可以操作地址栏。screen代表屏幕,navigator代表浏览器软件本身,通过这两个对象可以获得屏幕和浏览器软件的一些信息。screen和navigator。

2023-01-04 10:34:14 3

原创 6.2window对象及常用方法

在客户端 JavaScript中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。除了这两个属性之外,parent 属性、top 属性以及frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写 Window.alert()。除了上面列出的属性和方法,Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。Window 对象的 window 属性和。

2023-01-04 10:32:40 6

原创 6.1认识BOM和DOM

6.1认识BOM和DOM。

2023-01-04 10:17:54 3

原创 【无标题】

innerText 操作双标签中间的 Text。innerHtml 操作双标签中间的HTML。创建元素createElement()value 操作表单标签值。增加元素appendChild()删除元素removeChild()

2023-01-04 10:13:43 2

原创 直接获取节点

通过style.css样式名和通过设置class属性两种方式实现。直接获取节点的几种方式。

2023-01-04 10:08:47 1

原创 七DOM编程学习

document对象是window对象的一个成员属性,通过window.document来访问,当然也可以直接使用document,根据HTML代码结构特点,document对象本身是一种树形结构的文档对象。document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程的关键所在。结点对象:Node,document对象中的每一个分支点都是一个node对象,它有三个子类。1.查询元素(获取元素,进而操作元素,或者元素的属性,文本)

2023-01-04 10:06:52 2

原创 8.2echarts展示数据

Echarts快速使用。

2023-01-04 10:02:07 2

原创 8.1echarts的引入

ECharts(Enterprise Charts),一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。涉及行业包含金融、教育、医疗、物流、气候监测等众多领域,其中甚至包括阿里巴巴、腾讯、华为、联想、小米、国家电网、中国石化等。² series(系列,一组数值以及他们映射成的图)

2023-01-04 10:00:24 3

原创 4.4JS中的原型链

一个类的原型是一个Object类的对象,也就是说,原型也有一个_proto_属性,指向Object的原型对象,那么也就是说 Person prototype中没有的属性和方法会继续向Object prototype去找,也就是说,我们在Object原型中添加的属性和方法,我们在person1和person2中也可以使用.那么这种连续的 _proto_属性指向就形成了原型链。

2023-01-04 00:46:59 1

原创 4.3JS中的原型的介绍

当我们用构造方法创建一个类时,在内存会预先调用构造方法创建一个对象,这对象我们称之为原型对象,构造方法对象中有一个prototype属性指向该对象,原型对象中有一个constructor属性指向构造方法.获得一个类的原型对象可以通过类名.prototype的方式获得.当前类的每一个对象内部有一个 _proto_的一个属性,指向他们的原型, 当我们用对象获取属性和调用方法时,如果当前对象中没有,那么会去他们所对应的原型对象中去找,也就是说,我们通过对原型的操作可以实现为一个类所有的对象添加属性和方法.

2023-01-03 17:34:29 2

原创 4.2JS中自定义对象

// 实例化对象// 给对象添加属性obj.name="张思锐";obj.gender="男";// 给对象添加方法console.log(this.name+"正在吃"+food)}// 查看对象属性// 调用对象方法obj.eat("蛋糕");

2023-01-03 17:30:02 2

原创 四 JS中的对象

JS基于对象的脚本语言 ,有类和对象,但是没有封装,继承,多态,Java script 中有一些浏览器直接识别并使用的对象,常见的对象有Array,String对象,Math对象,Number对象,Date对象等等.String和java中的String很类似,的常用方法。创建 Date 对象: new Date()Number的常用属性和方法(包装类)Date 对象用于处理日期与时间。4.1JS中的常用对象。

2023-01-03 17:27:17 1

原创 3.1 数组创建的方式

JS中数组元素和长度使用时的特征。JS数组创建的四种语法。3.2数组的元素和长度。3.3数组的遍历方式。3.4数组的常用方法。

2023-01-03 17:21:31 3

原创 2.4JS中的函数的使用

类似于java中的方法,JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对简单很多,主要以function作为函数关键字,具备函数名和参数列表,但是没有访问修饰符也没有返回值类型关键字和异常列表。

2023-01-03 17:16:20 1

原创 2.3JS中的流程控制

循环结构 while do_while for。分支结构 if switch。小练习:向页面打印99乘法表。基本和JAVA中的一致。

2023-01-03 17:14:19 1

原创 二 JS数据类型和运算符

String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"您好"、'学习JavaScript' 等。6除了以上五种基本的数据类型之外,JavaScript还支持复合数据类型Object,复合数据类型包括对象和数组两种。表示没有值,用于定义空的或不存在的引用。要注意,空值不等同于空字符串""或0。number整数和浮点数统称为数值。例如85或3.1415926等。表示变量虽然已经声明,但却没有赋值。boolean用true或false来表示。

2023-01-03 17:11:14 3

原创 1.3JS的引入方式

1我们定义的JS代码只能在当前一个网页中使用,代码复用度低,可维护性低。2 JS代码和HTML代码混合在一个文件中,可阅读性差。将JS代码放入外部JS文件中,通过script标签引入。2每个JS文件的引入都要使用一个独立的script标签。1在一个页面上可以同时引入多个JS文件。3内嵌式和链接式的引入不能使用同一标签。代码复用度高,更易于维护代码。

2023-01-03 17:08:37 2

原创 1.2JS特点

JavaScript是Netscape公司的产品,是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言,它的前身是Live Script;通常"基于对象"是使用对象,但是无法利用现有的对象模板产生新的对象类型,也就是说"基于对象"没有继承的特点。各种浏览器支持JavaScript的程度是不一样的,支持和不完全支持JavaScript的 浏览器在浏览同一个带有JavaScript脚本的网页时,效果会有一定的差距,有时甚至会显示不出来。

2023-01-03 17:04:10 2

原创 1.1JS介绍

Javascript是一种由Netscape(网景)的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。JS是一种运行于浏览器端上的小脚本语句,可以实现网页如文本内容动,数据动态变化和动画特效等。把整个页面规划成由节点层构成的文档,它不与浏览器、平台、语言相关,为web开发者提供一个标准可以访问站点中的数据、脚本和表现层对象.DOM编程可以实现网页内容校验和动态变化的效果。

2023-01-03 17:01:32 6

原创 HTML5新增type类型,HTML5新增属性

【代码】

2023-01-02 17:32:38 7

原创 表单元素,模拟百度搜索

form表单中可以放入的标签 就是表单元素。

2023-01-02 17:30:53 8

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除