自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 html、css、QQ音乐移动端静态页面,资源免费分享,可作为参考,提供InsCode在线运行演示

CSDN将我上传的免费资源私自变成VIP专享资源,且作为作者的我不可修改为免费资源,不可删除,寻找客服无果,很愤怒,(我发布免费资源就是希望大家能免费一起用、一起学习),接下来继续寻找客服协商,望周知。

2024-04-15 09:15:09 339

原创 html、css、京东移动端静态页面,资源免费分享,可作为参考,提供InsCode在线运行演示

CSDN将我上传的免费资源私自变成VIP专享资源,且作为作者的我不可修改为免费资源,不可删除,寻找客服无果,很愤怒,(我发布免费资源就是希望大家能免费一起用、一起学习),望周知。

2024-04-15 09:05:47 380

原创 Javascript 回调函数、Promise 和 async/await 的出现

在JavaScript中,回调函数(Callback Function)是一个非常重要的概念,它允许你传递一个函数作为参数到另一个函数中,并在需要的时候由另一个函数来调用它。为了克服回调函数的缺点,JavaScript引入了Promise对象和async/await语法,它们提供了更简洁、更易于理解的方式来处理异步操作和回调函数。尽管Promise和async/await提供了更现代的解决方案,但在某些情况下,回调函数仍然是必要的和有用的。在异步操作中,回调函数特别有用,比如使用。

2024-04-11 16:58:28 303 1

原创 ES6 全详解 let 、 const 、解构赋值、剩余运算符、函数默认参数、扩展运算符、箭头函数、新增方法,promise、Set、class等等

​ ECMAScript 6.0,简称 ES6,是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

2024-04-11 16:55:30 899

原创 javascript this指向和改变this指向的call、apply、bind三个方法

1、全局作用域下 window2、普通函数 window3、立即执行函数IIFE window4、严格模式,全局作用域中的this指向5、对象中的方法中的this谁调用指向谁(指向调用它的这个对象)6、注册事件,指向事件源(给谁注册的事件就指向谁)

2024-04-10 11:12:31 673

原创 javascript,DOM事件,传统事件和事件监听详解

js、javascript、DOM事件,传统事件和事件监听详解

2024-04-10 11:06:48 684

原创 小米商城静态页面,提供InsCode在线运行查看,提供免费资源包的下载,可作为参考

目前只有俩个页面,首页和登录页,静态页面,欢迎讨论和意见的交流,后续有时间也会发其他模仿写的网页。

2024-01-31 14:59:13 463

原创 html、css华为商城静态页面,提供InsCode在线运行查看,提供免费网页资源包的下载,可作为参考

俩个页面,首页和登录页,静态页面,欢迎讨论和意见的交流,后续有时间也会发其他模仿写的网页。

2024-01-31 14:40:40 336

原创 html+css 浮动、清除浮动、什么是BFC?、如何开启BFC

如果给上边的元素设置浮动时,下边的元素就会跑到上边元素的位置上,上边元素会覆盖住下边的元素(原因是上面的元素已经脱离了文档流,不占据位置)浮动的元素并不是根据上下排列的顺序来设置左右浮动,每个元素可以任意设置浮动位置。元素也会脱离文档流,虽然可以撑开父元素,但是会导致父元素的宽度丢失。以后,元素会变成一个独立的布局区域,不会在布局上影响到外面的元素。脱离文档流的元素,默认在父元素的顶部,不会超出父元素的内容。无论浮动的元素是右还是左浮动,下面的元素都会默认朝左上角。

2024-01-12 09:14:05 1325

原创 html+css 文本样式常用属性集合和总结

注意 vertical-align 只对行内元素、行内块元素和表格单元格元素生效、不能用它垂直对齐块级元素。父元素如果不设置高,由图片撑开,此时图片的底部就会有三像素的空白。可以设置单词之间的距离,只要字符之间有空格分隔就算做单词。文本阴影(shadow是阴影的意思,blur模糊的意思)解决方式三:给父元素设置font-size为0。指定一个正值时,会自动向右侧缩进指定的像素。指定一个负值,则会向左移动指定的像素,可以用来设置文本的修饰。用于设置文本的对齐方式。设置元素垂直对齐的方式。

2024-01-09 11:03:51 526

原创 html+css 对input的使用以及详解

结合使用(alt 属性表示图片未正常显示时,用于替换图片的提示;如果不写这个属性,当图片未正常显示时,会默认显示。默认情况下,文件上传表单控件只能上传一个文件,添加 multiple 属性可以实现文件多选功能。属性,点击它提交表单后,会将用户的点击位置相对于图像左上角的 x 坐标和 y 坐标提交给服务器。属性的值表示的是输入框中显示的初始值,此初始值可以更改,并且在提交表单时,属性的值会发送给服务器(既是初始值,也是提交给服务器的值)属性的值表示的是按钮上显示的文本。属性的值表示的是提交给服务器的值。

2024-01-05 00:15:00 1165

原创 html+css 有关于less的使用和全面解释

公共样式文件,可以将多个less文件导入到一个less文件中,以减少在。VS Code 插件:Easy LESS,保存。表示当前选择器,不会生成后代选择器,通常配合。文件导入到一个less文件中,已经导入的。代码,目前阶段,网页要引入对应的。文件时只有块注释可以被解析进入。作用:存储数据,方便使用和修改。加、减、乘直接书写计算表达式。提示:文件夹名称后面添加 /文件时行注释无法被解析进入。作用:快速生成后代选择器。使用场景:默认情况下一个。文件后自动生成对应的。/* 注释内容 */概念:容器,存储数据。

2024-01-04 09:38:07 848

原创 html中的form表单以及相关控件input、文本域、下拉select等等的详细解释 ,点赞加关注持续更新~

表单、创建表单form、input 标签、input标签的value属性、设置input标签格式、单选框、多选框、上传文件、下拉菜单、文本域、设置文本域格式、label 标签、按钮

2024-01-03 19:25:08 2659

原创 对html骨架的详细解释

文档声明 告诉浏览器我们写的代码是按照html文档类型来写的,浏览器在编译代码时,也要按照html规范来编译,防止出现怪异模式。body标签 是书写网页主体内容,用户看到的所有内容文字,图片,音视频等等都写在body。网站的标题,可以帮助推广部门进行网站推广,非常重要,一般具体内容都是推广部门来定的。开始标签和结束标签中间,lang="en"向搜索引擎表示语言为英文的网站。html根标签,一个页面就一个根标签 所有的内容都要写在根标签。head标签 帮助浏览器编译代码,里面的内容,用户一般看不到。

2024-01-02 20:13:18 624

原创 html和css的一些问题总结以及面试题 ,点赞加关注持续更新~

外边距重叠就是 margin-collapse。折叠外边距 :在 CSS 当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。解决外边距重叠的问题:开启元素的BFC属性,在元素的前面加一个空的table?标准的 W3C 盒子模型模型 ,css为了更好的布局,将页面中所有的元素形状都统一为矩形。盒模型包括四个方面:内容、内边距、边框、外边距(不计入盒子实际大小)标准模式页面按照HTML,CSS的定义渲染,

2023-12-07 15:21:51 1138

原创 JavaScript 手写防抖节流以及应用演示,点赞加关注持续更新~

防抖的应用演示,持续的事件触发停止时,执行最后一次节流的应用演示,持续的事件触发,每隔一段相同的事件触发一次防抖和节流的演示代码已上传至Incode,可以直接从文章顶部去运行。

2023-12-05 20:30:03 1143 1

原创 Javascript 一些常用的Object静态方法,点赞加关注持续更新~

一个由给定对象自有的可枚举字符串键属性的键值对组成的数组。每个键值对都是一个包含两个元素的数组:第一个元素是属性的键(始终是字符串),第二个元素是属性值。如果目标对象与源对象具有相同的[键(属性名),则目标对象中的属性将被源对象中的属性覆盖,后面的源对象的属性将类似地覆盖前面的源对象的同名属性。静态方法将一个或者多个源对象中所有可枚举的自有属性复制到目标对象,并返回修改后的目标对象。静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。一个由给定对象自身可枚举的字符串键属性键组成的数组。

2023-12-04 11:31:49 998

原创 Javascript中的深拷贝和浅拷贝 , 点赞加关注持续更新~

浅拷贝:拷贝的是地址,对于简单数据类型是直接将值复制一份给接受变量,但是对于复杂数据类型还是将地址传过去,对于含有对象的对象,浅拷贝就会出问题 (简单理解: 如果是单层对象,没问题,如果有多层就有问题)上面中的代码就发现了问题,改变浅拷贝后对象的属性值,不会影响原对象。但是改变对象中的对象的属性值,会影响原对象。需要注意的是,如果源对象的某个属性同名于目标对象已有的属性,那么,该属性将不会被复制到目标对象中。是一个用于将所有可枚举的自身属性从一个或多个源对象复制到目标对象的方法,返回目标对象。

2023-12-02 23:52:00 1053 1

原创 Javascript 中的正则表达式的使用,点赞加关注持续更新~

在JavaScript中,正则表达式被定义为一个对象,可以通过正则表达式的字面量或者使用RegExp构造函数来创建// 字面量方式创建正则表达式// 使用RegExp构造函数创建正则表达式。

2023-12-01 19:33:27 558 1

原创 JavaScript 整理了一些常用的字符串方法, 点赞加关注持续更新~

返回从 start (包括)到 end(不包括)之间的字符,start、end均为非负整数。若结束参数(end)省略,则表示从start位置一直截取到最后。indexOf()

2023-11-30 15:44:28 689

原创 JavaScript+HTML+css制作的简单成绩管理系统 点赞加关注,案例持续更新~

最终实现了一个简单的成绩管理系统,用户可以通过表单添加成绩数据,并在表格中显示出来,同时也可以删除某个成绩数据。实现了一个成绩管理系统的基本功能,包括添加、删除成绩、计算总分平均分并渲染到页面中。

2023-11-22 17:22:55 426

原创 JavaScript 整理了27个常用数组方法,点赞加关注内容持续更新~

2、数组排序sort方法方法是数组对象的一个方法,用于对数组的元素进行排序。这个方法会改变原数组的顺序。默认情况下,方法按照字符串Unicode码点顺序进行排序。也就是说,它把每个元素都转换成字符串,然后按照每个字符串的Unicode编码顺序进行排序。如果你想按照自定义的规则进行排序,你可以提供一个比较函数作为方法的参数。这个比较函数应该接收两个参数,如果第一个参数应该排在第二个参数前面,那么比较函数应该返回一个负数。如果两个参数相等,那么比较函数应该返回0。如果第一个参数应该排在第二个参数后面,那

2023-11-20 22:41:55 258 1

原创 JavaScript 用循环绑定事件制作tab栏切换 ,点赞加关注更多内容持续更新

分享一个用for循环,循环绑定事件事件来制作的tab栏切换模板,用事件委托制作当然也可以,在下篇文章中会讲到。

2023-11-18 23:54:38 210 1

原创 JavaScript 制作简单的网页下班倒计时 ,点赞加关注案例持续更新~

我设置的时间为2060年10月1日,这里的月份是从0开始计数的,所以9代表10月。然后是小时(17)、分钟(30)和秒(0),这样的代码将创建一个表示2060年10月1日17点30分的。拿自己设置的时间与1970年1月1日的毫秒时间差减去现在的时间与1970年1月1日的毫秒时间差,就可以获得目标时间到现在时间的毫秒时间差,后面再进行逻辑计算即可。然后获取2060年10月1日 到1970年1月1日的毫秒--> targetTime.getTime(): 返回自1970年1月1日以来的毫秒数。

2023-11-17 16:15:29 892 1

原创 JavaScript 制作实时电子时钟 ,点赞加关注经典案例持续更新~

效果动图,此动图时间仅为当时录制的时间,实际运行时间为实时时间。

2023-11-16 10:35:40 1738 3

原创 Java Script制作网页实时时钟,与实时时间一致(提供源码和资源下载),点赞加关注更多案例持续更新~

2. 多次定时器,重复获取时间,让指针动起来。效果动图,此效果图的时间仅仅是当时录制的时间。3.计算好时针分针秒针每走一次的角度变化。详细注释都在代码中,直接放上完整代码。1. 创建日期对象 获取当前时间。

2023-11-14 14:49:35 231 1

原创 Java Script 用双重循环和splice()方法对数组去重(只保留第一个出现的元素) ,点赞加关注持续更新~

内层循环从外层循环所指向的元素的下一个元素开始,一直循环到数组的最后一个元素为止。因为是取数组第一个元素与后面的所有元素进行比较,数组最后一位元素已经被所有元素比较过了是不可能出现与最后一位元素重复的元素,所以需要减一,当然不减一也不出错,只是会循环一次无用的比较,为了减少无用循环和提高性能,还是建议动动你的小手,去除这无用的循环。因为每次删除一个数组元素,被删数组元素的后一位元素 会占据原来被删元素的序列号,会导致遍历的时候跳过被删元素的后一位元素,所以每删一次元素,需要j减一。

2023-11-12 17:06:11 183 1

原创 JavaScript 封装一个输出自定义范围内随机整数的函数 ,点赞加关注持续更新~

Math.floor() // 向下取整,例如Math.floor(1.9)输出为1Math.random() //输出[ 0,1 ) 左闭右开,之间的随机数。

2023-11-09 15:39:22 149 1

原创 JavaScript 取款机(使用while循环,优化) 点赞加关注经典案例持续更新~

最外层while(a){ } 的作用是,当用户输入的数不为 1、2、3、4时循环,提示输入错误,并且让用户重新输入,直到输入的数为1、2、3、4中的一个才进入下一步。

2023-11-07 22:34:25 179 1

原创 Java Script 经典案例九九乘法口诀表的打印 点赞加关注经典案例持续更新~

其中要注意的点是内层循环,内层循环(横向循环)的变量 j 一定要小于等于纵向循环 i ,因为横向的打印数是和纵向的层数是相等的,所以 j 是的值是不能超过 i 的。九九乘法口诀表分为横向打印和纵向打印,,那么就需要用到双重for循环嵌套,外层循环的作用是当这一层横向打印完毕继续打印下一行,内层循环实现横向打印。下面来看看Javascript部分的代码。最后添加css样式即可,下面附上完整代码。先来看看打印的结果图。

2023-11-04 23:35:30 172 1

原创 Java Script实现对王者荣耀英雄画像的输出,(提供源码和素材) 点赞加关注,经典案例持续更新~

Java Script实现对王者荣耀英雄画像的输出,(提供源码和素材) 点赞加关注,经典案例持续更新~

2023-11-02 17:29:14 168

原创 用html和css制作师徒四人西天取经动画(提供源码+素材)点赞加关注,经典案例持续更新~

用html和css制作师徒四人西天取经动画,提供源码和素材

2023-11-01 23:06:23 336 3

原创 用html和css纯代码制作会旋转的太极图(详细讲解)点赞加关注,经典案例持续更新~

旋转太极图实现思路,将盒子设置很粗的边框,再将盒子设置成圆形,最后将需要的盒子组合在一起形成的太极图。

2023-10-26 23:47:46 673

原创 html常用标签介绍

HTML常用标签是构建网页的基础,正确使用这些标签能够使网页结构清晰、易于阅读和维护。通过对这些标签的学习和运用,我们可以更好地设计和构建出富有动态性和交互性的网页应用。HTML标签通常具有一些属性,这些属性为标签提供了额外的信息或功能。属性,分别用于指定图像的来源和备用文本。属性,用于指定链接的目标地址;标签定义了一个大标题,使用。标签插入了一张图片,并使用。标签定义了一个段落,使用。标签创建了一个链接,使用。标签创建了一个无序列表。在这个示例中,我们使用。一、HTML常用标签。三、标签使用案例分析。

2023-10-14 14:11:49 182 1

原创 简单的网页结构介绍

HTML结构是网页的重要组成部分,它决定了网页的布局、内容和功能。本文将从HTML结构的历史背景、定义、基本结构、作用、使用技巧和实例分析等方面进行介绍,帮助读者全面了解HTML结构的相关知识。当时,互联网还处于雏形阶段,HTML结构的出现为网页制作提供了统一的规范和标准。随着互联网技术的不断进步,HTML结构也在不断演进和完善,从最初的静态网页到现在的动态、交互式网页,HTML结构在其中起到了至关重要的作用。每个标签都有特定的含义和功能,用于描述网页中的不同元素,如标题、段落、图片、链接等。

2023-10-13 20:58:06 37

华为商城pc端网页,资源包

华为商城网页的模仿,资源包

2024-04-15

小米商城pc端网页的精细模仿,可在文章顶部inscode在线运行查看,也提供了资源包的下载

小米商城pc端网页的精细模仿,打包资源包

2024-04-15

html、css qq音乐移动端静态页面

html、css qq音乐移动端静态页面,可作为大学生期末项目参考,只有俩个页面

2024-04-10

html、css 京东移动端静态页面

html、css 京东移动端静态页面,可作为大学生期末项目参考

2024-04-10

Java Script制作网页实时时钟,时间与现在的实际时间一致(提供源码和资源下载)

Java Script制作网页实时时钟,时间与现在的实际时间一致(提供源码和资源下载)

2023-11-14

Java Script实现对王者荣耀英雄画像的输出,(提供源码和素材) 点赞加关注,经典案例持续更新~

Java Script实现对王者荣耀英雄画像输出,源码和素材

2023-11-02

用html和css制作师徒四人西天取经动画(提供源码+素材)

html和css制作的师徒四人西天取经动画源码加素材

2023-11-01

空空如也

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

TA关注的人

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