- 博客(16)
- 收藏
- 关注
原创 蓝桥杯模拟题--制作计算器--js
古以算盘作为计算工具。算盘常为木制矩框,内嵌珠子数串,定位拨珠,可做加减乘除等运算。站在前人的肩膀上,后人研究出计算器,便利了大家的生活,我们不用带着笨重的计算工具出门,打开手机上的计算器就可以了。
2023-03-29 22:25:00
157
原创 js中的数组
参数:arrayObj:必选项,要赋值为Array对象的变量名。size:可选项,设置数组的大小,下标从0开始。2.prototypes属性 自定义方法。连接2个或更多的数组,并返回结果。二、Array对象的属性。一、创建Array对象。1.length属性。
2023-03-26 15:12:35
161
1
原创 文本溢出问题
类似的场景:页面中某块区域的文本内容过多,导致占用了其他内容的空间。效果如下图所示:上图文本中一共占用了 11 行文本。实际需求中,我们只希望显示 2 行即可,剩余的内容用省略号(...)替代。overflow。
2023-03-24 11:27:40
266
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
116
原创 蓝桥杯模拟题【功能实现】折叠手风琴
2.选择option类的盒子,并绑定一个点击事件函数:$(".option").click(function(){1.写一个函数并运行:$(function(){}) 此函数一点击就会运行。
2023-03-16 17:18:51
167
原创 第十三届蓝桥杯省赛:购物车
网上购物已经成为现代人生活中不可或缺的一部分,那么人们最常用到的购物车功能又是如何实现的呢?本题需要在已提供的基础项目中,使用 Vue 2.x 的知识,解决购物车商品管理过程中遇到的问题。当前出现的问题在“商品列表”中点击 N 次“加入购物车”按钮,会在购物车列表中出现 N 个该商品,且初始数量为 1。在“购物车”中点击商品数据后的加号(“+”)按钮,会在购物车列表中重复出现该商品,且初始数量为 1。在“购物车”中点击商品数据后的减号(“-”)按钮,并未将商品从购物车中移出。
2023-03-07 20:51:19
568
原创 vue--表单处理
Vue 项目中你可以用v-model指令在表单及元素上创建双向数据绑定。轻松地实现表单数据收集或绑定,提高了开发效率。它会根据控件类型自动选取正确的方法来更新元素。负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。常用表单元素注意:v-modelvaluecheckedselected。直接给元素 value 赋值不会生效的,你应该通过 JavaScript 在组件的data选项中声明初始值。v-model。
2023-03-06 23:23:07
151
原创 vue基本知识速成——v-on(补充)
是非常常见的需求,阻止事件冒泡或捕获或者事件默认行为。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。修饰符,事件会触发冒泡行为,点击子元素也会触发父元素的相同事件。之前提过,修饰符是由点开头的指令后缀来表示的。为了解决这个问题,Vue.js 为。在事件处理程序中调用。
2023-03-06 21:09:20
96
原创 vue-条件和循环渲染
nav:数值 index:索引 navbar:数组中在进行列表渲染的时候,会默认遵守 ‘就地复用策略’。用key管理可复用的元素,key属性必须是唯一的标识建议尽量在使用v-for时提供key属性,除非遍历输出的DOM内容非常简单。
2023-03-06 20:15:14
157
原创 ES6基础知识速成——函数的扩展
在 ES6 中我们可以直接在函数的形参里设置默认值rest 参数:用 rest 来获取函数的多余参数箭头函数,顾名思义,就是用箭头(=>)来表示函数。箭头函数和普通函数都是用来定义函数的,但两者在语法构成上非常不同。我们来举个例子对比一下~新建一个 文件,我们先用 ES5 的方式定义一个函数。上面定义了一个名为 的求和函数。用箭头函数来描述上面函数的功能箭头函数与普通函数的区别:
2023-03-03 22:30:46
262
原创 ES6知识速成——数组的扩展
数组扩展--两种创建数组的方法:Array.of() 方法用于将一组指定的值转换为数组。Array.from() 方法用于将类数组或者可迭代对象转换为数组。六种数组实例的方法:find() 方法:返回数组中满足指定条件的第一元素的值,未找到,则返回 undefined。findIndex() 方法:返回数组中满足指定条件的第一元素的索引,未找到,则返回 -1。fill() 方法:用一个固定值去填充数组中指定索引位置的数组值。entries() 方法:返回一个新的 Array Iterator
2023-03-03 20:54:59
94
原创 ES6基本知识速成——字符串的扩展
ES6基本知识速成--字符串的扩展--模板字面量、字符串占位符、标签模板、判断指定字符串是否存在、重复字符串、替换字符串---includes()、startsWith()、endsWith() 来代替 indexOf() 方法判断字符串是否包含指定子串。repeat() 方法自定义次数重复输出指定字符串。replaceAll() 方法来代替了 replace() 替换指定字符串。
2023-03-03 19:36:26
229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人