罗里巴所-CSDN博客

原创 jQuery下Ajax的使用

Ajax学习总结一、Ajax的简介1.异步请求和传统请求传统请求：基于form表单，超链接，地址栏，location.href 等发起请求。特点：请求之后整张页面刷新。缺点：由于刷新了整张页面导致用户操作被中断从而影响用户体验，整张页面资源需要重新下载造成网络流量的极大浪费。异步请求：基于ajax发起的都叫异步请求。特点：请求之后页面不动，响应回来刷新局部页面。2.Ajax简介Ajax全称“Asynchronous JavaScript And XML”，是指一种创建交互式、快速

2021-01-24 11:46:19 128

原创 jQuery基本方法小结

jQuery学习总结一、jQuery概述jQuery就是一个快速、简洁的javascript库，jQuery封装了javascript常用的功能代码，优化了DOM操作，事件处理，动画设计和Ajax交互。二、jQuery的基本使用1、jQuery顶级对象$$就是jQuery的别称，同时 $也是jQuery的顶级对象，相当于原生代码的window，把元素用 $包装成jQuery对象，就可以调用jQuery的方法。2、jQuery对象和DOM对象DOM对象：用原生js获取过来的对象就是DOM对象。

2021-01-22 16:12:37 141

原创动画函数和网页轮播图案例

Web前端学习总结第八周JavaScript一、动画函数封装1、动画实现原理核心原理：通过定时器setInterval()不断移动盒子实现步骤：获得盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位，才能使用element.style.left2、缓动函数缓动动画思路：让盒子每次移动的距离慢慢减小，速度就会慢慢落下核心算法：(目标值-现在的位置) / 10 做为每次移动的距离步长停止条件：让当前盒子位置等于

2020-12-06 15:52:09 126

原创 BOM 和offset、client、scroll系列

Web前端学习总结第七周JavaScript一、BOM浏览器对象模型1、BOM概述BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM的构成window对象是浏览器的顶级对象，它具有双重角色。它是JS访问浏览器窗口的接口。它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。2、window对象的常见事件（1）窗口加载事件window.onload = function() {};window.a

2020-12-01 17:03:11 183

原创 Web前端：DOM操作元素和高级事件

Web前端学习总结第六周JavaScript一、操作元素1、排他思想如果有一组元素，想让某一个元素实现某种样式，需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式（留下我自己）注意顺序不能颠倒，首先干掉其他人，在设置自己案例解释：var btns = document.getElementsByTagName('button'); for (var i = 0; i < btns.length; i++){ b

2020-11-21 15:37:24 200

原创 Web前端学习——进入DOM

Web前端学习总结第五周JavaScript一、内置对象内置对象就是指JS语言自带的一些对象。这些对象供开发者使用，并提供一些常用的或是最基本的功能。1、Math对象（1）Math.max()

2020-11-12 18:32:47 117

原创 Web前端学习总结第四周

Web前端学习总结第四周JavaScript一、数组1、数组的创建（1）利用new创建var arr = new Array();//创建新的空数组（2）利用数组字面量创建var arr = [];//创建新的空数组，数组中的元素用逗号隔开Javascript中的数组可以存储任何数据类型的元素，和C语言还是有区别的。2、数组的遍历var arr = [];for (var i = 0;i < arr.length;i++){ console.log(arr[i]);}

2020-11-05 17:57:15 218 1

原创 Web前端学习总结第三周

Web前端学习总结第三周JavaScript一、数据类型1、简单数据类型JavaScript中的数据类型和C语言Java的都很相像，所以由C语言基础的学起来都会比较简单。前面的变量里讲过了变量的数据类型只与等号后面的值的数据类型相关。如下表：简单数据类型说明默认值Number数字型包括整型和浮点型0Boolean布尔值类型，如ture,false,等价于1和0falseString字符串类型，字符串类型都带引号“ ”Undefinedvar

2020-10-28 16:21:33 207

原创 Web前端学习总结第二周

Web前端学习总结第二周上周学完了HTML和CSS的部分内容，也是让我瞧见了Web前端的强大之处，本周也继续学习把CSS差不多学完了和Javascript的初步了解，下面是知识总结。CSS一、盒子模型1.盒子的外边距外边距用margin来表示，它可以控制各个盒子之间的距离，具体熟悉和内边距大同小异。属性作用margin-top盒子的上外边距margin-left盒子的左外边距margin-right盒子的右外边距margin-bottom盒子的下外边

2020-10-22 16:53:25 315 1

原创 Web前端学习总结第一周

web前端的学习总结HTML一、HTML的基本骨架语法HTML是一种超文本标签语言，网页的基础框架基本上都是基于HTML框架。基本框架如下：<html><head><title></title></head><body></body></html>二、HTML基本标签HTML既然是标签语言所以需要学习大量的标签，我这里总结我所学的比较重要的标签语法。1.图像标签通过此标签可以在网页中

2020-10-16 19:31:17 417 2

bcsdhbiubfcas的博客