- 博客(22)
- 收藏
- 关注
RSS订阅
原创 vue 简单增删小黑的记事本
首先小伙伴得先掌握vue的操作指令和数组的方法才能写出这个小demo，3、需要数组方法unshift头部添加和filter过滤。接下来告诉小伙伴需要用到些指令 和方法。2、v-model数据双向绑定。1、v-for渲染列表。
2024-02-12 15:55:27
608
原创 js 面向对象模态框
4、需要写一个公共open方法。5、需要写一个close方法。2、需要给div添加内容。1、需要创建一个div。3、需要div添加类名。
2024-02-10 21:49:52
273
原创 js filter筛选商品
4、通过classList.remove删除active类名，通过classList.add给目标元素添加类名。5、通过我们设置的data-i自定义属性来区分用户点到的是哪个区间。2、把所有筛选a标签的点击事件委托给class类名的父元素。1、把所有数据通过forEach方法遍历数据渲染页面。3、需要判断当点到a的时候触发该点击事件。6、利用数组方法filter来过滤区间数据。7、全部商品则显示所有数据。
2024-02-06 18:59:37
582
1
原创 js 函数参数和扩展运算符
console.log(arr) //[2,3,4] (使用的时候不需要加...)console.log(arr) //[2,3,4] (使用的时候不需要加...)console.log(Math.max(...arr1)) //最大值。console.log(Math.min(...arr1)) //最小值。1、...是语法符号，置于最末函数形参之前，用于获取。1、arguments是一个伪数组，只存在函数中。2、arguments的作用是动态获取函数实参。2、借助...获取的剩余实参，是个真数组。
2024-02-05 13:43:09
267
原创 js 变量和函数声明提升
js初学者经常花很长事件才能习惯变量提升，还经常出现一些意想不到的bug，正因为如此，Es6引入了块级作用域，用let或者const声明变量，让代码写法更加规范和人性化。变量提升是javascript中比较'奇怪'现象，它允许在变量声明之前被访问（仅存var声明变量）2、变量var声明之前被访问，变量的值是undefined。3、let、const声明变量不存在变量声明提升。console.log(str)//报错。用关键字var才存在变量声明提升。只提升变量声明，不提升变量的值。
2024-02-05 12:42:57
284
原创 垃圾回收机制和算法说明
2、就是从根部（在js中就是全局对象）出发定时扫描内存中的对象。凡是能从根部到达的对象，都是还需要使用的。//因为他们的引用次数永远不会是0.这样的相互引用如果说很大量的存在就会导致大量的内存泄漏。如果两个对象互相引用，尽管他们已不再使用，垃圾回收器也不会进行回收，导致内存泄漏。当我们声明变量、函数、对象的时候，系统会自动为它们分配内存。2、如果引用了依次，那么就记录次数1，多次引用会累。1、标记清除算法"不再使用的对象"，定义为。是否有指向它的引用，没有引用就回收对象。的某些改进算法，总体思想是一致的。
2024-02-04 23:04:35
311
原创 js仿京东电梯导航
最新专题</div><li data-name="pula">人气推荐</li><div class="box_pula">人气推荐</div><li data-name="new">新鲜好物</li><li data-name="hot">热门品牌</li><div class="box_hot">热门品牌返回顶部
2024-02-03 12:46:08
294
原创 如何实现固定的元素和你渲染的列表元素关联class类的样式
template:<divclass="tab-con"><ulclass="tab-ul"><liclass="tab-li"key="all"><span:class="{'active':'all'==currentTab}"@click="all">全部</span></li><liclass="tab-li"v-for="(item,ind...
2021-12-30 10:48:31
389
原创 vue实现多个class类的文字样式
template:<ulclass="itempolicy"><liv-for="(item,index)inlistDat":key="index"@click="hedchange(index)"><divclass="li-con"@click="come('/policyPublicity',item)":class="{color1:(index%4)...
2021-12-28 09:10:07
1190
原创 vue 通过moment实现时间转换
1、下载:npm install moment --save 2、 main.js中引入import moment from 'moment/moment'3、添加过滤器Vue.filter('moment', function (value, formatString) {ormatString = formatString || 'YYYY-MM-DD HH:mm:ss';// return moment(value).format(formatString); .
2021-07-07 20:02:32
372
原创 vue一个页面动态写多个echarts
父组件<template><divclass="bos"><myecharts:id='b':obj='list'></myecharts><myecharts:id='c':obj='arr'></myecharts></div></template><script>importmyechartsfrom'...
2021-07-06 16:15:40
1098
原创 vue 熟悉v-model，双向绑定 实现三级联动
<template><divclass="mt"><divclass="fm"v-show="index==1"><h3><span>超企用户注册</span><iclass="el-icon-close"@click="index=0"></i></h3><label>用户名:</label><...
2021-07-02 21:14:59
466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人