自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)

原创 JQuery实现表格内容过滤(附代码)

效果显示:代码:<!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> th

2020-08-15 13:48:18 41

原创 JQuery实现单行变色表格(附代码)

效果展示:代码:<!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> th {

2020-08-15 13:27:44 49

原创 JQuery实现一个提交框(附代码)

效果显示:代码:<!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-08-14 18:36:54 46

原创 JQuery实现轮播图(附代码)

之前有写过一篇用原生dom写的轮播图实现代码:宝贝点进来吧,有你想要的而这次用JQuery写的,还是用之前的html结构和css样式,只是改变了js的代码部分。所以这次就把用JQuery写的js代码写下来。。。。。代码: <script src="./jquery-3.5.1.min.js"></script> <script> var currentIndex = 0; var timer; //图片滑动

2020-08-14 14:11:48 37

原创 JQuery实现选项卡( 附代码)

样式:代码:<!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-08-14 10:37:20 36

原创 DOM经典例子(轮播图)

效果显示:功能:1、每两秒自动换页;2、可以进行1,2,。。翻页;3、可以通过>或者<进行翻页;图片资源:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2020-08-12 20:22:11 45

原创 DOM经典例子(选项卡2)

效果:方法2:代码:<!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-08-12 18:19:47 33

原创 DOM经典例子(选项卡1)

实现效果:方法1:代码:<!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-08-12 18:09:36 32

原创 DOM经典例子(放大镜)

首先声明一下,我的两张图片是400 300和800 600的,所以代码中的div大小设置也是依赖于这个的。如果图片大小更换,代码中的div的大小也要改变,而且如果两张图片要求是1:2的。我把我的图片页拿出来了。。。OK,代码附上。。。。。。。。。。。。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co

2020-08-11 15:18:03 27

原创 DOM经典例子(元素拖拽)

<!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-08-11 14:13:09 38

原创 JavaScript 让你意外的瞬间(函数2)

这一篇呢,是对之前的函数那一篇的补充,因为又找到好玩的了,所以自然要给与补充。再附上上一篇函数的文章:https://blog.csdn.net/weixin_46726346/article/details/107911551上一篇忘记说了JS中函数最有趣的特点了。根源就是,JS的函数是一个对象,是Function类型的对象。那,由于函数是一个对象,那么函数名就是一个指向函数对象的指针。就像一个变量名指向一个对象的地址一样。。。那这就有趣了,我完全可以这么做。 <script&gt

2020-08-10 19:01:23 26

原创 JavaScript 让你意外的瞬间(Array类型)

除了Object类型,Array类型应该是JS中最常用的引用类型了。并且JS的数组和其他的语言,像JAVA,C有着很大的区别,具体体现在:JS数组中的每一项可以保存任何数据类型的数据。JS的数组大小是可以动态调整的。这两个特点在JAVA或者C中的定长数组是不可行的。所以在我看来,JS的数组,更像其他语言封装好的一个比较强大的类。。。。我们来看一下JS中数组是怎么创建的。 <script> var arr1=new Array(); var ar

2020-08-10 18:39:25 49

原创 JavaScript 让你意外的瞬间(变量和对象)

我们知道定义变量的时候,可以给变量赋值。包括基本数据类型和引用类型。这一篇主要简单的说一下二者的区别(引用类型以对象为例)在哪里。也是,挺有意思的。首先第一点呢,就是对象可以自定义属性,什么意思呢。 <script> var person=new Object(); person.name="wangwu"; console.log(person.name); </script>就像这样,打印出来也是wangw

2020-08-10 14:50:46 34

原创 JavaScript 让你意外的瞬间(函数)

函数呢,对于任何一门语言都是一个核心的概念。在C或者JAVA中,我们定义函数,要么是Void无返回类型的,要么是有返回值类型的。那在JS中呢,定义一个函数没有那么多条条框框。。。。。又是很特别的。我们来看一下JS中的函数怎么写: <script> function f1(name,age){ console.log(name+age); } f1("wangwu ",13); </script&g

2020-08-10 14:20:00 29

原创 JavaScript 让你意外的瞬间(关系操作符)

继上一篇说完逻辑运算符,这里又要说关系操作符了,也是今天最后一篇了。。。。加油,奥利给。。。先说比较运算符,我们知道如果比较两个数字的话,就很简单的比较就好了,那如果两个操作数不是数字呢。自然是有一套转换规则的,我这里就不打出来了,只是举几个好玩的例子。。。 <script> console.log("ABC">"abc"); </script>这行代码的输出结果是什么呢?是false,也就是“ABC”<“abc”.因为这个

2020-08-09 21:12:01 23

原创 JavaScript 让你意外的瞬间(逻辑运算符)

JS中的逻辑运算符呢,emmm,是很让我惊讶的。。。因为是真的踩到过坑。。。这里不说“!”非运算,因为它和C或者JAVA应该不会差别很大,这里主要说另外两个。1、在之前的学习中,我觉得不管哪门语言,&&运算符的返回值,应该一定为boolean吧。但在JS中,不这么认为,这个时候JS变得高大上起来了。。。。那,如果&&的两个操作数都为boolean值得话,那他和JAVA是没有区别的。但如果,如果!有一个操作数,不为布尔值,那么它的返回结果就不一定是布尔值。我们

2020-08-09 20:48:28 85

原创 JavaScript 让你意外的瞬间(数据类型)

在JS中有5中基本数据类型和一种复杂数据类型,这一篇直说前五个基本数据类型,因为,后面还没复习到(hhhhhhh)。1、OK,先说第一个Undefined,这个类型只有一个值:undefined。我们上一篇说过,没有初始化的变量会默认赋值为undefined。这里我们要区别一个问题。没有初始化和没有定义是两码事。 <script> var x; console.log(x); console.log(y); </sc

2020-08-09 20:06:44 340 1

原创 JavaScript 让你意外的瞬间(变量Var)

emmm,于我而言呢,我是先学习C,然后C++,再到JAVA,到现在的JS,所以在学习JS的过程中,遇到了一些,很意外,很惊喜,很无奈的一些知识点。所以自己想以这种方式复习一下JS,并且进行一个知识的汇总整理。OK,现在开始,就从这一篇开始。我们知道JS中的变量是松散类型的,所谓松散类型就是可以用来保存任何数据类型的数据。换句话说:每个变量仅仅是一个用于保存值得占位符而已。 <script> var a1; var a2=5; v

2020-08-09 19:32:31 59

原创 CSS盒模型【框模型】(详解)

关于CSS的最后一点,就是盒模型了,也叫CSS的框模型。CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式,在之前

2020-08-08 13:41:08 44

原创 CSS中的定位(详解)

OK,关于CSS的选择器,样式已经说完了。到了定位这一块。定位是为了更好的完成网页中元素的布局,也就是说你想让这一个节点出现在什么位置,就要用到定位。介绍就不说太多,直接开始正文。一、CSS 相对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。 <!-- 相对定位 -->

2020-08-08 11:58:51 33

原创 CSS常用样式(详解)

继续整理CSS的知识点,这一篇主要说一下CSS的样式。上一篇说了CSS的选择器,那选中了元素之后,就是要给元素添加样式了。一、背景背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 <style> *{ margin: 0; padding: 0; } #color{ width: 100px;

2020-08-07 16:33:58 63

原创 CSS选择器的用法(详解)

这一篇,介绍CSS的各种选择器的用法。我们之前说过html是用来对网页的元素进行布局,那么css就是给这些元素加上一些属性和样式。而选择器就是对这些元素进行选中。那选中的方法自然是多种多样,所以CSS选择器也是分为很多种,这里就来一一介绍。一、CSS 元素选择器最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身。我们来看一下。<body>

2020-08-07 13:50:16 47

原创 HTML的表单元素(整理)

关于HTML最后的知识点,就写一篇关于表单元素的知识总结。form元素HTML 表单用于收集用户输入。form元素定义 HTML 表单: <form action=""> <p>这是一个表单</p> </form>可以吧这个理解为一个框架,在这里面写一些表单元素。一、文本输入《input type=“text”》定义用于文本输入的单行输入字段: <form action="">

2020-08-04 15:58:34 37

原创 HTML中的行级元素(常用整理)

上一篇说了HTML的块级元素,这一篇说几个常用的行级元素。首先说一下行级元素是什么意思。和相邻的行级元素在同一行,宽度、高度、内边距和外边距的都不可改变。就是不能设置宽高,并且大小由内容撑开。一、链接HTML 超链接(链接)超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。我们通过使用a标签在 HTML 中创建链接。有两种使用a标签的方式:通过使用 href

2020-08-04 14:01:00 57

原创 HTML的块级元素(常用整理)

emmm,最近想整理复习一下前端的基础,最开始的HTML想了好久也没想好怎么写,最后也是决定以行块这样整理,再在后面补充吧。说到HTML,什么是HTML呢? 什么是 HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用

2020-08-04 13:28:17 72

原创 JAVA中的LinkedList(使用方法)

我在之前有写过一篇关于ArrayList的文章https://editor.csdn.net/md/?articleId=107562529那我们知道了,在ArrayList的底层是用动态数组来实现的,那数组的缺点ArrayList也一定会有,那数组的缺点是什么呢,增删慢,并且每次扩容都会有浪费的空间剩余。那有没有另一种数据结构,我增删很快,而且我用多少空间,我就开辟出多少空间,LinkedList就这样出来了,LinkedList的底层是用双向链表来实现的,至于双向链表的实现过程,在上一篇文章我也写

2020-08-01 21:59:54 44

空空如也

空空如也

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