- 博客(29)
- 收藏
- 关注
RSS订阅原创 jQuery封装ajax的使用方法
jQuery中封装的ajax请求1.$.get( ) get请求方式参数有4个参数,必填参数是 url地址 其他参数都是选填参数,可以没有参数的形式是对象形式$.get({url : 地址(必填)data : 携带的参数 对象形式dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析success : function(){} 请求成功时执行的...
2020-05-05 15:56:09
301
原创 JavaScript中面向对象编程思想
面向对象基本介绍所谓的面向对象,是一种编程思想,编程思路,代码的书写格式为了简化代码,我们是将程序封装为函数的形式来调用函数会有一些小问题:①函数内部定义的局部作用域变量,函数外部无法直接调用②函数调用使用时,会占用大量的系统内存,容易造成数据溢出数据泄露,容易被黑客攻击③函数一般只是封装一些模块化的功能复杂程序的封装会,封装成其他形式,使用面向对象的方式来封装程序面向对象与面向过...
2020-04-19 15:55:43
300
原创 JavaScript中for、for in、forEach的区别
for循环for循环只能用于循环数组，不能用于循环对象var arr = [ 1,2,3,4,5, ];for( var i = 0 ; i <= arr.length-1; i++ ){ console.log(arr[i])；}输出结果为for…in数组,对象都可以使用的循环语法形式:for(var 自定义变量 in 数组){程序}自定义变量 : 存储 数组单元...
2020-04-06 00:29:37
367
原创 利用JavaScript实现秒表功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
2020-04-01 21:57:16
2667
原创 JavaScript中利用表单注册账号
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-03-31 21:21:38
256
原创 JavaScript中的事件
事件事件的三大要素事件绑定对象指的是绑定事件和事件处理函数的标签，这个标签有可能不是出发事件的标签事件类型绑定的标签的事件类型鼠标事件 表单事件 键盘事件 触摸事件 特殊事件事件处理函数触发事件时执行的程序一个标签往往相同的事件类型只能绑定一个事件，如果要绑定多个事件处理函数鼠标事件通过操作鼠标来触发事件1.左键单击事件 click2.左键双击事件 dbclick3.右...
2020-03-30 22:33:45
225
原创 JavaScript中表格的添加与删除
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume...
2020-03-28 22:06:54
356
原创 JavaScript中的DOM操作
DOM操作之获取页面中标签的方式1.通过id属性值获取document.getElementById( ‘id属性值’ ) 执行结果只能获取一个标签对象2.通过class属性值获取document.getElementsByClassName( ‘class属性值’ )Elements —s表示复数class属性在JavaScript中一律定义为classNameclass关键词用在...
2020-03-27 20:40:47
226
原创 JavaScript中的BOM对象
BOM对象全称Browse Object Model 浏览器对象模型可以操作浏览器的方法，是各个浏览器厂商提供给我们的，各个浏览器厂商,都有自己的特点,因此,BOM操作,有兼容性需要考虑。1.弹窗操作①提示框window.alert( );转义符 类似于HTML中的 字符实体，为了解决输入内容和JavaScript代码的冲突例如，要在弹框中实现换行\n 换行功能window.a...
2020-03-25 22:00:27
91
原创 JavaScript中实现时钟效果
利用Math和定时器实现时钟效果思路：首先创建一个获取年、月、日、星期、小时、分钟、秒的函数，这里需要注意两点1.JavaScript中的月份是 从0开始的，所以要在月份上加1，能够得到正确的月份2.JavaScript中规定获取星期的结果是0-6的数值，0表示星期日，1表示星期一…6表示星期六在这里我们要将获得的星期数转化为汉字：定义一个数组，其中的数据内容为var arr = ['日...
2020-03-24 22:12:14
759
原创 JavaScript中获取数组中每个数据出现的次数
思路：获取数组中的数据作为对象中的属性，对数组进行循环，当对象中存在这个数据时，执行++操作，将这个值赋值给对象中的属性值，不存在这个数据时，给数据新增单元，继续执行判断循环操作。当数据遍历完后，利用for…in，对对象中的属性进行遍历，并输出属性和属性值，此时对象的属性和属性值分别对应数组中的数据和出现的次数...
2020-03-23 21:15:09
1667
原创 JavaScript中的数组去重方法
利用for嵌套for，splice去重双层循环，外层循环元素，内层循环时比较数据,当两个数据相同时，删去这个数据，以此类推，得到去重后的数组var arr = [1,1,1,2,2,2,3,3,3,4,4,4,5,5,5];for( i = 0; i <= arr.length-1; i++ ){ for( j = i+1; j <= arr.length-1; j++ )...
2020-03-22 21:31:22
69
原创 JavaScript中的冒泡排序和选择排序
冒泡排序原理相邻两个单位比较存储的数据，如果第一个单元的数据大，就将两个单元的数据进行交换过程从起始单元位置开始，第一次循环得到最大值，放在数组最后，之后每次循环都会得到一个本次循环最大的一个值，放在当前参与比较单元的最后。之前已经比较选出的单元不会参与下次比较代码var arr = [ 25,56,1,4,6,90,45,32,13,5,7,9,24,35 ]for( j=0; j...
2020-03-21 20:31:01
88
原创 JavaScript中字符串的操作方法
字符串的操作方法变量.toString( )将多维数组，转化为一维数组var arr = [ 1,2,3,4,5,[ 6,7,8,9,[10,11,12,13 ] ] ];console.log( arr );var str = arr.toString( );console.log( str );输出结果为：变量.indexOf( )—字符首次出现的位置查找数组或者字符串...
2020-03-20 23:51:27
174
原创 JavaScript中数据组的操作方法
通过索引下标来操作数组1.通过索引下标，调用数组中指定单元的数据var arr =[ ‘北京’, ‘上海’, ‘广州’, ‘深圳’]2.通过索引下标，来修改数组中存储的单元的数据对已存在的索引下标，进行复制，进行的是重复赋值，覆盖之前的数据arr[ 0 ] = ‘武汉’ ;3.通过索引下标，来新增数组单元对不存在的索引下标，进行赋值，是新增数组单元的操作arr[ 5 ] = ‘郑州...
2020-03-19 21:18:23
146
原创 JavaScript中的数组
数组定义：数据的集合基本数据类型：在变量中只能存储一个单元的数据数组是数据的集合，可以存储多个单元的数据，可以是任意形式的数据内容数组的创建方式：1.字面量创建数组var 变量 = [ 数据1，数据2，数据3，… ]；在[ ]中，定义多个数据单元，中间用逗号间隔var arr = [ 1 , 2 , 3 , 4 , 5 ]2.内置构造函数创建数组创造一个空数组，再向这个数组中添...
2020-03-18 20:56:01
107
原创 JavaScript中与函数相关的知识点
函数执行时,程序的基本执行过程和原理函数的 定义/封装 阶段1,在内存中开辟一个存储空间,并且定义内存地址2,定义函数的程序内容,存储在这个内存地址,表示的空间中，此时程序没有被执行,以字符串的形式来存储3,将内存地址存储在 变量名称 / 函数名称中函数的调用阶段1,读取变量名称/函数名称中存储的内存地址2,通过内存地址,找到对应的函数程序3,给函数程序中的参数,进行赋值4,预解...
2020-03-17 22:24:15
67
原创 函数的封装
函数的基本封装步骤：1.定义程序来实现功能的需求下面为累加求和的函数： function add( max, min = 1 ){ if( min > max ){ var middle; middle = min; min = max; max = middle; } var res = 0; for(var i = min; i <= ...
2020-03-16 20:53:29
9481
原创 JavaScript数值类型中的NaN
NaN的定义NaN，全称：NaN not a number 可以理解为不是一个数值NaN 表示存储的数据的数据类型,不是一个数值,如果有非数值参与计算,结果就是 NaN两个变量中存储的数据,都不是数值，执行结果就是NaNvar str1 = ‘今天’;var str2 = ‘明天’;var res = str1 - str2;console.log(res1);两个变量中存储...
2020-03-15 16:13:25
406
原创 JavaScript中的循环语句
1.if判断if（条件1）｛程序1｝else if（条件2）｛程序2｝else if（条件3）｛程序3｝当满足条件1，执行程序1当满足条件2，执行程序2满足哪个条件，执行哪个程序判断的顺序是从上至下，如果满足了一个条件，之后的程序都不会执行如果所有的条件都不满足，则不执行程序if（条件1）｛程序1｝else if（条件2）｛程序2｝else if（条件3）｛程序3｝…else｛｝从...
2020-03-12 20:17:07
233
原创 JavaScript中的运算符
1.运算符JavaScript中的运算符，就是操作变量的符号，在计算机程序中，使用特殊的定义好的符号来对变量中的数据进行操作运算符的分类算术运算符 / 数学运算符+ - * / %赋值运算符= += -= *= /= %=比较运算符> < >= <= == === != !==逻辑运算符&& || !算术运算符加号 如...
2020-03-12 00:04:19
161
原创 JavaScript中数据类型的检测与转化
1.数据类型的检测在JavaScript中,数据类型的检测,使用 typeof() 方法 / 函数typeof(变量/数据) , 执行结果是变量中存储数据的数据类型typeof还有一种语法形式 typeof 空格 变量 但是这种语法形式不推荐使用,容易程序执行错误typeof 并不能非常准确的表示每一种数据类型，一般是使用判断 布尔类型 数值类型 字符串类型 undefined类型其...
2020-03-10 21:58:40
143
原创 JavaScript简介以及基本语法和数据类型
1.JavaScript的基本介绍JavaScript的历史1994年 , 网景 公司推出了第一款 真正意义上的 浏览器1995年 , sun 公司推出了Java1995年 , 网景公司 , sun公司 和网景公司的员工 布兰登 · 艾克 一起开发了 JavaScriptJavaScript是什么轻量级 弱类型 脚本语言JavaScript 的作用实现页面的交互 : 用户操作的交互...
2020-03-10 00:00:48
242
原创 HTML常见标签及分类
HTML常见标签1.HTML语义化所谓HTML语义化指的是，根据网页中内容的结构，选择合适的HTML标签进行编写。好处： ①.在没有CSS的情况下，页面也能呈现出很好的内容结构②.有利于SEO，让搜索引擎爬虫更好的理解网页③.方便其他设备解析（如屏幕阅读器、盲人阅读器等）④.便于团队开发与维护2.标题与段落标题：<h1></h1> <h2>&l...
2020-03-08 00:04:11
710
原创 HTML5中新语义化标签
HTML5中新增的语义化标签主要有：header —>定义当前页面的表头footer —>定义页面的页脚main —>页面主体注：header footer main 语义化标签在一个页面中只能出现一次hgroup —>标题组合，在一个区段中你有连续的h系列的标签元素，则可以用hgroup将他们括起来nav —>导航，在页脚显示一个站点的导航链接（如首...
2020-03-07 16:09:28
116
原创 CSS flex属性
flex弹性盒模型，让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容，可以做到水平布局。<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title><style> #main {...
2020-03-04 23:10:07
1113
原创 HTML5标签
datalist : 选项列表datalist 标签规定了 input 元素可能的选项列表。datalist 标签被用来在为 input 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。 <input type="text" list="elems"> <datalist id="elems"> ...
2020-03-04 00:24:53
83
原创 移动端rem布局
移动端rem布局在了解移动端rem布局之前我们先搞清楚rem是什么，px em rem之间有什么区别。PXpx像素（Pixel），相对长度单位。像素px是相对于显示器屏幕分辨率而言的。EMem，相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。一般浏览器默认字体尺寸大小为16px，这时，1em=16px。REMrem是...
2020-03-01 13:23:28
539
原创 如何用CSS制作太极图？
如何用CSS制作太极图呢？这要用到boder的一个属性-----border-radius，通过改变数值的大小来控制圆角的弧度。首先，我们可以把太极图分为两大部分，如下图所示：太极图由红框和蓝框中的两个半圆组成，左侧圆的背景颜色为白色，右侧背景颜色为黑色。.box1{width: 200px; height: 400px; background: white; border-radius:...
2020-02-22 18:55:04
1624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人