冒蓝火的键盘-CSDN博客

原创 jQuery动画效果的实现

jQuery效果jQuery给我们封装了很多动画效果，最常见的如下：显示与隐藏：show()、hide()、toggle()滑动：slideDown()、slideUp()、slideToggle()淡入淡出：fadeIn()、fadeOut()、fadeToggle()、fadeTo()自定义动画：animate()1 显示隐藏效果1. 语法**show([speed],[easing],[fn])**显示**hide([speed],[easing],[fn])**隐藏**toggl

2021-01-13 21:24:34 377

原创 new操作符具体干了什么

new操作符相信大家对于new这个操作符的第一印象就是实例化一个对象其实不然:1. 创建一个空对象: 并且this变量引入该对象,同时还继承了函数的原型2. 设置原型链空对象指向构造函数的原型对象3. 执行函数体修改构造函数this指针指向空对象,并执行函数体4. 判断返回值返回对象就用该对象,没有的话就创建一个对象...

2021-01-11 08:43:38 118

原创 URL格式最全详解

URL在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator,统一资源定位器），它是WWW的统一资源定位标志，就是指网络地址。语法URL由三部分组成：资源类型、存放资源的主机域名、资源文件名。也可认为由4部分组成：协议、主机、端口、路径URL的一般语法格式为：(带方括号[]的为可选项)：protocol ????/ hostname[:port] / path / [;parameters][?query]#fragment格

2021-01-08 21:53:05 2082

原创 ajax面试题大全

1、什么是Ajax和JSON，它们的优缺点Ajax是全称是asynchronous JavaScript andXML，即异步JavaScript和xml，用于在Web页面中实现异步数据交互，实现页面局部刷新优点：可以实现异步通信效果，页面局部刷新，带来更好的用户体验JSON是一种轻量级的数据交换格式，看着像对象，本质是字符串优点：轻量级、易于人的阅读和编写，便于js解析，支持复合数据类型2、ajax的交互流程有哪几步？1）创建ajax对象xhr = new XMLHttpRequest2）

2020-12-24 21:49:47 4109

原创怎么用原生js实现Ajax

=Ajax概述Ajax是Asynchronous JavaScript And XML的简称，它允许我们在不刷新整个页面的情况下，就可以异步获取数据，并更新页面的部分内容。那么Ajax的工作流程是怎样的呢？大体来说，可以分为四步：页面当中的事件或者函数触发Ajax请求的时候，建立XMLHttpRequest对象，以进行接下来的Ajax请求。调用XMLHttpRequest的open函数XMLHttpRequest向服务器发送请求服务器处理请求之后，会把响应返回到网页，此时，XMLHttpRequest会

2020-12-22 19:18:35 413

原创 jquery实现简单的放大镜功能

在这里插入图片描述 Document #small img {width: 500px;height: 500px;}#mask { width: 150px; height: 150px; background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; cursor: move; display: none;}#big { width

2020-12-20 22:01:55 517

原创 jquery实现tab切换效果

实现效果：不同导航对应切换到不同的区域思路：导航一般用ul列表，对应区域用div,这样实现比较方便；导航高亮的时候，其他兄弟li标签的样式为默认样式；高亮导航对应区域div显示（display:block;）的时候，其他兄弟div标签为隐藏（display:none;）;ul的子元素li个数的个数应该和.oDiv下面的div个数相同，且一一对应；知识点：(this).index();//获取li的下标（(this).index();//获取li的下标（(this).index();//获取li

2020-12-18 18:58:51 567 1

原创 js面向对象实现：随机个数、随机大小、随机颜色、随机位置的圆

面向对象实现：随机个数、随机大小、随机颜色、随机位置的圆废话不多说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style

2020-12-16 20:38:26 1648 3

原创 js数组去重的三种方法

一、for循环嵌套，利用splice去重此方法是比较常用的方法之一，也是es5中比较实用的方法之一。话不多说，上代码：function newArr(arr){for(var i=0;i<arr.length;i++){for(var j=i+1;j<arr.length;j++){if(arr[i]==arr[j]){//如果第一个等于第二个，splice方法删除第二个arr.splice(j,1);j–;}}}return arr;}var arr = [1,1,

2020-12-14 19:52:27 476 1

冒蓝火的键盘