自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 jQuery下Ajax的使用

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

2021-01-24 11:46:19 172

原创 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 191

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

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

2020-12-06 15:52:09 166

原创 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 234

原创 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 266

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

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

2020-11-12 18:32:47 158

原创 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 296 1

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

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

2020-10-28 16:21:33 248

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

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

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

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

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

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

空空如也

空空如也

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

TA关注的人

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