- 博客(50)
- 收藏
- 关注
RSS订阅原创 什么是ajax
ajax技术与原理什么是ajaxAJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。局部刷新技术。不是一门新技术，是多种技术的组合。是浏览器端的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。ajax简介AJAX = Asynchronous JavaScript and
2021-03-31 19:41:16
213
5
原创 ajax接口
$.ajax({// 请求方式type: ‘get’,// 请求的url地址url: ‘http://www.**************************’,// 请求参数data: {bookname: ‘aaaaaaa’,author: ‘vvvvvvvv’, // 作者必须是 authorpublisher: ‘dddddddddddd’ // 出版社必须是 publisher},// 响应成功：回调函数success: function(res) {console.
2021-03-22 20:31:26
136
4
原创 $ajax()
// 三个：综合语法，更详细的配置；get post请求方法都可以实现；// get获取全部图书// $.ajax({// type: 'get', // 请求方式// url: 'http://www.********************', // 请求的url地址// // data: {}, // 查询条件// success: function(res) { // 请求响应整个过程成功了，触发的函数// console.log(res);// }/
2021-03-22 20:30:02
102
3
原创 post
// 资源：// 文件:每一个url背后都是不同的文件！// 数据:每一个url提交服务都是不一样吧！// get：获取服务；// post：提交服务；// $.post(url, data, function)// url: 地址 对应某个服务器； http://www…// data: 要提交的数据// function:回调函数?里面返回 提交成功提示！// 发送post请求，提交数据 $.post("http
2021-03-22 20:26:35
63
3
原创 get
// $.get(url,[data],[function])// url：和获取文件资源一样，都需要一个明确url地址；// data:获取数据资源时，给服务器传递参数；// function：回调函数！响应成功后，执行，内部通过形参接受返回的数据；// 没有参数：返回全部列表// 带上参数：要求的列表；$.get(‘http://www.liulongbin.top:3006/api/getbooks’, {id: 1,author: “zs”},
2021-03-22 20:23:56
50
3
原创 ajax初识
// JQ封装后的ajax方法；// $.get(url,[data],[function])// url：和获取文件资源一样，都需要一个明确url地址；// data: 获取数据资源时，给服务器传递参加；// function：回调函数！响应成功后，执行，内部通过形参接受返回的数据；// 回调：回头在调用? 等待未来某个时间点？等待数据响应回来的时候！// 数据回来了，在回调函数事件对象里面获取；res单词在这里 var str;`在这 $
2021-03-22 20:16:24
82
3
原创 对象拷贝
// 对象拷贝// ☞ 浅拷贝: 影响原始数据,直接将对象中的地址进行了拷贝赋值// ☞ 深拷贝: 不会影响原始数据,将一个新的内存地址进行拷贝赋值 // 语法: $.extend([deep], targetObject, currentObject); // 参数介绍: // 1. deep布尔类型的值,默认值false,代表浅拷贝. true代表深拷贝 // 2. targetObject用来接收拷贝结果对象 // 3. currentObject被拷贝的
2021-03-15 20:08:15
53
2
原创 jQuery中事件移除
// 1. 如果事件是通过on的方式注册的,如何移除? // div.onclikc = null; // 2. 如果通过addEventListener注册的事件,如何移除? // removeEventListener('事件类型', 命名函数) // jQ中移除事件的方式 // 语法: jQ对象.off('事件类型') // 代码演示: // $('.two').click(function(){ // alert(...
2021-03-15 20:07:17
604
2
原创 获取元素的大小与位置
//.获取元素大小//☞语法: jq对象.width() 获取当前元素内容区域大小//☞语法:jq对象.inerWidth() 获取元素大小 = 内容 + 内边距//☞语法:jq对象.outerWidth() 获取元素大小 = 内容 + 内边距 + 边框//☞语法:jq对象.outerWidth(true) 获取元素大小 = 内容 + 内边距 + 边框 + 外边距 //代码 // let res = $('div').wid
2021-03-15 20:05:07
87
1
原创 jQuery的创建和添加元素
//1.先创建元素 document.createElement(‘标签名’)//2.将创建的元素添加到父元素中,父元素.appendchild(元素) //jq方式 //1.先创建元素 $('html标签') //2.将创建的元素添加到父元素中 //☞创建的元素.appendTO(父元素) 将创建的元素添加到父元素的末尾 //☞创建的元素.prependTO(父元素) 将创建的元素添加到父元素的开始位置 //代码 // let h3 = $('&
2021-03-15 20:00:44
769
1
原创 jQuery中的遍历
//遍历 //☞语法:jq对象.each(funnction(index, item){}) //☞语法:$.each(被遍历的数组,function(index,item){}) //代码 // let lis = $('li'); // lis.each(function (index, item) { // console.log(item); // console.log(index); // }) /...
2021-03-15 19:57:47
88
1
原创 获取表单中的内容
//.获取表单中的值 //语法:jq对象.val() let int = $('input'); console.log(typeof int.val()); int.val(123) //总结 //1.jq对象.val() 获取当前表单的值,最后得到的结果属于字符串类型 //2.当前表单元素设置对应的值 //.jq获取非标的元素中的内容 //语法 jq对象.text() //语法:jq对象.html() //
2021-03-15 19:55:19
109
1
原创 jQuery操作标签属性
//标签属性//☞标准属性: 标签本身就支持的属性或定义好的属性(class,id,name,value)// div.getAttribute(‘class’);// div.setAttribute(‘属性名’, ‘值’) // ☞自定义属性:以 data-开始的自定义属性 // div.dataset.myage // div.dataset.myweight = 50; //jQ中操作标签属性 //1.操作标准属性 //语法: jq对象.p
2021-03-15 19:52:49
83
1
原创 内置对象 和自定义对象
//.内置动画//共同点:实现元素隐藏,和现实 //2.具体的动画 //show() 和 hide() //语法:show(speed,easing,fn); //参数介绍: // speed 表示速度的字符串 'slow' 'normal' 'fast' 或者 一个毫秒的时间 //easing 表示切换效果,默认值'swing '或者'linear' //fn 表示动画完成后执行的一个函数 //代码 let btn1 = $(
2021-03-15 19:50:16
67
1
原创 JQ对象 DOM对象相互转换
//.jq对象和dom对象//DOM对象:通过document获取到的所有元素对象(通过原生js获取)//jq对象:通过jq的方式获取到的元素对象 //2.DOM对象操作元素 // let div = document.querySelector('div') // div.style.background = 'green' //3.jq对象操作元素 // let div = $('div'); // div.style.backgroud = 'g
2021-03-15 19:41:05
106
1
原创 入口函数
// .JQ中的入口函数//什么是入口函数//a)JQ中提供的一个方法,方法用来默认执行JQ中代码 //入口函数怎么写 //b): $(function(){逻辑代码}); // $(function () { // alert(123); // }); //c): // $(document).ready(function () { // alert(123); // }); //入口函数作用
2021-03-12 20:42:19
131
1
原创 拷贝
//1.拷贝//复杂类型的拷贝//浅拷贝:在对数据进行拷贝的时候,如果遇到对象,将对象的地址进行拷贝然后赋值//特点:浅拷贝,会影响原始数据// . 浅拷贝: // 语法: Object.assign(拷贝后对象, 被拷贝的对象); let obj = { uname: '老s', plink: { uname: 'pink' } } let new_obj = {}; // 拷贝实现:
2021-03-12 20:29:43
63
1
原创 类中的继承
//.类中的继承//语法: 子类 exteds 父类{} //子类继承父类时候属性相关注意事项: class Father { //设置属性 constructor(uname, uage) { this.uname = uname; this.uage = uage; } } //Son 类继承Father类 class Son extends Father {
2021-03-12 20:20:54
50
1
原创 es6中的类
//1.类//es6中的类是什么//a)es6中的类:其实就是自定义构造函数的另外一种封装写法 //es6中的类干什么 //b) 类的作用就是在创建对象,体现里面向对象 //总结: //创建对象(面型对象),推荐使用类实现//.类的基本使用 //定义语法: //class 自定义类名{} //类创建对象语法: //let 自定义对象名 =new 类名(); //代码验证: class People { }
2021-03-12 20:16:43
52
1
原创 数据类型在内存中的存储方式
// 1. 数据类型在内存中的存储方式// 在内存的堆上保存 (对象)// 在内存的栈上保存 (数字,字符串,布尔)//堆 和 栈 是内存中的存储单元 //2.不同数据类型在内存中的存在形式 //a)简单类型:数据在内存中的读取方式比较简单 //b)简单类型在栈中直接保存的就是值 // let num = 123; // num = 456; // console.log(num); //3.复杂类型: //a)对象复杂类型在堆上保存
2021-03-12 20:10:56
240
1
原创 继承
// . 继承// 作用: 减少重复的代码// 面向对象,具有继承特性, 封装, 多态(多种状态) // . call方法介绍: // 作用: // a) call用来调用函数的 // b) call调用函数的时候,可以修改this指向 // . 演示call调用函数或方法 // 语法: 函数.call(); function fn() { console.log(123); } fn.call();
2021-03-12 20:04:57
65
1
原创 原型链
// 原型链: 指导函数(方法)的执行顺序的// 作用域链: 指导程序中对于变量的执行顺序(先在当前作用域中查找执行,否则沿着作用域链向上一级查找执行) // 原型链: 多个原型对象联到一块形成的链状结构 function Fn() { this.uage = 28; } let zs = new Fn(); // console.log(zs.uage.toString()); // console.log(zs.uage.tohehh
2021-03-12 19:55:59
32
1
原创 包装类型
//1.包装类型// 字符包装类型:程序在执行的过程中,将字符串包装成一个对象的形式// let str = ‘abc’//字符串中的方法: //重要方法: // split()分割字符串 //语法:字符串.split() //作用:将字符串按照某个分割 //返回值:是数组 // let str = 'username= zs&&pwd=123'; // let res = str.split('&&')
2021-03-12 19:45:39
62
1
原创 字符串中的方法介绍
//字符串中的方法介绍://1. 分割字符串split()//a):通过split分割字符串后,返回的是一个数组//a):作用: 可以将一个复杂的字符串通过分割后提取对应的内容//b):举例://请将字符串中的zs输出到控制台中// let str = ‘username=zs’;//将字符串以=进行分割,分割后会返回一个数组// let ary = str.split(’=’);// console.log(ary[1]);// c): 分割字符串的时候,不要为难自己 //2.
2021-03-11 20:17:02
135
1
原创 数组中的实例方法
//1.数组中的实例方法//实例方法调用必须通过实例对象(必须创建一个实例对象)//reverse()翻转数组//2.实例方法具体演示//语法:数组实例对象.rever//作用:将数组中的值进行翻转//返回值:返回一个翻转后的一个值 // 代码演示: // let ary = ['a', 'b', 'c', 'd']; // // [d c b a] // let newary = ary.reverse(); // console.log(newary)
2021-03-11 20:15:52
88
1
原创 数组内置对象
//数组内置对象//最主要是数组中提供的属性或方法 // let ary = new Array(); //2.数组中的属性 //length属性,获取数组中长度的 //3.数组中静态方法成员 // form() //语法: // Array.form() //作用:将程序中的为数组转化为真正的数组 let divs = document.querySelectorAll('.one'); let newdivs = Ar
2021-03-11 20:10:43
106
1
原创 遍历对象
//1.遍历对象//为什么对象也能像数组一样去遍历//原因:数组也是一个对象// let ary = [‘a’, ‘b’, ‘c’];// console.log(ary);//第一数组可以这样写 // let ary = new Array(); // console.log(ary);//2.遍历对象的语法// for(key in 对象){// //获取对象中的值// 对象[key];// }//3.语法解释://key是一个变量,该变量中保存的是被遍
2021-03-11 20:03:55
64
1
原创 对象中的成员 实例成员与静态成员
//对象中的成员,对象中的属性或方法成为对象成员//静态成员//实例成员:在构造函数内部,通过this关键字设置属性方法//实例成员特点:实例成员只能通过实例对象访问//实例对象:通过构造函数创建的对象就叫实例对象 // function fn(){ // //实例成员 // this.uname = 'af'; // this.te= function(){} // } //zs就是实例对象 // let zs = ne
2021-03-11 20:00:01
88
1
原创 自定义构造函数创建对象
// 自定义构造函数创建对象 // 1. 自定义: 需要程序员自己定义,js内部没有 // 2. 构造函数: 本质上依然是一个函数,作用也是用来创建对象的(函数需要我们自己定义) // 3. 自定义构造函数: 程序员自己定义的一个用来创建(声明)对象的函数 //为什么还要学习自定义构造函数创建对象?(前面的内置构造函数,字面量) //娓娓道来: // 内置构造函数(字面量)创建的对象,适用于创建单个对象或者数量少的对象 // l...
2021-03-11 19:46:28
291
5
原创 通过内置构造函数创建对象
// 内置构造函数创建对象 // 1. 什么是内置构造函数? // a): 内置: 就是js本身就自带(不需要程序员自己定义) // b): 构造函数: 本质上就是一个函数,构造函数是用来创建对象的 // c): 内置构造函数: js内部提供了一个用来创建对象的函数 // 2. 如何通过内置构造函数创建对象呢? // 语法: let 对象名 = new Object(); //3.通过语法举例说明: //例如: 创建一个张三对象
2021-03-11 19:42:45
199
1
原创 对象赋值与解构赋值
//1.对象解构赋值: //语法:let { 属性: 变量, 属性, 变量 }=对象 let obj = { uname: 'zs', uage: 23, uheight: 180 } // let { uname: a, uage: b, uheight: c } = obj; // console.log(a, b, c); let { uname, uage, uheight } = obj;...
2021-03-11 19:10:02
158
1
原创 箭头函数
//语法 ()=>{} //语法介绍: // function fn() { } // () => { } //1. 函数体{} //2. 表示用来设置形参的 () //3. 箭头函数就是一个匿名函数 //普通函数 // function fn() { } // () => { } // let fn = function () { // console.log(123); //.
2021-03-11 18:26:07
124
1
原创 解构赋值
// 什么是解构?: es6中按照一定的模式,从数组或者对象中提取值// a): 如果是数组解构,则写 [] 模式// b): 如果是对象解构,则写 {} 模式// c): 从数组中和对象中取值// 解构赋值作用?// 更简单的从数组中和对象中取值(减少代码量)// 演示数组解构:// 语法: let [变量1, 变量2, 变量3, ....] = 数组 let ary = ['a', 'b', 'c', 'd', 'e'];// let a = ary[0];// 解构赋值le
2021-03-11 18:17:36
37
1
原创 UML—概述
面向对象技术软件质量衡量指标·外部1.正确性（Correctness）2.健壮性和可靠性（Robustness and reliability）3.性能（Performance）·内部1.模块性（Modularity）2.灵活性和可扩展性（Flexibility/Extensibility）3.可复用性（Reusability）4.可兼容性（Compatibility，via standard/uniform interfaces模型的组成系统：及描述..
2020-05-28 21:19:05
186
9
翻译 用户定义类型未定义
在刚开始敲机房的时候，一运行就出现【用户定义类型未定义】的错误然后好好检查了一下代码，没有发现错误，然后就去搜了一下博客，原来是没有对控件预先进行引用。点击【工程】，在下拉菜单中选中【引用】，进入下面的对话框，找到Microsoft ActiveX Data Objects 2.0 Library选项，在前面的小方框中打上对勾点击确定就没问题了。...
2020-05-28 21:13:38
1180
5
原创 ODBC配置
ODBC配置ODBC数据源（32位）1 ，添加数据（选择文件dsn)2，创建数据源驱动，选择SQL server为驱动创建数据源设置登录ID更改默认数据库为「charge_sys」,下一步，完成；测试数据源...
2020-05-28 21:12:04
173
6
原创 复工会议心得
现在各地的公司已经开始复工，有的公司还可以正常运转，有的公司已经支撑不下去了，造成员工失业，不过可以正常运转下去的公司一定离不开互联网。在这次疫情期间，互联网展现了他的实力。在这次疫情期间大部分人都是线上办公，学生线上学习，同样这也是教育形式的一种突破，疫情期间虽然不可以出去，但是可以网购，买衣服，买蔬菜水果，重要的是我们可以知道疫情的情况。同时疫情期间对一些企业比如餐饮企业造成了很大的创伤。...
2020-04-09 16:51:43
140
4
原创 人不成熟的五大特征-高效能人的七个习惯
人不成熟的五大特征立即要回报 很多人在做任何事情的时候，刚刚付出一点点，马上就要得到回报。英语也是，想要学好英语也是要一点点积累的。不自律不愿改变自己，不能每天想睡就睡，想玩就玩，要让自己走出舒适区，你怎样对待生活，生活也会怎样对待你，所以你不要消极、抱怨。你要积极，永远地积极下去经常被情绪左右学会控制情绪。有良好的身体，有良好的人际关系，懂得管理时间，懂管理财务不愿...
2020-01-07 20:07:44
361
8
原创 代码规范
代码规范对程序员来说很重要，为了统一公司软件的开发设计过程中关于代码编写规范和具体开发工作时的编程规范，保证代码的一致性，便于交流与维护，提高团队合作的效率，可以锻炼我们的逻辑思维。注释规范1，在模块，类，属性，方法前一行添加注释，2，代码中遇到语句块时必须加注释，说明语句块的作用和实现手段3，对代码进行修改时，每次修改必须添加注释命名规则1，在名字中采用首字母大写，避免系...
2020-01-05 10:27:47
87
6
原创 2019年总结
指缝很宽，时间太瘦，悄悄从指缝间溜走，又是一年，觉得这一年过的很快，经历了许多，也成长了。感觉这一年里思想上有了提高，知道学习了，想着去学习了，不向一开始刚来的时候只想玩，也学到了很多道理。计算机去年的一年效率都不好，中途请假回学校，计算机项目只完成了，学生管理系统，数据库视频，机房也只是刚刚开始英语英语的学习送是断断续续的，今天学明天不学的，坚持不下去，所以英语一直在原地，所...
2020-01-02 10:34:36
165
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人