自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 蓝桥杯模拟题--制作计算器--js

古以算盘作为计算工具。算盘常为木制矩框,内嵌珠子数串,定位拨珠,可做加减乘除等运算。站在前人的肩膀上,后人研究出计算器,便利了大家的生活,我们不用带着笨重的计算工具出门,打开手机上的计算器就可以了。

2023-03-29 22:25:00 111

原创 js中的数组

参数:arrayObj:必选项,要赋值为Array对象的变量名。size:可选项,设置数组的大小,下标从0开始。2.prototypes属性 自定义方法。连接2个或更多的数组,并返回结果。二、Array对象的属性。一、创建Array对象。1.length属性。

2023-03-26 15:12:35 102 1

原创 文本溢出问题

类似的场景:页面中某块区域的文本内容过多,导致占用了其他内容的空间。效果如下图所示:上图文本中一共占用了 11 行文本。实际需求中,我们只希望显示 2 行即可,剩余的内容用省略号(...)替代。overflow。

2023-03-24 11:27:40 174 1

原创 jQuery与原生js在基本操作上的区别

DOM操作 原生js实现 jQuery实现 更改HTML元素内部文字 oDiv.innerHTML = "你好"; $("div").html("你好") 更改HTML元素的样式 oDiv.style.background = "red"; $("div").css("background") 更改HTML元素的属性 oImg.src = "2.jpg"; $("img").attr("src","2.jpg")

2023-03-16 19:38:21 79

原创 蓝桥杯模拟题【功能实现】折叠手风琴

2.选择option类的盒子,并绑定一个点击事件函数:$(".option").click(function(){1.写一个函数并运行:$(function(){}) 此函数一点击就会运行。

2023-03-16 17:18:51 127

原创 蓝桥杯web【真题练习】课程列表--分页

分页是前端页面中必不可少的一项功能,下面让我们一起来完成一个课程列表的分页吧。

2023-03-10 00:08:19 531

原创 第十三届蓝桥杯省赛:购物车

网上购物已经成为现代人生活中不可或缺的一部分,那么人们最常用到的购物车功能又是如何实现的呢?本题需要在已提供的基础项目中,使用 Vue 2.x 的知识,解决购物车商品管理过程中遇到的问题。当前出现的问题在“商品列表”中点击 N 次“加入购物车”按钮,会在购物车列表中出现 N 个该商品,且初始数量为 1。在“购物车”中点击商品数据后的加号(“+”)按钮,会在购物车列表中重复出现该商品,且初始数量为 1。在“购物车”中点击商品数据后的减号(“-”)按钮,并未将商品从购物车中移出。

2023-03-07 20:51:19 478

原创 vue--表单处理

Vue 项目中你可以用v-model指令在表单及元素上创建双向数据绑定。轻松地实现表单数据收集或绑定,提高了开发效率。它会根据控件类型自动选取正确的方法来更新元素。负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。常用表单元素注意:v-modelvaluecheckedselected。直接给元素 value 赋值不会生效的,你应该通过 JavaScript 在组件的data选项中声明初始值。v-model。

2023-03-06 23:23:07 83

原创 vue基本知识速成——v-on(补充)

是非常常见的需求,阻止事件冒泡或捕获或者事件默认行为。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。修饰符,事件会触发冒泡行为,点击子元素也会触发父元素的相同事件。之前提过,修饰符是由点开头的指令后缀来表示的。为了解决这个问题,Vue.js 为。在事件处理程序中调用。

2023-03-06 21:09:20 62

原创 vue-条件和循环渲染

nav:数值 index:索引 navbar:数组中在进行列表渲染的时候,会默认遵守 ‘就地复用策略’。用key管理可复用的元素,key属性必须是唯一的标识建议尽量在使用v-for时提供key属性,除非遍历输出的DOM内容非常简单。

2023-03-06 20:15:14 85

原创 第十三届蓝桥杯省赛:灯的颜色变化

我们经常会看到各种颜色的灯光,本题我们将实现一个颜色会变化的灯的效果。在浏览器中预览index.html。

2023-03-04 17:38:57 237

原创 ES6基础知识速成——函数的扩展

在 ES6 中我们可以直接在函数的形参里设置默认值rest 参数:用 rest 来获取函数的多余参数箭头函数,顾名思义,就是用箭头(=>)来表示函数。箭头函数和普通函数都是用来定义函数的,但两者在语法构成上非常不同。我们来举个例子对比一下~新建一个 文件,我们先用 ES5 的方式定义一个函数。上面定义了一个名为 的求和函数。用箭头函数来描述上面函数的功能箭头函数与普通函数的区别:

2023-03-03 22:30:46 225

原创 ES6知识速成——数组的扩展

数组扩展--两种创建数组的方法:Array.of() 方法用于将一组指定的值转换为数组。Array.from() 方法用于将类数组或者可迭代对象转换为数组。六种数组实例的方法:find() 方法:返回数组中满足指定条件的第一元素的值,未找到,则返回 undefined。findIndex() 方法:返回数组中满足指定条件的第一元素的索引,未找到,则返回 -1。fill() 方法:用一个固定值去填充数组中指定索引位置的数组值。entries() 方法:返回一个新的 Array Iterator

2023-03-03 20:54:59 62

原创 ES6基本知识速成——字符串的扩展

ES6基本知识速成--字符串的扩展--模板字面量、字符串占位符、标签模板、判断指定字符串是否存在、重复字符串、替换字符串---includes()、startsWith()、endsWith() 来代替 indexOf() 方法判断字符串是否包含指定子串。repeat() 方法自定义次数重复输出指定字符串。replaceAll() 方法来代替了 replace() 替换指定字符串。

2023-03-03 19:36:26 147

原创 ES6基本知识速成——新增关键字

认识 let 、const关键字及const、let、var 三者之间的区别

2023-03-03 17:57:49 147

原创 第十三届蓝桥杯省赛:冬奥大抽奖

第十三届蓝桥杯省赛:冬奥大抽奖

2023-03-03 17:37:35 353 3

空空如也

空空如也

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

TA关注的人

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